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:
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user