Adjust styles. Add variables for color

This commit is contained in:
2020-04-20 16:05:01 +03:00
parent a9f25053f5
commit c13e91b1d6
14 changed files with 27 additions and 30 deletions
@@ -14,7 +14,7 @@ small:
- value: 'on' - value: 'on'
styles: styles:
card: card:
- background-color: var(--accent-color) - background-color: var(--primary-color)
- color: black - color: black
icon: icon:
- color: black - color: black
@@ -29,7 +29,7 @@ covid_19:
points_per_hour: 0.04 points_per_hour: 0.04
font_size: 75 font_size: 75
icon: "mdi:emoticon-sad-outline" icon: "mdi:emoticon-sad-outline"
line_color: var(--accent-color) line_color: var(--color-blue)
line_width: 8 line_width: 8
show: show:
state: false state: false
@@ -43,7 +43,7 @@ covid_19:
points_per_hour: 0.04 points_per_hour: 0.04
font_size: 75 font_size: 75
icon: "mdi:emoticon-cry-outline" icon: "mdi:emoticon-cry-outline"
line_color: "#e74c3c" line_color: var(--color-red)
line_width: 8 line_width: 8
show: show:
state: false state: false
@@ -57,7 +57,7 @@ covid_19:
points_per_hour: 0.04 points_per_hour: 0.04
font_size: 75 font_size: 75
icon: "mdi:emoticon-cool-outline" icon: "mdi:emoticon-cool-outline"
line_color: var(--paper-green-400) line_color: var(--color-green)
line_width: 8 line_width: 8
show: show:
state: false state: false
+3 -4
View File
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -81,7 +81,6 @@ cards:
entities: entities:
- binary_sensor.sonos_recoverable - binary_sensor.sonos_recoverable
- break
# Column 2: Sensors # Column 2: Sensors
- type: vertical-stack - type: vertical-stack
cards: cards:
@@ -122,7 +121,7 @@ cards:
entities: entities:
- sensor.home_to_work - sensor.home_to_work
- sensor.work_to_home - sensor.work_to_home
- break
# Column 3: Misc # Column 3: Misc
- type: vertical-stack - type: vertical-stack
title: Alarm title: Alarm
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -90,6 +90,7 @@ cards:
- type: "custom:mini-graph-card" - type: "custom:mini-graph-card"
animate: true animate: true
line_width: 3 line_width: 3
line_color: var(--color-blue)
points_per_hour: 1 points_per_hour: 1
show: show:
average: true average: true
@@ -104,7 +105,7 @@ cards:
name: Humidity name: Humidity
font_size: 75 font_size: 75
icon: "mdi:water" icon: "mdi:water"
line_color: green line_color: var(--color-blue)
line_width: 8 line_width: 8
entities: entities:
- sensor.bedroom_weather_humidity - sensor.bedroom_weather_humidity
@@ -114,14 +115,14 @@ cards:
entities: entities:
- sensor.bedroom_weather_pressure - sensor.bedroom_weather_pressure
font_size: 75 font_size: 75
line_color: var(--accent-color) line_color: var(--color-red)
line_width: 8 line_width: 8
- type: "custom:mini-graph-card" - type: "custom:mini-graph-card"
name: Air Quality name: Air Quality
font_size: 75 font_size: 75
icon: "mdi:weather-windy" icon: "mdi:weather-windy"
line_color: "#e74c3c" line_color: var(--color-green)
line_width: 8 line_width: 8
entities: entities:
- sensor.purifier_air_quality - sensor.purifier_air_quality
@@ -10,10 +10,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -1,7 +1,6 @@
title: Bathroom title: Bathroom
path: bathroom path: bathroom
icon: "mdi:shower-head" icon: "mdi:shower-head"
badges: []
cards: cards:
- type: custom:decluttering-card - type: custom:decluttering-card
template: sonos_media_player template: sonos_media_player
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -2,7 +2,6 @@ title: Media
path: media path: media
panel: true panel: true
icon: mdi:youtube icon: mdi:youtube
badges: []
cards: cards:
- type: custom:layout-card - type: custom:layout-card
layout: horizontal layout: horizontal
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$: $:
.: | .: |
#columns { #columns {
margin: 0 10px; padding: 0 10px;
} }
#columns .column { #columns .column {
margin: 20px 10px; padding: 20px 10px;
} }
card: card:
type: custom:layout-card type: custom:layout-card
@@ -1,6 +1,5 @@
title: test title: test
path: test path: test
badges: []
cards: cards:
- type: custom:button-card - type: custom:button-card
name: Reload themes name: Reload themes