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
+3 -4
View File
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -81,7 +81,6 @@ cards:
entities:
- binary_sensor.sonos_recoverable
- break
# Column 2: Sensors
- type: vertical-stack
cards:
@@ -122,7 +121,7 @@ cards:
entities:
- sensor.home_to_work
- sensor.work_to_home
- break
# Column 3: Misc
- type: vertical-stack
title: Alarm
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -90,6 +90,7 @@ cards:
- type: "custom:mini-graph-card"
animate: true
line_width: 3
line_color: var(--color-blue)
points_per_hour: 1
show:
average: true
@@ -104,7 +105,7 @@ cards:
name: Humidity
font_size: 75
icon: "mdi:water"
line_color: green
line_color: var(--color-blue)
line_width: 8
entities:
- sensor.bedroom_weather_humidity
@@ -114,14 +115,14 @@ cards:
entities:
- sensor.bedroom_weather_pressure
font_size: 75
line_color: var(--accent-color)
line_color: var(--color-red)
line_width: 8
- type: "custom:mini-graph-card"
name: Air Quality
font_size: 75
icon: "mdi:weather-windy"
line_color: "#e74c3c"
line_color: var(--color-green)
line_width: 8
entities:
- sensor.purifier_air_quality
@@ -10,10 +10,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -1,7 +1,6 @@
title: Bathroom
path: bathroom
icon: "mdi:shower-head"
badges: []
cards:
- type: custom:decluttering-card
template: sonos_media_player
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -2,7 +2,6 @@ title: Media
path: media
panel: true
icon: mdi:youtube
badges: []
cards:
- type: custom:layout-card
layout: horizontal
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -9,10 +9,10 @@ cards:
$:
.: |
#columns {
margin: 0 10px;
padding: 0 10px;
}
#columns .column {
margin: 20px 10px;
padding: 20px 10px;
}
card:
type: custom:layout-card
@@ -1,6 +1,5 @@
title: test
path: test
badges: []
cards:
- type: custom:button-card
name: Reload themes