-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththemes.yaml
171 lines (159 loc) · 6.75 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
# javascript_version: latest
javascript_version: es5
themes:
michbaeck_material:
#------------------------------------------------------------------------#
# my vars
mbtext: "#BDBDBD"
mbtextoff: "#645b5b"
mbtextsec: "#817b7b"
mbbg1: "#212121"
mbbg2: "#282828"
mbbg3: "#2c3e50"
mbprimary: "#FF9800"
mbpridark: "#ef6d00"
mbprilight: "#ffcd80"
mbsecondary: "#448AFF"
mbseclight: "#477199"
mbsecdark: "#0066ff"
mbanalog: "#ff1900"
mbanalogdark: "#b00020"
mbanalog2dark: "#FFC107"
mbanalog2: "#e5ff00"
mbgreen: "#00796B"
mbbrown: "#3a3232"
mbdarkblue: "#11466b"
mbwhite: "#dddddd"
mbfindme: "#66ff00"
#------------------------------------------------------------------------#
# predefined vars
#. accent-color: "var(--mbsecondary)"
accent-color: "#ef6d00"
card-background-color: "var(--mbbg2)"
dark-primary-color: "var(--mbsecdark)"
# dark-disabled-opacity: 0.38
# dark-divider-opacity: 0.12
# dark-primary-opacity: 0.87
# dark-secondary-opacity: 0.54
disabled-text-color: "var(--mbtextoff)"
divider-color: "rgba(0, 0, 0, .12)"
google-blue-500: "var(--mbsecdark)"
google-green-500: "var(--mbgreen)"
google-red-500: "var(--mbanalogdark)"
google-yellow-500: "var(--mbanalog2dark)"
label-badge-background-color: "var(--mbbg2)"
label-badge-blue: "var(--mbsecondary)"
label-badge-green: "var(--mbgreen)"
label-badge-grey: "var(--mbseclight)"
label-badge-red: "var(--mbpridark)"
label-badge-text-color: "var(--mbwhite)"
label-badge-yellow: "var(--mbanalogdark)"
light-primary-color: "var(--mbsecondary)"
# light-disabled-opacity: 0.3
# light-divider-opacity: 0.12
# light-primary-opacity: 1.0
# light-secondary-opacity: 0.7
paper-blue-400: "var(--mbsecondary)"
paper-card-header-color: "var(--mbwhite)"
# paper-card-background-color: "var(--card-background-color)"
# paper-item-icon-active-color: "var(--state-icon-active-color)"
# paper-item-icon-color: "var(--state-icon-color)"
# paper-listbox-background-color: "var(--card-background-color)"
# paper-slider-container-color: "var(--slider-bar-color)"
# paper-slider-secondary-color: "var(--slider-secondary-color)"
# paper-toggle-button-checked-button-color: "var(--toggle-button-color)"
# paper-toggle-button-checked-ink-color: "var(--toggle-button-color)"
paper-green-400: "var(--mbgreen)"
paper-grey-50: "var(--mbseclight)"
paper-grey-200: "var(--mbbg2)"
paper-grey-500: "var(--mbtext)"
paper-orange-400: "var(--mbprimary)"
paper-slider-active-color: "var(--paper-slider-knob-color)"
paper-slider-knob-color: "var(--mbprimary)"
paper-slider-knob-start-color: "var(--mbbrown)"
paper-slider-pin-color: "var(--mbpridark)"
paper-toggle-button-checked-bar-color: "#101010"
paper-toggle-button-unchecked-bar-color: "var(--paper-toggle-button-checked-bar-color)"
paper-toggle-button-unchecked-button-color: "var(--mbbrown)"
primary-background-color: "var(--mbbg1)"
# background_color: "var(--primary-background-color)"
primary-color: "#477199"
primary-text-color: "var(--mbtext)"
secondary-background-color: "var(--mbbg1)"
secondary-text-color: "var(--mbtextsec)"
sidebar-background-color: "var(--mbbg1)"
sidebar-icon-color: "var(--mbtextoff)"
sidebar-selected-icon-color: "var(--mbwhite)"
sidebar-selected-text-color: "var(--mbwhite)"
sidebar-text-color: "var(--mbtext)"
slider-bar-color: "var(--disabled-text-color)"
slider-color: "var(--mbanalog2dark)"
slider-secondary-color: "var(--mbprilight)"
state-icon-active-color: "var(--mbanalog2dark)"
state-icon-color: "var(--mbtextoff)"
state-icon-unavailable-color: "var(--disabled-text-color)"
# table-row-alternative-background-color: "var(--secondary-background-color)"
# table-row-background-color: "var(--primary-background-color)"
text-primary-color: "var(--mbwhite)" # header text
toggle-button-color: "var(--mbprimary)"
midnight-remake:
# Main colors
primary-color: '#2980b9'
accent-color: '#f1c40f'
dark-primary-color: 'var(--accent-color)'
light-primary-color: 'var(--accent-color)'
# Text colors
primary-text-color: '#ffffff'
text-primary-color: 'var(--primary-text-color)'
secondary-text-color: 'var(--accent-color)'
disabled-text-color: 'rgba(150,150,150,.5)'
label-badge-border-color: 'green'
# Background colors
primary-background-color: '#2c3e50'
secondary-background-color: 'var(--primary-background-color)'
divider-color: 'rgba(0, 0, 0, .12)'
# Sidebar
sidebar-icon-color: 'var(--primary-text-color)'
sidebar-selected-icon-color: 'var(--accent-color)'
sidebar-selected-text-color: 'var(--accent-color)'
sidebar-selected-background-color: 'var(--primary-background-color)'
# Table rows
table-row-background-color: '#2c3e50'
table-row-alternative-background-color: '#2B3E50'
# Nav Menu
paper-listbox-color: 'var(--primary-text-color)'
paper-listbox-background-color: '#1f2b38'
paper-grey-50: 'var(--primary-text-color)'
paper-grey-200: '#2B3E50'
# Paper card
paper-card-header-color: 'var(--accent-color)'
paper-card-background-color: '#34495e'
paper-dialog-background-color: '#34495e'
paper-item-icon-color: 'var(--primary-text-color)'
paper-item-icon-active-color: '#F9C536'
paper-item-icon_-_color: 'var(--primary-text-color)'
paper-item-selected_-_background-color: '#34495e'
paper-tabs-selection-bar-color: 'var(--primary-text-color)'
# Labels
label-badge-red: 'var(--accent-color'
label-badge-text-color: 'var(--primary-text-color'
label-badge-background-color: '#2E333A'
# Switches
paper-toggle-button-checked-button-color: 'var(--accent-color)'
paper-toggle-button-checked-bar-color: 'var(--accent-color)'
paper-toggle-button-checked-ink-color: 'var(--accent-color)'
paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'
# Sliders
paper-slider-knob-color: '#F9C536'
paper-slider-knob-start-color: 'var(--accent-color)'
paper-slider-pin-color: '#F9C536'
paper-slider-active-color: 'var(--accent-color)'
paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
paper-slider-secondary-color: 'var(--secondary-background-color)'
paper-slider-disabled-active-color: 'var(--disabled-text-color)'
paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
# Google colors
google-red-500: 'var(--accent-color)'
google-green-500: '#27ae60'