forked from agneevX/home-assistant
-
Notifications
You must be signed in to change notification settings - Fork 0
/
White or Dark.yaml
136 lines (106 loc) · 4.18 KB
/
White or Dark.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
## Combined Light/dark mode theme by @agneevX
## Requires Home Assistant 2021.6+
#
White or Dark:
# Card-mod styling
card-mod-theme: "White or Dark"
## Common variables
# Main Interface Colors
light-primary-color: var(--primary-color)
primary-background-color: var(--app-header-background-color)
divider-color: var(--primary-background-color)
accent-color: var(--primary-color)
# Sidebar Menu
sidebar-text-color: var(--primary-text-color)
sidebar-background-color: var(--card-background-color)
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: var(--primary-color)
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
# States and Badges
state-icon-unavailable-color: var(--disabled-text-color)
# Sliders
paper-slider-knob-color: var(--primary-color)
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-knob-color)
paper-slider-active-color: var(--paper-slider-knob-color)
paper-slider-secondary-color: var(--light-primary-color)
# Cards
ha-card-border-radius: "16px"
paper-dialog-background-color: var(--card-background-color)
paper-listbox-background-color: var(--card-background-color)
paper-card-background-color: var(--card-background-color)
# Switches
switch-checked-button-color: var(--primary-color)
# Toggles
paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
# Table
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
data-table-background-color: var(--primary-background-color)
# Dropdowns
material-secondary-background-color: var(--primary-background-color)
# HACS
hacs-chip-background-color: var(--primary-color)
# Pre/Code
markdown-code-background-color: "#171717"
modes:
light:
cc-button-card: var(--primary-text-color)
paper-item-icon-active-color: var(--primary-color)
# Header:
app-header-background-color: "#F8F8F8"
app-header-text-color: "#262626"
# Main Interface Colors
primary-color: "#4592FF"
secondary-background-color: "#EBEBEB"
# Text
primary-text-color: "#424242"
secondary-text-color: "#5F6267"
text-primary-color: "#FFFFFF"
disabled-text-color: "#717171"
# Sidebar Menu
sidebar-icon-color: var(--app-header-text-color)
# States and Badges
state-icon-color: "#5F6267"
state-icon-active-color: var(--primary-color)
# Cards
card-background-color: "#FFFFFF"
ha-card-box-shadow: 1px 1px 5px 1px rgb(230, 230, 230)
# Switches
switch-checked-track-color: "#75A2F0"
switch-unchecked-button-color: "#5F6267"
switch-unchecked-track-color: "#888b91"
# Dropdowns
material-background-color: var(--paper-card-background-color)
mdc-theme-surface: var(--paper-card-background-color)
dark:
cc-button-card: var(--app-header-text-color)
# Header:
app-header-background-color: "#171717"
app-header-text-color: "#BDC1C6"
# Main Interface Colors
primary-color: "#5198F5"
secondary-background-color: "#202124"
# Text
primary-text-color: "#BDC1C6"
secondary-text-color: "#8a8d91"
text-primary-color: "#FFFFFF"
disabled-text-color: "#717171"
# Sidebar Menu
sidebar-icon-color: var(--primary-text-color)
# States and Badges
state-icon-color: "#5F6267"
state-icon-active-color: "#5F9BEA"
# Cards
card-background-color: "#202124"
ha-card-box-shadow: 1.5px 1.5px 3px 0.8px rgb(12, 12, 14)
# Switches
switch-checked-track-color: "#404D64"
switch-unchecked-button-color: "#636466"
switch-unchecked-track-color: var(--switch-unchecked-button-color)
# Dropdowns
material-background-color: var(--secondary-background-color)
mdc-theme-surface: var(--secondary-background-color)