/
theme.yaml
95 lines (82 loc) · 3.57 KB
/
theme.yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
Soft UI:
card-mod-theme: Soft UI
card-mod-card: |
ha-card.soft-ui {
border-style: none
background-color: var(--primary-background-color);
box-shadow: var(--my-card-shadow);
}
# This is needed for the "pressed" buttons
app-header-background-color: var(--primary-background-color)
app-header-text-color: var(--primary-text-color)
app-header-selection-bar-color: var(--primary-color)
accent-color: var(--primary-color)
divider-color: var(--secondary-text-color)
ha-card-background: var(--primary-background-color)
card-background-color: var(--primary-background-color)
lovelace-background: var(--primary-background-color)
paper-item-icon-color: var(--secondary-text-color)
modes:
dark:
sidebar-shadow: "inset 0px 8px 20px rgba(30, 196, 229, 0.2)"
primary-color: rgb(138, 180, 248)
primary-background-color: rgb(30, 30, 30)
secondary-background-color: rgb(32, 33, 36)
primary-text-color: rgb(var(--my-grey2))
accent-color: var(--primary-color)
soft-ui-pressed: "inset -40px -40px 50px #2c2c2c, inset 40px 40px 50px #191919"
my-red: "230, 57, 70"
my-white: "253, 253, 253"
my-cyan: "168, 218, 220"
my-blue: "0,206,209"
my-blue-hex: "#457B9D"
my-purple: "162, 114, 175"
my-green: "68, 175, 105"
my-orange: "251, 161, 0"
my-grey: "220,220,220"
my-grey2: "75,75,75"
my-shadow: "220,220,220"
my-box-shadow: "rgba(227, 227, 227, 0.05) 0px 30px 60px -12px inset, rgba(255, 255, 255, 0.3) 0px 18px 36px -18px inset"
my-card-shadow: "rgba(30, 196, 229, 0.25) 0px 13px 27px -5px, rgba(212, 244, 250, 0.3) 0px 8px 16px -8px"
my-header: "rgba(60,60,60,0.85)"
my-footer: "rgba(60,60,60,0.85)"
lovelace-background: 'center / cover no-repeat url("/local/background/dark.jpg") fixed'
light:
sidebar-shadow: "inset 0px 8px 20px rgba(17, 17, 26, 0.2)"
primary-color: rgb(var(--my-blue))
light-primary-color: rgb(var(--my-blue))
primary-background-color: "#F3F5F7"
primary-text-color: "#222222"
soft-ui-pressed: 'inset -4px -4px 5px #ffffff, inset 4px 4px 5px #ebebeb'
my-red: "230, 57, 70"
my-white: "253, 253, 253"
my-cyan: "168, 218, 220"
my-blue: "69, 123, 157"
my-purple: "68, 56, 80"
my-green: "68, 175, 105"
my-orange: "251, 161, 0"
my-grey2: "220,220,220"
my-grey: "75,75,75"
my-shadow: "220,220,220"
my-box-shadow: "rgba(50, 50, 93, 0.05) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset"
my-card-shadow: "rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px"
my-header: "rgba(225,225,225,0.85)"
my-footer: "rgba(225,225,225,0.85)"
ha-card-border-width: 0
energy-grid-consumption-color-0: rgba(var(--my-blue),0.3)
energy-grid-consumption-color-1: rgba(var(--my-blue),0.7)
energy-grid-consumption-color-2: rgba(var(--my-grey),0.3)
energy-grid-consumption-color-3: rgba(var(--my-grey),0.7)
energy-grid-consumption-color-4: rgba(var(--my-red),0.3)
energy-grid-consumption-color-5: rgba(var(--my-red),0.7)
#energy-battery-in-color
#energy-battery-out-color
energy-gas-color: rgba(var(--my-green),0.3)
#energy-grid-return-color
#energy-non-fossil-color
#energy-solar-color
energy-water-color: rgba(var(--my-cyan),0.9)
#browser_mod.popup
dialog-backdrop-filter: blur(1em) brightness(0.75)
popup-background-color: var(--primary-background-color)
popup-border-radius: 1em