mirror of
https://github.com/GeorgeSG/sarah.git
synced 2026-05-07 17:34:42 +00:00
Adjust styles. Add variables for color
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user