7
7
#
8
8
iOS Light Mode :
9
9
# Header:
10
- app-header-background-color : var(--primary-background-color)
11
- app-header-text-color : rgb(28, 28, 30)
10
+ app-header-background-color : rgb(242, 242, 247)
11
+ app-header-text-color : var(--primary-text-color)
12
+ app-header-selection-bar-color : var(--primary-color)
13
+ app-header-edit-background-color : rgb(199, 199, 204)
12
14
# Main Interface Colors
13
15
primary-color : rgb(0, 122, 255)
14
- light-primary-color : var(--primary-color)
15
16
primary-background-color : rgb(242, 242, 247)
16
- secondary-background-color : var(--primary-background-color )
17
+ secondary-background-color : rgb(222, 222, 227 )
17
18
divider-color : rgb(229, 229, 234)
18
19
accent-color : rgb(0, 122, 255)
19
20
# Text
20
21
primary-text-color : rgb(28, 28, 30)
21
22
secondary-text-color : rgb(142, 142, 147)
22
- text-primary-color : rgb(255, 255, 255 )
23
+ text-primary-color : var(--primary-text-color )
23
24
disabled-text-color : rgb(199, 199, 204)
24
25
# Sidebar Menu
25
26
sidebar-icon-color : rgb(58, 58, 30)
26
27
sidebar-text-color : var(--primary-text-color)
27
28
sidebar-background-color : rgb(255, 255, 255)
28
- sidebar-selected-background-color : var(--primary-background-color)
29
29
sidebar-selected-icon-color : rgb(0, 122, 255)
30
30
sidebar-selected-text-color : var(--sidebar-selected-icon-color))
31
31
# Buttons
32
32
paper-item-icon-color : rgb(58, 58, 30)
33
33
paper-item-icon-active-color : rgb(0, 122, 255)
34
34
# States and Badges
35
- state-icon-color : rgb(0, 122, 255 )
36
- state-icon-active-color : rgb(58, 58, 30 )
35
+ state-icon-color : var(--paper-item-icon-color )
36
+ state-icon-active-color : var(--paper-item-icon-active-color )
37
37
state-icon-unavailable-color : var(--disabled-text-color)
38
38
# Sliders
39
39
paper-slider-knob-color : rgb(0, 122, 255)
@@ -42,17 +42,17 @@ iOS Light Mode:
42
42
paper-slider-active-color : rgb(0, 122, 255)
43
43
paper-slider-secondary-color : var(--paper-slider-active-color)
44
44
# Labels
45
- label-badge-background-color : rgb(28, 28, 30 )
46
- label-badge-text-color : rgb(242, 242, 247 )
45
+ label-badge-background-color : var(--secondary-background-color )
46
+ label-badge-text-color : var(--primary-text-color )
47
47
label-badge-red : rgb(255, 69, 58)
48
48
label-badge-green : rgb(52, 199, 89)
49
49
label-badge-blue : rgb(0, 122, 255)
50
50
label-badge-yellow : rgb(255, 214, 10)
51
51
label-badge-gray : rgb(72, 72, 74)
52
52
# Cards
53
53
card-background-color : rgb(255, 255, 255)
54
- ha-card-border-radius : " 10px "
55
- ha-card-box-shadow : none
54
+ ha-card-background : rgb(255, 255, 255)
55
+ ha-card-border-color : rgb(235, 235, 235)
56
56
paper-dialog-background-color : var(--card-background-color)
57
57
paper-listbox-background-color : var(--card-background-color)
58
58
paper-card-background-color : var(--card-background-color)
@@ -76,7 +76,10 @@ iOS Light Mode:
76
76
mdc-theme-surface : var(--primary-background-color)
77
77
# Pre/Code
78
78
markdown-code-background-color : rgb(242, 242, 247)
79
+ code-editor-background-color : rgb(242, 242, 247)
79
80
# Checkboxes
81
+ mdc-checkbox-unchecked-color : rgb(191, 191, 191)
82
+ mdc-checkbox-disable-color : var(--disabled-text-color)
80
83
mdc-select-fill-color : rgb(255, 255, 255)
81
84
mdc-select-ink-color : var(--primary-text-color)
82
85
mdc-select-label-ink-color : var(--secondary-text-color)
@@ -89,4 +92,7 @@ iOS Light Mode:
89
92
input-ink-color : var(--primary-text-color)
90
93
input-label-ink-color : var(--secondary-text-color)
91
94
input-idle-line-color : var(--primary-text-color)
92
- input-hover-line-color : var(--accent-color)
95
+ input-hover-line-color : var(--accent-color)
96
+ # RGB
97
+ rgb-primary-text-color : 28, 28, 30
98
+ rgb-primary-color : 28, 28, 30
0 commit comments