Skip to content

Commit

Permalink
Merge pull request #1263 from basbruss/dark_mode
Browse files Browse the repository at this point in the history 
Change darkmode color behavior
  • Loading branch information
@basbruss
basbruss committed Apr 13, 2023
2 parents b4f86b8 + 55cc3c9 commit 17e638c
Show file tree
Hide file tree
Showing 13 changed files with 67 additions and 37 deletions.
5 changes: 4 additions & 1 deletion custom_components/ui_lovelace_minimalist/lovelace/translations/default.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,10 @@ ulm_translation_engine:
[[[
if (typeof(entity) !== 'undefined' && entity !== undefined){
let not_active = ['disarmed','off','closed','not_home','standby','idle','docked','unknown','unavailable','paused']
return !not_active.includes(entity.state)
function containsNumbers(str) {
return /\d/.test(str);
}
return (!not_active.includes(entity.state) && !containsNumbers(entity.state))
}
]]]
ulm_translation_hour: >
Expand Down
29 changes: 28 additions & 1 deletion ...ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/2-line_cards/card_graph.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ card_graph:
ulm_card_graph_points: "0.5"
ulm_card_graph_group_by: "interval"
ulm_card_graph_line_width: 5
ulm_card_graph_icon_color: ""
triggers_update: "all"
custom_fields:
item1:
Expand All @@ -24,7 +25,33 @@ card_graph:
variables:
ulm_card_generic_icon: "[[[ return variables.ulm_card_graph_icon; ]]]"
ulm_card_generic_name: "[[[ return variables.ulm_card_graph_name; ]]]"

custom_fields:
item1:
card:
type: "custom:button-card"
custom_fields:
item1:
card:
type: "custom:button-card"
styles:
icon:
- color: >
[[[
var color = variables.ulm_card_graph_icon_color;
if (variables.ulm_card_graph_icon_color){
return 'rgba(var(--color-' + color + '),1)';
}
return 'rgba(var(--color-theme),0.2)';
]]]
img_cell:
- background-color: >
[[[
var color = variables.ulm_card_graph_icon_color;
if (variables.ulm_card_graph_icon_color){
return 'rgba(var(--color-' + color + '),0.2)';
}
return 'rgba(var(--color-theme),0.05)';
]]]
item2:
card:
type: "custom:mini-graph-card"
Expand Down
2 changes: 1 addition & 1 deletion ...i_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_binary_sensor.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ card_binary_sensor:
card:
- background-color: >
[[[
if (variables.ulm_card_binary_sensor_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_binary_sensor_force_background_color) {
var color = variables.ulm_card_binary_sensor_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...lace_minimalist/lovelace/ulm_templates/card_templates/cards/card_binary_sensor_alert.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ card_binary_sensor_alert:
card:
- background-color: >
[[[
if (variables.ulm_card_binary_sensor_alert_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_binary_sensor_alert_force_background_color) {
var color = variables.ulm_card_binary_sensor_alert_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...onents/ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_cover.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ card_cover:
- background-color: >
[[[
if (variables.ulm_card_cover_color) {
if (variables.ulm_card_cover_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_cover_force_background_color) {
var color = variables.ulm_card_cover_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...mponents/ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_fan.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ card_fan:
- background-color: >
[[[
if (variables.ulm_card_fan_color) {
if (variables.ulm_card_fan_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_fan_force_background_color) {
var color = variables.ulm_card_fan_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...ents/ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_generic.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ card_generic:
card:
- background-color: >
[[[
if (variables.ulm_card_generic_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_generic_force_background_color) {
var color = variables.ulm_card_generic_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_generic_swap.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ card_generic_swap:
card:
- background-color: >
[[[
if (variables.ulm_card_generic_swap_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_generic_swap_force_background_color) {
var color = variables.ulm_card_generic_swap_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...i_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_input_boolean.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ card_input_boolean:
card:
- background-color: >
[[[
if (variables.ulm_card_input_boolean_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_input_boolean_force_background_color) {
var color = variables.ulm_card_input_boolean_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
50 changes: 25 additions & 25 deletions ...onents/ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_light.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,12 +33,12 @@ card_light:
card:
- background-color: >
[[[
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = (variables.ulm_card_light_enable_color && entity.attributes.rgb_color) ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),var(--opacity-bg))'
if(variables.ulm_card_light_enable_color){
if(variables.ulm_card_light_enable_color && entity.attributes.rgb_color){
color = 'rgba(' + color_set + ',var(--opacity-bg))'
}
if (variables.ulm_card_light_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_light_force_background_color) {
return color
}
]]]
Expand Down Expand Up @@ -150,9 +150,9 @@ card_light:
icon:
- color: >
[[[
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),1)'
if(variables.ulm_card_light_enable_color){
if(variables.ulm_card_light_enable_color && entity.attributes.rgb_color){
color = 'rgba(' + color_set + ',1)'
}
if (entity.state != "on") {
Expand All @@ -163,9 +163,9 @@ card_light:
img_cell:
- background-color: >
[[[
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),0.2)'
if(variables.ulm_card_light_enable_color){
if(variables.ulm_card_light_enable_color && entity.attributes.rgb_color){
color = 'rgba(' + color_set + ',0.2)'
}
if (entity.state != "on") {
Expand Down Expand Up @@ -226,9 +226,9 @@ card_light:
maxSet: "[[[ return variables.ulm_card_light_enable_slider_maxSet ]]]"
mainSliderColor: >
[[[
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),1)'
if(variables.ulm_card_light_enable_color){
if(variables.ulm_card_light_enable_color && entity.attributes.rgb_color){
color = 'rgba(' + color_set + ',1)'
}
if (entity.state == "unavailable") {
Expand All @@ -241,9 +241,9 @@ card_light:
]]]
secondarySliderColor: >
[[[
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),0.2)'
if(variables.ulm_card_light_enable_color){
if(variables.ulm_card_light_enable_color && entity.attributes.rgb_color){
color = 'rgba(' + color_set + ',0.2)'
}
if (entity.state == "unavailable") {
Expand All @@ -253,9 +253,9 @@ card_light:
]]]
thumbColor: >
[[[
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),1)'
if(variables.ulm_card_light_enable_color){
if(variables.ulm_card_light_enable_color && entity.attributes.rgb_color){
color = 'rgba(' + color_set + ',1)'
}
if (entity.state == "unavailable") {
Expand Down Expand Up @@ -306,9 +306,9 @@ card_light:
[[[
if (variables.ulm_card_light_force_background_color) {
if (entity.state != "off") {
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),0.2)'
if (variables.ulm_card_light_enable_color) {
if (variables.ulm_card_light_enable_color && entity.attributes.rgb_color) {
color = 'rgba(' + color_set + ',0.2)';
}
return color;
Expand All @@ -320,9 +320,9 @@ card_light:
[[[
if (variables.ulm_card_light_force_background_color) {
if (entity.state != "off") {
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),1)';
if (variables.ulm_card_light_enable_color) {
if (variables.ulm_card_light_enable_color && entity.attributes.rgb_color) {
color = 'rgba(' + color_set + ',1)';
}
return color;
Expand Down Expand Up @@ -358,9 +358,9 @@ card_light:
[[[
if (variables.ulm_card_light_force_background_color) {
if (entity.state != "off") {
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),0.2)'
if (variables.ulm_card_light_enable_color) {
if (variables.ulm_card_light_enable_color && entity.attributes.rgb_color) {
color = 'rgba(' + color_set + ',0.2)';
}
return color;
Expand All @@ -372,9 +372,9 @@ card_light:
[[[
if (variables.ulm_card_light_force_background_color) {
if (entity.state != "off") {
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),1)';
if (variables.ulm_card_light_enable_color) {
if (variables.ulm_card_light_enable_color && entity.attributes.rgb_color) {
color = 'rgba(' + color_set + ',1)';
}
return color;
Expand Down Expand Up @@ -410,9 +410,9 @@ card_light:
[[[
if (variables.ulm_card_light_force_background_color) {
if (entity.state != "off") {
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),0.2)'
if (variables.ulm_card_light_enable_color) {
if (variables.ulm_card_light_enable_color && entity.attributes.rgb_color) {
color = 'rgba(' + color_set + ',0.2)';
}
return color;
Expand All @@ -424,9 +424,9 @@ card_light:
[[[
if (variables.ulm_card_light_force_background_color) {
if (entity.state != "off") {
var color_set = variables.ulm_card_light_enable_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color_set = variables.ulm_card_light_enable_color && entity.attributes.rgb_color ? entity.attributes.rgb_color : variables.ulm_card_light_color;
var color = 'rgba(var(--color-' + color_set + '),1)';
if (variables.ulm_card_light_enable_color) {
if (variables.ulm_card_light_enable_color && entity.attributes.rgb_color) {
color = 'rgba(' + color_set + ',1)';
}
return color;
Expand Down
2 changes: 1 addition & 1 deletion ...ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_media_player.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ card_media_player:
- background-color: >
[[[
if (variables.ulm_card_media_player_color) {
if (variables.ulm_card_media_player_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_media_player_force_background_color) {
var color = variables.ulm_card_media_player_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_power_outlet.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ card_power_outlet:
card:
- background-color: >
[[[
if (variables.ulm_card_power_outlet_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_power_outlet_force_background_color) {
var color = variables.ulm_card_power_outlet_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down
2 changes: 1 addition & 1 deletion ...nents/ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/cards/card_vacuum.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ card_vacuum:
- background-color: >
[[[
if (variables.ulm_card_vacuum_color) {
if (variables.ulm_card_vacuum_force_background_color || hass.themes.darkMode) {
if (variables.ulm_card_vacuum_force_background_color) {
var color = variables.ulm_card_vacuum_color;
return 'rgba(var(--color-' + color + '),var(--opacity-bg))';
}
Expand Down

0 comments on commit 17e638c

Please sign in to comment.