-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththemes.yaml
executable file
·178 lines (176 loc) · 8.14 KB
/
themes.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
darkcyan:
# Main colors that can be changed
primary-color: "#00bcd4"
disabled-text-color: "#545454"
divider-color: "rgba(255, 255, 255, 0.12)"
paper-card-background-color: "#4e4e4e"
paper-grey-200: "#191919"
paper-item-icon-color: "#d3d3d3"
paper-listbox-background-color: "#202020"
paper-listbox-color: "#FFFFFF"
primary-background-color: "#303030"
primary-text-color: "#cfcfcf"
secondary-background-color: "#2b2b2b"
secondary-text-color: "#04a7bc"
# Colors based on variables, see above
label-badge-background-color: "var(--secondary-background-color)"
label-badge-text-color: "var(--text-primary-color)"
paper-card-header-color: "#var(--paper-item-icon-color)"
paper-grey-50: "var(--primary-text-color)"
paper-item-icon-active-color: "var(--primary-color)"
paper-item-icon_-_color: "var(--primary-text-color)"
paper-slider-active-color: "var(--primary-color)"
paper-slider-knob-color: "var(--primary-color)"
paper-slider-knob-start-color: "var(--primary-color)"
paper-slider-pin-color: "var(--primary-color)"
paper-slider-secondary-color: "var(--light-primary-color)"
paper-toggle-button-checked-ink-color: "var(--dark-primary-color)"
paper-toggle-button-checked-button-color: "var(--primary-color)"
paper-toggle-button-checked-bar-color: "var(--light-primary-color)"
paper-toggle-button-unchecked-bar-color: "var(--primary-text-color)"
grey:
# MyVar
huesat: '0, 0%,'
# Primary Color
primary-color: 'hsl(var(--huesat) 80%)'
dark-primary-color: 'hsl(var(--huesat) 20%)'
light-primary-color: 'hsl(var(--huesat) 90%)'
accent-color: 'hsl(var(--huesat) 30%)'
# Backgrounds
primary-background-color: 'var(--primary-color)'
secondary-background-color: 'hsl(var(--huesat) 86%)'
paper-listbox-background-color: 'var(--primary-color)'
paper-card-background-color: 'hsl(var(--huesat) 90%)'
paper-dialog-background-color: 'var(--paper-card-background-color)'
table-row-background-color: 'hsl(var(--huesat) 88%)'
table-row-alternative-background-color: 'hsl(var(--huesat) 90%)'
# Devider
divider-color: 'hsla(0, 0%, 0%, 0)'
dark-divider-opacity: '0'
light-divider-opacity: '0'
dark-secondary-opacity: '0.4'
# Text colors
primary-text-color: 'hsl(var(--huesat) 46%)'
text-primary-color: 'hsl(var(--huesat) 46%)'
secondary-text-color: 'hsl(var(--huesat) 56%)'
disabled-text-color: 'hsl(var(--huesat) 30%)'
sidebar-text_-_color: 'hsl(var(--huesat) 5%)'
sidebar-text-color: 'hsl(var(--huesat) 5%)'
paper-card-header-color: 'hsl(hsl(var(--huesat) 50%)'
paper-button-ink-color: 'hsl(hsl(var(--huesat) 50%)'
# Text Adjustments
paper-font-headline_-_letter-spacing: '-0.5px'
paper-font-headline_-_font-weight: '500'
paper-font-body1_-_font-weight: '500'
# Nav Menu
paper-listbox-color: 'hsl(var(--huesat) 50%)'
paper-grey-50: 'hsl(var(--huesat) 40%)'
paper-grey-200: 'hsl(var(--huesat) 72%)'
# Paper card
paper-item-icon-color: 'hsl(var(--huesat) 70%)'
paper-item-icon-active-color: 'var(--paper-item-icon-color)'
paper-item-icon_-_color: 'hsl(var(--huesat) 70%)'
paper-item-selected_-_background-color: 'hsla(0, 0%, 100%, 0.2)'
paper-item-selected_-_color: 'hsl(var(--huesat) 20%)'
paper-tabs-selection-bar-color: 'hsl(var(--huesat) 70%)'
paper-tab-ink: 'hsl(var(--huesat) 70%)'
paper-input-container-color: 'hsl(var(--huesat) 66%)'
# Labels
label-badge-red: 'hsl(var(--huesat) 80%)'
label-badge-border-color: 'var(--label-badge-red)'
label-badge-background-color: 'hsl(var(--huesat) 82%)'
label-badge-text-color: 'var(--primary-text-color)'
# Shadows
shadow-elevation-2dp_-_box-shadow: 'inset 0px 0px 0px 3px hsla(var(--huesat) 91%, 0.2)'
shadow-elevation-16dp_-_box-shadow: 'inset 0px 0px 0px 3px hsla(var(--huesat) 91%, 0.2)'
paper-input-container-shared-input-style_-_background: '#000'
# Switches
paper-toggle-button-checked-button-color: 'hsl(var(--huesat) 50%)'
paper-toggle-button-checked-bar-color: 'hsl(var(--huesat) 66%)'
paper-toggle-button-unchecked-button-color: 'hsl(var(--huesat) 85%)'
paper-toggle-button-unchecked-bar-color: 'hsl(var(--huesat) 80%)'
# Sliders
paper-slider-knob-color: 'hsl(var(--huesat) 45%)'
paper-slider-knob-start-color: 'hsl(var(--huesat) 60%)'
paper-slider-pin-color: 'hsl(var(--huesat) 60%)'
paper-slider-active-color: 'hsl(var(--huesat) 60%)'
paper-slider-container-color: 'hsl(var(--huesat) 76%)'
paper-slider-secondary-color: 'hsl(var(--huesat) 10%)'
paper-slider-disabled-active-color: 'hsl(var(--huesat) 75%)'
paper-slider-disabled-secondary-color: 'hsl(var(--huesat) 75%)'
#Toast
paper-toast-color: 'hsl(var(--huesat) 45%)'
paper-toast-background-color: 'hsl(var(--huesat) 90%)'
night:
# MyVariables
base-hue: '220' #Controls the base (and accent) color hue (0-360) | 0=Red 60=Yellow 120=Green 180=Cyan 240=Blue 300=Magenta 360=Red
base-sat: '5%' #Controls the saturation of the theme (0%-100%) | 0%=Grey 100%=Full Saturation
# MyVar
huesat: 'var(--base-hue), var(--base-sat),'
# Primary Color
primary-color: 'hsl(var(--huesat) 36%)' #header colors and some text colors
dark-primary-color: 'hsl(var(--huesat) 60%)'
light-primary-color: 'hsl(var(--huesat) 90%)'
accent-color: 'hsl(var(--huesat) 30%)'
# Backgrounds
primary-background-color: 'hsl(var(--huesat) 16%)'
secondary-background-color: 'hsl(var(--huesat) 16%)' # background behind cards
paper-listbox-background-color: 'hsl(var(--huesat) 16%)'
paper-card-background-color: 'hsl(var(--huesat) 12%)'
paper-dialog-background-color: 'var(--paper-card-background-color)'
table-row-background-color: 'hsl(var(--huesat) 12%)'
table-row-alternative-background-color: 'hsl(var(--huesat) 10%)'
# Divider
divider-color: 'hsla(0, 0%, 0%, 0)'
dark-divider-opacity: '0'
light-divider-opacity: '0'
dark-secondary-opacity: '1'
# Text colors
primary-text-color: 'hsl(var(--huesat) 90%)'
text-primary-color: 'hsl(var(--huesat) 80%)'
secondary-text-color: 'hsl(var(--huesat) 80%)'
disabled-text-color: 'hsl(var(--huesat) 70%)'
sidebar-text_-_color: 'hsl(var(--huesat) 90%)'
sidebar-text-color: 'hsl(var(--huesat) 90%)'
paper-card-header-color: 'hsl(var(--huesat) 90%)'
paper-button-ink-color: 'hsl(var(--huesat) 50%)'
# Text Adjustments
paper-font-headline_-_letter-spacing: '-0.5px'
paper-font-headline_-_font-weight: '400'
paper-font-body1_-_font-weight: '300'
# Nav Menu
paper-listbox-color: 'hsl(var(--huesat) 50%)'
paper-grey-50: 'hsl(var(--huesat) 50%)'
paper-grey-200: 'hsl(var(--huesat) 10%)' #active menu item
# Paper card
paper-item-icon-color: 'hsl(var(--huesat) 40%)'
paper-item-icon-active-color: 'var(--paper-item-icon-color)'
paper-item-icon_-_color: 'var(--paper-item-icon-color)'
paper-item-selected_-_background-color: 'hsla(0, 0%, 0%, 0.2)'
paper-item-selected_-_color: 'hsl(var(--huesat) 20%)' #?
paper-tabs-selection-bar-color: 'hsla(0, 0%, 0%, 0.2)'
paper-tab-ink: 'hsl(var(--huesat) 70%)'
paper-input-container-color: 'hsl(var(--huesat) 60%)'
# Labels
label-badge-red: 'var(--paper-card-background-color)'
label-badge-border-color: 'var(--label-badge-red)'
label-badge-background-color: 'var(--paper-card-background-color)'
label-badge-text-color: 'var(--primary-text-color)'
# Shadows
shadow-elevation-2dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 10%)'
shadow-elevation-16dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 25%)'
# Switches
paper-toggle-button-checked-button-color: 'hsl(var(--base-hue), 90%, 50%)'
paper-toggle-button-checked-bar-color: 'hsl(var(--huesat) 25%)'
paper-toggle-button-unchecked-button-color: 'hsl(var(--huesat) 25%)'
paper-toggle-button-unchecked-bar-color: 'hsl(var(--huesat) 5%)'
# Sliders
paper-slider-knob-color: 'hsl(var(--base-hue), 90%, 50%)'
paper-slider-knob-start-color: 'hsl(var(--base-hue), 80%, 25%)'
paper-slider-pin-color: 'hsl(var(--base-hue), 90%, 50%)'
paper-slider-active-color: 'hsl(var(--base-hue), 90%, 50%)'
paper-slider-container-color: 'hsl(var(--huesat) 28%)'
paper-slider-secondary-color: 'hsl(var(--huesat) 90%)'
paper-slider-disabled-active-color: 'hsl(var(--base-hue), 80%, 25%)'
paper-slider-disabled-secondary-color: 'hsl(var(--base-hue), 80%, 25%)'
paper-dialog-color: 'hsl(var(--base-hue), 20%, 80%)'