jekyll-theme-handwritten 4.3.5 → 4.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +92 -92
  4. data/_config.yml +54 -54
  5. data/_data/images.json +2 -2
  6. data/_includes/disqus_comments.html +20 -20
  7. data/_includes/footer.html +49 -49
  8. data/_includes/google-analytics.html +12 -12
  9. data/_includes/head.html +44 -45
  10. data/_includes/header.html +33 -33
  11. data/_includes/icon-github.html +1 -1
  12. data/_includes/icon-github.svg +1 -1
  13. data/_includes/icon-twitter.html +1 -1
  14. data/_includes/icon-twitter.svg +1 -1
  15. data/_includes/navrail.html +23 -23
  16. data/_includes/social.html +14 -14
  17. data/_includes/theme_selector.html +35 -35
  18. data/_layouts/default.html +23 -23
  19. data/_layouts/home.html +80 -80
  20. data/_layouts/page.html +14 -14
  21. data/_layouts/post.html +35 -35
  22. data/_sass/minima/_base.scss +846 -840
  23. data/_sass/minima/_layout.scss +277 -271
  24. data/_sass/minima/_mysass.scss +288 -287
  25. data/_sass/minima/_syntax-highlighting.scss +68 -68
  26. data/_sass/minima.scss +52 -52
  27. data/assets/main.scss +5 -5
  28. data/assets/minima-social-icons.svg +33 -33
  29. data/assets/theme-assets/js/theme.js +27 -27
  30. data/assets/theme-assets/material-theme/colors.module.css +294 -294
  31. data/assets/theme-assets/material-theme/theme.css +5 -5
  32. data/assets/theme-assets/material-theme/theme.dark.css +51 -51
  33. data/assets/theme-assets/material-theme/theme.light.css +51 -51
  34. data/assets/theme-assets/material-theme/tokens.css +303 -303
  35. data/assets/theme-assets/material-theme/typography.module.css +150 -150
  36. data/assets/theme-assets/theme-fonts/CascadiaCode-Regular.woff2 +0 -0
  37. data/assets/theme-assets/theme-fonts/ComicShanns-Regular.woff2 +0 -0
  38. data/assets/theme-assets/theme-fonts/Excalifont-Regular.woff2 +0 -0
  39. data/assets/theme-assets/theme-fonts/Lexend-Regular.ttf +0 -0
  40. data/assets/theme-assets/theme-fonts/LilitaOne-Regular.ttf +0 -0
  41. data/assets/theme-assets/theme-fonts/Virgil-Regular.woff2 +0 -0
  42. data/assets/theme-assets/theme-fonts/comic shanns.otf +0 -0
  43. data/assets/theme-assets/theme-icons/aboutme-small.svg +102 -102
  44. data/assets/theme-assets/theme-icons/aboutme.svg +9 -9
  45. data/assets/theme-assets/theme-icons/bookmark.svg +9 -9
  46. data/assets/theme-assets/theme-icons/categories-rough.svg +9 -9
  47. data/assets/theme-assets/theme-icons/categories2.svg +9 -9
  48. data/assets/theme-assets/theme-icons/divider.svg +19 -19
  49. data/assets/theme-assets/theme-icons/home-rough.svg +9 -9
  50. data/assets/theme-assets/theme-icons/home.svg +5 -5
  51. data/assets/theme-assets/theme-icons/home2.svg +9 -9
  52. data/assets/theme-assets/theme-icons/pin.svg +18 -18
  53. data/assets/theme-assets/theme-images/border-thick.svg +15 -15
  54. data/assets/theme-assets/theme-images/comp.png +0 -0
  55. data/assets/theme-assets/theme-images/comp.svg +9 -9
  56. data/assets/theme-assets/theme-images/logo.svg +9 -9
  57. data/assets/theme-assets/theme-images/menu.svg +9 -9
  58. metadata +13 -7
data/assets/theme-assets/material-theme/tokens.css CHANGED
@@ -1,303 +1,303 @@
1
- :root {
2
- --md-source: #6750A4;
3
- /* primary */
4
- --md-ref-palette-primary0: #000000;
5
- --md-ref-palette-primary10: #21005D;
6
- --md-ref-palette-primary20: #381E72;
7
- --md-ref-palette-primary30: #4F378B;
8
- --md-ref-palette-primary40: #6750A4;
9
- --md-ref-palette-primary50: #7F67BE;
10
- --md-ref-palette-primary60: #9A82DB;
11
- --md-ref-palette-primary70: #B69DF8;
12
- --md-ref-palette-primary80: #D0BCFF;
13
- --md-ref-palette-primary90: #EADDFF;
14
- --md-ref-palette-primary95: #F6EDFF;
15
- --md-ref-palette-primary99: #FFFBFE;
16
- --md-ref-palette-primary100: #FFFFFF;
17
- /* secondary */
18
- --md-ref-palette-secondary0: #000000;
19
- --md-ref-palette-secondary10: #1D192B;
20
- --md-ref-palette-secondary20: #332D41;
21
- --md-ref-palette-secondary30: #4A4458;
22
- --md-ref-palette-secondary40: #625B71;
23
- --md-ref-palette-secondary50: #7A7289;
24
- --md-ref-palette-secondary60: #958DA5;
25
- --md-ref-palette-secondary70: #B0A7C0;
26
- --md-ref-palette-secondary80: #CCC2DC;
27
- --md-ref-palette-secondary90: #E8DEF8;
28
- --md-ref-palette-secondary95: #F6EDFF;
29
- --md-ref-palette-secondary99: #FFFBFE;
30
- --md-ref-palette-secondary100: #FFFFFF;
31
- /* tertiary */
32
- --md-ref-palette-tertiary0: #000000;
33
- --md-ref-palette-tertiary10: #31111D;
34
- --md-ref-palette-tertiary20: #492532;
35
- --md-ref-palette-tertiary30: #633B48;
36
- --md-ref-palette-tertiary40: #7D5260;
37
- --md-ref-palette-tertiary50: #986977;
38
- --md-ref-palette-tertiary60: #B58392;
39
- --md-ref-palette-tertiary70: #D29DAC;
40
- --md-ref-palette-tertiary80: #EFB8C8;
41
- --md-ref-palette-tertiary90: #FFD8E4;
42
- --md-ref-palette-tertiary95: #FFECF1;
43
- --md-ref-palette-tertiary99: #FFFBFA;
44
- --md-ref-palette-tertiary100: #FFFFFF;
45
- /* error */
46
- --md-ref-palette-error0: #000000;
47
- --md-ref-palette-error10: #410E0B;
48
- --md-ref-palette-error20: #601410;
49
- --md-ref-palette-error30: #8C1D18;
50
- --md-ref-palette-error40: #B3261E;
51
- --md-ref-palette-error50: #DC362E;
52
- --md-ref-palette-error60: #E46962;
53
- --md-ref-palette-error70: #EC928E;
54
- --md-ref-palette-error80: #F2B8B5;
55
- --md-ref-palette-error90: #F9DEDC;
56
- --md-ref-palette-error95: #FCEEEE;
57
- --md-ref-palette-error99: #FFFBF9;
58
- --md-ref-palette-error100: #FFFFFF;
59
- /* neutral */
60
- --md-ref-palette-neutral0: #000000;
61
- --md-ref-palette-neutral4: #0F0D13;
62
- --md-ref-palette-neutral6: #141218;
63
- --md-ref-palette-neutral10: #1D1B20;
64
- --md-ref-palette-neutral12: #211F26;
65
- --md-ref-palette-neutral17: #2B2930;
66
- --md-ref-palette-neutral20: #322F35;
67
- --md-ref-palette-neutral22: #36343B;
68
- --md-ref-palette-neutral24: #3B383E;
69
- --md-ref-palette-neutral30: #48464C;
70
- --md-ref-palette-neutral40: #605D64;
71
- --md-ref-palette-neutral50: #79767D;
72
- --md-ref-palette-neutral60: #938F96;
73
- --md-ref-palette-neutral70: #AEA9B1;
74
- --md-ref-palette-neutral80: #CAC5CD;
75
- --md-ref-palette-neutral87: #DED8E1;
76
- --md-ref-palette-neutral90: #E6E0E9;
77
- --md-ref-palette-neutral92: #ECE6F0;
78
- --md-ref-palette-neutral94: #F3EDF7;
79
- --md-ref-palette-neutral95: #F5EFF7;
80
- --md-ref-palette-neutral96: #F7F2FA;
81
- --md-ref-palette-neutral98: #FEF7FF;
82
- --md-ref-palette-neutral99: #FFFBFF;
83
- --md-ref-palette-neutral100: #FFFFFF;
84
- /* neutral-variant */
85
- --md-ref-palette-neutral-variant0: #000000;
86
- --md-ref-palette-neutral-variant10: #1D1A22;
87
- --md-ref-palette-neutral-variant20: #322F37;
88
- --md-ref-palette-neutral-variant30: #49454F;
89
- --md-ref-palette-neutral-variant40: #605D66;
90
- --md-ref-palette-neutral-variant50: #79747E;
91
- --md-ref-palette-neutral-variant60: #938F99;
92
- --md-ref-palette-neutral-variant70: #AEA9B4;
93
- --md-ref-palette-neutral-variant80: #CAC4D0;
94
- --md-ref-palette-neutral-variant90: #E7E0EC;
95
- --md-ref-palette-neutral-variant95: #F5EEFA;
96
- --md-ref-palette-neutral-variant99: #FFFBFE;
97
- --md-ref-palette-neutral-variant100: #FFFFFF;
98
- /* light */
99
- --md-sys-color-primary-light: #6750A4;
100
- --md-sys-color-on-primary-light: #FFFFFF;
101
- --md-sys-color-primary-container-light: #EADDFF;
102
- --md-sys-color-on-primary-container-light: #21005D;
103
- --md-sys-color-primary-fixed-light: #EADDFF;
104
- --md-sys-color-on-primary-fixed-light: #21005D;
105
- --md-sys-color-primary-fixed-dim-light: #D0BCFF;
106
- --md-sys-color-on-primary-fixed-variant-light: #4F378B;
107
- --md-sys-color-secondary-light: #625B71;
108
- --md-sys-color-on-secondary-light: #FFFFFF;
109
- --md-sys-color-secondary-container-light: #E8DEF8;
110
- --md-sys-color-on-secondary-container-light: #1D192B;
111
- --md-sys-color-secondary-fixed-light: #E8DEF8;
112
- --md-sys-color-on-secondary-fixed-light: #1D192B;
113
- --md-sys-color-secondary-fixed-dim-light: #CCC2DC;
114
- --md-sys-color-on-secondary-fixed-variant-light: #4A4458;
115
- --md-sys-color-tertiary-light: #7D5260;
116
- --md-sys-color-on-tertiary-light: #FFFFFF;
117
- --md-sys-color-tertiary-container-light: #FFD8E4;
118
- --md-sys-color-on-tertiary-container-light: #31111D;
119
- --md-sys-color-tertiary-fixed-light: #FFD8E4;
120
- --md-sys-color-on-tertiary-fixed-light: #31111D;
121
- --md-sys-color-tertiary-fixed-dim-light: #EFB8C8;
122
- --md-sys-color-on-tertiary-fixed-variant-light: #633B48;
123
- --md-sys-color-error-light: #B3261E;
124
- --md-sys-color-on-error-light: #FFFFFF;
125
- --md-sys-color-error-container-light: #F9DEDC;
126
- --md-sys-color-on-error-container-light: #410E0B;
127
- --md-sys-color-outline-light: #79747E;
128
- --md-sys-color-background-light: #FEF7FF;
129
- --md-sys-color-on-background-light: #1D1B20;
130
- --md-sys-color-surface-light: #FEF7FF;
131
- --md-sys-color-on-surface-light: #1D1B20;
132
- --md-sys-color-surface-variant-light: #E7E0EC;
133
- --md-sys-color-on-surface-variant-light: #49454F;
134
- --md-sys-color-inverse-surface-light: #322F35;
135
- --md-sys-color-inverse-on-surface-light: #F5EFF7;
136
- --md-sys-color-inverse-primary-light: #D0BCFF;
137
- --md-sys-color-shadow-light: #000000;
138
- --md-sys-color-surface-tint-light: #6750A4;
139
- --md-sys-color-outline-variant-light: #CAC4D0;
140
- --md-sys-color-scrim-light: #000000;
141
- --md-sys-color-surface-container-highest-light: #E6E0E9;
142
- --md-sys-color-surface-container-high-light: #ECE6F0;
143
- --md-sys-color-surface-container-light: #F3EDF7;
144
- --md-sys-color-surface-container-low-light: #F7F2FA;
145
- --md-sys-color-surface-container-lowest-light: #FFFFFF;
146
- --md-sys-color-surface-bright-light: #FEF7FF;
147
- --md-sys-color-surface-dim-light: #DED8E1;
148
- /* dark */
149
- --md-sys-color-primary-dark: #D0BCFF;
150
- --md-sys-color-on-primary-dark: #381E72;
151
- --md-sys-color-primary-container-dark: #4F378B;
152
- --md-sys-color-on-primary-container-dark: #EADDFF;
153
- --md-sys-color-primary-fixed-dark: #EADDFF;
154
- --md-sys-color-on-primary-fixed-dark: #21005D;
155
- --md-sys-color-primary-fixed-dim-dark: #D0BCFF;
156
- --md-sys-color-on-primary-fixed-variant-dark: #4F378B;
157
- --md-sys-color-secondary-dark: #CCC2DC;
158
- --md-sys-color-on-secondary-dark: #332D41;
159
- --md-sys-color-secondary-container-dark: #4A4458;
160
- --md-sys-color-on-secondary-container-dark: #E8DEF8;
161
- --md-sys-color-secondary-fixed-dark: #E8DEF8;
162
- --md-sys-color-on-secondary-fixed-dark: #1D192B;
163
- --md-sys-color-secondary-fixed-dim-dark: #CCC2DC;
164
- --md-sys-color-on-secondary-fixed-variant-dark: #4A4458;
165
- --md-sys-color-tertiary-dark: #EFB8C8;
166
- --md-sys-color-on-tertiary-dark: #492532;
167
- --md-sys-color-tertiary-container-dark: #633B48;
168
- --md-sys-color-on-tertiary-container-dark: #FFD8E4;
169
- --md-sys-color-tertiary-fixed-dark: #FFD8E4;
170
- --md-sys-color-on-tertiary-fixed-dark: #31111D;
171
- --md-sys-color-tertiary-fixed-dim-dark: #EFB8C8;
172
- --md-sys-color-on-tertiary-fixed-variant-dark: #633B48;
173
- --md-sys-color-error-dark: #F2B8B5;
174
- --md-sys-color-on-error-dark: #601410;
175
- --md-sys-color-error-container-dark: #8C1D18;
176
- --md-sys-color-on-error-container-dark: #F9DEDC;
177
- --md-sys-color-outline-dark: #938F99;
178
- --md-sys-color-background-dark: #141218;
179
- --md-sys-color-on-background-dark: #E6E0E9;
180
- --md-sys-color-surface-dark: #141218;
181
- --md-sys-color-on-surface-dark: #E6E0E9;
182
- --md-sys-color-surface-variant-dark: #49454F;
183
- --md-sys-color-on-surface-variant-dark: #CAC4D0;
184
- --md-sys-color-inverse-surface-dark: #E6E0E9;
185
- --md-sys-color-inverse-on-surface-dark: #322F35;
186
- --md-sys-color-inverse-primary-dark: #6750A4;
187
- --md-sys-color-shadow-dark: #000000;
188
- --md-sys-color-surface-tint-dark: #D0BCFF;
189
- --md-sys-color-outline-variant-dark: #49454F;
190
- --md-sys-color-scrim-dark: #000000;
191
- --md-sys-color-surface-container-highest-dark: #36343B;
192
- --md-sys-color-surface-container-high-dark: #2B2930;
193
- --md-sys-color-surface-container-dark: #211F26;
194
- --md-sys-color-surface-container-low-dark: #1D1B20;
195
- --md-sys-color-surface-container-lowest-dark: #0F0D13;
196
- --md-sys-color-surface-bright-dark: #3B383E;
197
- --md-sys-color-surface-dim-dark: #141218;
198
- /* display - large */
199
- --md-sys-typescale-display-large-font-family-name: Roboto;
200
- --md-sys-typescale-display-large-font-family-style: Regular;
201
- --md-sys-typescale-display-large-font-weight: 400px;
202
- --md-sys-typescale-display-large-font-size: 57px;
203
- --md-sys-typescale-display-large-line-height: 64px;
204
- --md-sys-typescale-display-large-letter-spacing: -0.25px;
205
- /* display - medium */
206
- --md-sys-typescale-display-medium-font-family-name: Roboto;
207
- --md-sys-typescale-display-medium-font-family-style: Regular;
208
- --md-sys-typescale-display-medium-font-weight: 400px;
209
- --md-sys-typescale-display-medium-font-size: 45px;
210
- --md-sys-typescale-display-medium-line-height: 52px;
211
- --md-sys-typescale-display-medium-letter-spacing: 0px;
212
- /* display - small */
213
- --md-sys-typescale-display-small-font-family-name: Roboto;
214
- --md-sys-typescale-display-small-font-family-style: Regular;
215
- --md-sys-typescale-display-small-font-weight: 400px;
216
- --md-sys-typescale-display-small-font-size: 36px;
217
- --md-sys-typescale-display-small-line-height: 44px;
218
- --md-sys-typescale-display-small-letter-spacing: 0px;
219
- /* headline - large */
220
- --md-sys-typescale-headline-large-font-family-name: Roboto;
221
- --md-sys-typescale-headline-large-font-family-style: Regular;
222
- --md-sys-typescale-headline-large-font-weight: 400px;
223
- --md-sys-typescale-headline-large-font-size: 32px;
224
- --md-sys-typescale-headline-large-line-height: 40px;
225
- --md-sys-typescale-headline-large-letter-spacing: 0px;
226
- /* headline - medium */
227
- --md-sys-typescale-headline-medium-font-family-name: Roboto;
228
- --md-sys-typescale-headline-medium-font-family-style: Regular;
229
- --md-sys-typescale-headline-medium-font-weight: 400px;
230
- --md-sys-typescale-headline-medium-font-size: 28px;
231
- --md-sys-typescale-headline-medium-line-height: 36px;
232
- --md-sys-typescale-headline-medium-letter-spacing: 0px;
233
- /* headline - small */
234
- --md-sys-typescale-headline-small-font-family-name: Roboto;
235
- --md-sys-typescale-headline-small-font-family-style: Regular;
236
- --md-sys-typescale-headline-small-font-weight: 400px;
237
- --md-sys-typescale-headline-small-font-size: 24px;
238
- --md-sys-typescale-headline-small-line-height: 32px;
239
- --md-sys-typescale-headline-small-letter-spacing: 0px;
240
- /* body - large */
241
- --md-sys-typescale-body-large-font-family-name: Roboto;
242
- --md-sys-typescale-body-large-font-family-style: Regular;
243
- --md-sys-typescale-body-large-font-weight: 400px;
244
- --md-sys-typescale-body-large-font-size: 16px;
245
- --md-sys-typescale-body-large-line-height: 24px;
246
- --md-sys-typescale-body-large-letter-spacing: 0.50px;
247
- /* body - medium */
248
- --md-sys-typescale-body-medium-font-family-name: Roboto;
249
- --md-sys-typescale-body-medium-font-family-style: Regular;
250
- --md-sys-typescale-body-medium-font-weight: 400px;
251
- --md-sys-typescale-body-medium-font-size: 14px;
252
- --md-sys-typescale-body-medium-line-height: 20px;
253
- --md-sys-typescale-body-medium-letter-spacing: 0.25px;
254
- /* body - small */
255
- --md-sys-typescale-body-small-font-family-name: Roboto;
256
- --md-sys-typescale-body-small-font-family-style: Regular;
257
- --md-sys-typescale-body-small-font-weight: 400px;
258
- --md-sys-typescale-body-small-font-size: 12px;
259
- --md-sys-typescale-body-small-line-height: 16px;
260
- --md-sys-typescale-body-small-letter-spacing: 0.40px;
261
- /* label - large */
262
- --md-sys-typescale-label-large-font-family-name: Roboto;
263
- --md-sys-typescale-label-large-font-family-style: Medium;
264
- --md-sys-typescale-label-large-font-weight: 500px;
265
- --md-sys-typescale-label-large-font-size: 14px;
266
- --md-sys-typescale-label-large-line-height: 20px;
267
- --md-sys-typescale-label-large-letter-spacing: 0.10px;
268
- /* label - medium */
269
- --md-sys-typescale-label-medium-font-family-name: Roboto;
270
- --md-sys-typescale-label-medium-font-family-style: Medium;
271
- --md-sys-typescale-label-medium-font-weight: 500px;
272
- --md-sys-typescale-label-medium-font-size: 12px;
273
- --md-sys-typescale-label-medium-line-height: 16px;
274
- --md-sys-typescale-label-medium-letter-spacing: 0.50px;
275
- /* label - small */
276
- --md-sys-typescale-label-small-font-family-name: Roboto;
277
- --md-sys-typescale-label-small-font-family-style: Medium;
278
- --md-sys-typescale-label-small-font-weight: 500px;
279
- --md-sys-typescale-label-small-font-size: 11px;
280
- --md-sys-typescale-label-small-line-height: 16px;
281
- --md-sys-typescale-label-small-letter-spacing: 0.50px;
282
- /* title - large */
283
- --md-sys-typescale-title-large-font-family-name: Roboto;
284
- --md-sys-typescale-title-large-font-family-style: Regular;
285
- --md-sys-typescale-title-large-font-weight: 400px;
286
- --md-sys-typescale-title-large-font-size: 22px;
287
- --md-sys-typescale-title-large-line-height: 28px;
288
- --md-sys-typescale-title-large-letter-spacing: 0px;
289
- /* title - medium */
290
- --md-sys-typescale-title-medium-font-family-name: Roboto;
291
- --md-sys-typescale-title-medium-font-family-style: Medium;
292
- --md-sys-typescale-title-medium-font-weight: 500px;
293
- --md-sys-typescale-title-medium-font-size: 16px;
294
- --md-sys-typescale-title-medium-line-height: 24px;
295
- --md-sys-typescale-title-medium-letter-spacing: 0.15px;
296
- /* title - small */
297
- --md-sys-typescale-title-small-font-family-name: Roboto;
298
- --md-sys-typescale-title-small-font-family-style: Medium;
299
- --md-sys-typescale-title-small-font-weight: 500px;
300
- --md-sys-typescale-title-small-font-size: 14px;
301
- --md-sys-typescale-title-small-line-height: 20px;
302
- --md-sys-typescale-title-small-letter-spacing: 0.10px;
303
- }
1
+ :root {
2
+ --md-source: #6750A4;
3
+ /* primary */
4
+ --md-ref-palette-primary0: #000000;
5
+ --md-ref-palette-primary10: #21005D;
6
+ --md-ref-palette-primary20: #381E72;
7
+ --md-ref-palette-primary30: #4F378B;
8
+ --md-ref-palette-primary40: #6750A4;
9
+ --md-ref-palette-primary50: #7F67BE;
10
+ --md-ref-palette-primary60: #9A82DB;
11
+ --md-ref-palette-primary70: #B69DF8;
12
+ --md-ref-palette-primary80: #D0BCFF;
13
+ --md-ref-palette-primary90: #EADDFF;
14
+ --md-ref-palette-primary95: #F6EDFF;
15
+ --md-ref-palette-primary99: #FFFBFE;
16
+ --md-ref-palette-primary100: #FFFFFF;
17
+ /* secondary */
18
+ --md-ref-palette-secondary0: #000000;
19
+ --md-ref-palette-secondary10: #1D192B;
20
+ --md-ref-palette-secondary20: #332D41;
21
+ --md-ref-palette-secondary30: #4A4458;
22
+ --md-ref-palette-secondary40: #625B71;
23
+ --md-ref-palette-secondary50: #7A7289;
24
+ --md-ref-palette-secondary60: #958DA5;
25
+ --md-ref-palette-secondary70: #B0A7C0;
26
+ --md-ref-palette-secondary80: #CCC2DC;
27
+ --md-ref-palette-secondary90: #E8DEF8;
28
+ --md-ref-palette-secondary95: #F6EDFF;
29
+ --md-ref-palette-secondary99: #FFFBFE;
30
+ --md-ref-palette-secondary100: #FFFFFF;
31
+ /* tertiary */
32
+ --md-ref-palette-tertiary0: #000000;
33
+ --md-ref-palette-tertiary10: #31111D;
34
+ --md-ref-palette-tertiary20: #492532;
35
+ --md-ref-palette-tertiary30: #633B48;
36
+ --md-ref-palette-tertiary40: #7D5260;
37
+ --md-ref-palette-tertiary50: #986977;
38
+ --md-ref-palette-tertiary60: #B58392;
39
+ --md-ref-palette-tertiary70: #D29DAC;
40
+ --md-ref-palette-tertiary80: #EFB8C8;
41
+ --md-ref-palette-tertiary90: #FFD8E4;
42
+ --md-ref-palette-tertiary95: #FFECF1;
43
+ --md-ref-palette-tertiary99: #FFFBFA;
44
+ --md-ref-palette-tertiary100: #FFFFFF;
45
+ /* error */
46
+ --md-ref-palette-error0: #000000;
47
+ --md-ref-palette-error10: #410E0B;
48
+ --md-ref-palette-error20: #601410;
49
+ --md-ref-palette-error30: #8C1D18;
50
+ --md-ref-palette-error40: #B3261E;
51
+ --md-ref-palette-error50: #DC362E;
52
+ --md-ref-palette-error60: #E46962;
53
+ --md-ref-palette-error70: #EC928E;
54
+ --md-ref-palette-error80: #F2B8B5;
55
+ --md-ref-palette-error90: #F9DEDC;
56
+ --md-ref-palette-error95: #FCEEEE;
57
+ --md-ref-palette-error99: #FFFBF9;
58
+ --md-ref-palette-error100: #FFFFFF;
59
+ /* neutral */
60
+ --md-ref-palette-neutral0: #000000;
61
+ --md-ref-palette-neutral4: #0F0D13;
62
+ --md-ref-palette-neutral6: #141218;
63
+ --md-ref-palette-neutral10: #1D1B20;
64
+ --md-ref-palette-neutral12: #211F26;
65
+ --md-ref-palette-neutral17: #2B2930;
66
+ --md-ref-palette-neutral20: #322F35;
67
+ --md-ref-palette-neutral22: #36343B;
68
+ --md-ref-palette-neutral24: #3B383E;
69
+ --md-ref-palette-neutral30: #48464C;
70
+ --md-ref-palette-neutral40: #605D64;
71
+ --md-ref-palette-neutral50: #79767D;
72
+ --md-ref-palette-neutral60: #938F96;
73
+ --md-ref-palette-neutral70: #AEA9B1;
74
+ --md-ref-palette-neutral80: #CAC5CD;
75
+ --md-ref-palette-neutral87: #DED8E1;
76
+ --md-ref-palette-neutral90: #E6E0E9;
77
+ --md-ref-palette-neutral92: #ECE6F0;
78
+ --md-ref-palette-neutral94: #F3EDF7;
79
+ --md-ref-palette-neutral95: #F5EFF7;
80
+ --md-ref-palette-neutral96: #F7F2FA;
81
+ --md-ref-palette-neutral98: #FEF7FF;
82
+ --md-ref-palette-neutral99: #FFFBFF;
83
+ --md-ref-palette-neutral100: #FFFFFF;
84
+ /* neutral-variant */
85
+ --md-ref-palette-neutral-variant0: #000000;
86
+ --md-ref-palette-neutral-variant10: #1D1A22;
87
+ --md-ref-palette-neutral-variant20: #322F37;
88
+ --md-ref-palette-neutral-variant30: #49454F;
89
+ --md-ref-palette-neutral-variant40: #605D66;
90
+ --md-ref-palette-neutral-variant50: #79747E;
91
+ --md-ref-palette-neutral-variant60: #938F99;
92
+ --md-ref-palette-neutral-variant70: #AEA9B4;
93
+ --md-ref-palette-neutral-variant80: #CAC4D0;
94
+ --md-ref-palette-neutral-variant90: #E7E0EC;
95
+ --md-ref-palette-neutral-variant95: #F5EEFA;
96
+ --md-ref-palette-neutral-variant99: #FFFBFE;
97
+ --md-ref-palette-neutral-variant100: #FFFFFF;
98
+ /* light */
99
+ --md-sys-color-primary-light: #6750A4;
100
+ --md-sys-color-on-primary-light: #FFFFFF;
101
+ --md-sys-color-primary-container-light: #EADDFF;
102
+ --md-sys-color-on-primary-container-light: #21005D;
103
+ --md-sys-color-primary-fixed-light: #EADDFF;
104
+ --md-sys-color-on-primary-fixed-light: #21005D;
105
+ --md-sys-color-primary-fixed-dim-light: #D0BCFF;
106
+ --md-sys-color-on-primary-fixed-variant-light: #4F378B;
107
+ --md-sys-color-secondary-light: #625B71;
108
+ --md-sys-color-on-secondary-light: #FFFFFF;
109
+ --md-sys-color-secondary-container-light: #E8DEF8;
110
+ --md-sys-color-on-secondary-container-light: #1D192B;
111
+ --md-sys-color-secondary-fixed-light: #E8DEF8;
112
+ --md-sys-color-on-secondary-fixed-light: #1D192B;
113
+ --md-sys-color-secondary-fixed-dim-light: #CCC2DC;
114
+ --md-sys-color-on-secondary-fixed-variant-light: #4A4458;
115
+ --md-sys-color-tertiary-light: #7D5260;
116
+ --md-sys-color-on-tertiary-light: #FFFFFF;
117
+ --md-sys-color-tertiary-container-light: #FFD8E4;
118
+ --md-sys-color-on-tertiary-container-light: #31111D;
119
+ --md-sys-color-tertiary-fixed-light: #FFD8E4;
120
+ --md-sys-color-on-tertiary-fixed-light: #31111D;
121
+ --md-sys-color-tertiary-fixed-dim-light: #EFB8C8;
122
+ --md-sys-color-on-tertiary-fixed-variant-light: #633B48;
123
+ --md-sys-color-error-light: #B3261E;
124
+ --md-sys-color-on-error-light: #FFFFFF;
125
+ --md-sys-color-error-container-light: #F9DEDC;
126
+ --md-sys-color-on-error-container-light: #410E0B;
127
+ --md-sys-color-outline-light: #79747E;
128
+ --md-sys-color-background-light: #FEF7FF;
129
+ --md-sys-color-on-background-light: #1D1B20;
130
+ --md-sys-color-surface-light: #FEF7FF;
131
+ --md-sys-color-on-surface-light: #1D1B20;
132
+ --md-sys-color-surface-variant-light: #E7E0EC;
133
+ --md-sys-color-on-surface-variant-light: #49454F;
134
+ --md-sys-color-inverse-surface-light: #322F35;
135
+ --md-sys-color-inverse-on-surface-light: #F5EFF7;
136
+ --md-sys-color-inverse-primary-light: #D0BCFF;
137
+ --md-sys-color-shadow-light: #000000;
138
+ --md-sys-color-surface-tint-light: #6750A4;
139
+ --md-sys-color-outline-variant-light: #CAC4D0;
140
+ --md-sys-color-scrim-light: #000000;
141
+ --md-sys-color-surface-container-highest-light: #E6E0E9;
142
+ --md-sys-color-surface-container-high-light: #ECE6F0;
143
+ --md-sys-color-surface-container-light: #F3EDF7;
144
+ --md-sys-color-surface-container-low-light: #F7F2FA;
145
+ --md-sys-color-surface-container-lowest-light: #FFFFFF;
146
+ --md-sys-color-surface-bright-light: #FEF7FF;
147
+ --md-sys-color-surface-dim-light: #DED8E1;
148
+ /* dark */
149
+ --md-sys-color-primary-dark: #D0BCFF;
150
+ --md-sys-color-on-primary-dark: #381E72;
151
+ --md-sys-color-primary-container-dark: #4F378B;
152
+ --md-sys-color-on-primary-container-dark: #EADDFF;
153
+ --md-sys-color-primary-fixed-dark: #EADDFF;
154
+ --md-sys-color-on-primary-fixed-dark: #21005D;
155
+ --md-sys-color-primary-fixed-dim-dark: #D0BCFF;
156
+ --md-sys-color-on-primary-fixed-variant-dark: #4F378B;
157
+ --md-sys-color-secondary-dark: #CCC2DC;
158
+ --md-sys-color-on-secondary-dark: #332D41;
159
+ --md-sys-color-secondary-container-dark: #4A4458;
160
+ --md-sys-color-on-secondary-container-dark: #E8DEF8;
161
+ --md-sys-color-secondary-fixed-dark: #E8DEF8;
162
+ --md-sys-color-on-secondary-fixed-dark: #1D192B;
163
+ --md-sys-color-secondary-fixed-dim-dark: #CCC2DC;
164
+ --md-sys-color-on-secondary-fixed-variant-dark: #4A4458;
165
+ --md-sys-color-tertiary-dark: #EFB8C8;
166
+ --md-sys-color-on-tertiary-dark: #492532;
167
+ --md-sys-color-tertiary-container-dark: #633B48;
168
+ --md-sys-color-on-tertiary-container-dark: #FFD8E4;
169
+ --md-sys-color-tertiary-fixed-dark: #FFD8E4;
170
+ --md-sys-color-on-tertiary-fixed-dark: #31111D;
171
+ --md-sys-color-tertiary-fixed-dim-dark: #EFB8C8;
172
+ --md-sys-color-on-tertiary-fixed-variant-dark: #633B48;
173
+ --md-sys-color-error-dark: #F2B8B5;
174
+ --md-sys-color-on-error-dark: #601410;
175
+ --md-sys-color-error-container-dark: #8C1D18;
176
+ --md-sys-color-on-error-container-dark: #F9DEDC;
177
+ --md-sys-color-outline-dark: #938F99;
178
+ --md-sys-color-background-dark: #141218;
179
+ --md-sys-color-on-background-dark: #E6E0E9;
180
+ --md-sys-color-surface-dark: #141218;
181
+ --md-sys-color-on-surface-dark: #E6E0E9;
182
+ --md-sys-color-surface-variant-dark: #49454F;
183
+ --md-sys-color-on-surface-variant-dark: #CAC4D0;
184
+ --md-sys-color-inverse-surface-dark: #E6E0E9;
185
+ --md-sys-color-inverse-on-surface-dark: #322F35;
186
+ --md-sys-color-inverse-primary-dark: #6750A4;
187
+ --md-sys-color-shadow-dark: #000000;
188
+ --md-sys-color-surface-tint-dark: #D0BCFF;
189
+ --md-sys-color-outline-variant-dark: #49454F;
190
+ --md-sys-color-scrim-dark: #000000;
191
+ --md-sys-color-surface-container-highest-dark: #36343B;
192
+ --md-sys-color-surface-container-high-dark: #2B2930;
193
+ --md-sys-color-surface-container-dark: #211F26;
194
+ --md-sys-color-surface-container-low-dark: #1D1B20;
195
+ --md-sys-color-surface-container-lowest-dark: #0F0D13;
196
+ --md-sys-color-surface-bright-dark: #3B383E;
197
+ --md-sys-color-surface-dim-dark: #141218;
198
+ /* display - large */
199
+ --md-sys-typescale-display-large-font-family-name: Roboto;
200
+ --md-sys-typescale-display-large-font-family-style: Regular;
201
+ --md-sys-typescale-display-large-font-weight: 400px;
202
+ --md-sys-typescale-display-large-font-size: 57px;
203
+ --md-sys-typescale-display-large-line-height: 64px;
204
+ --md-sys-typescale-display-large-letter-spacing: -0.25px;
205
+ /* display - medium */
206
+ --md-sys-typescale-display-medium-font-family-name: Roboto;
207
+ --md-sys-typescale-display-medium-font-family-style: Regular;
208
+ --md-sys-typescale-display-medium-font-weight: 400px;
209
+ --md-sys-typescale-display-medium-font-size: 45px;
210
+ --md-sys-typescale-display-medium-line-height: 52px;
211
+ --md-sys-typescale-display-medium-letter-spacing: 0px;
212
+ /* display - small */
213
+ --md-sys-typescale-display-small-font-family-name: Roboto;
214
+ --md-sys-typescale-display-small-font-family-style: Regular;
215
+ --md-sys-typescale-display-small-font-weight: 400px;
216
+ --md-sys-typescale-display-small-font-size: 36px;
217
+ --md-sys-typescale-display-small-line-height: 44px;
218
+ --md-sys-typescale-display-small-letter-spacing: 0px;
219
+ /* headline - large */
220
+ --md-sys-typescale-headline-large-font-family-name: Roboto;
221
+ --md-sys-typescale-headline-large-font-family-style: Regular;
222
+ --md-sys-typescale-headline-large-font-weight: 400px;
223
+ --md-sys-typescale-headline-large-font-size: 32px;
224
+ --md-sys-typescale-headline-large-line-height: 40px;
225
+ --md-sys-typescale-headline-large-letter-spacing: 0px;
226
+ /* headline - medium */
227
+ --md-sys-typescale-headline-medium-font-family-name: Roboto;
228
+ --md-sys-typescale-headline-medium-font-family-style: Regular;
229
+ --md-sys-typescale-headline-medium-font-weight: 400px;
230
+ --md-sys-typescale-headline-medium-font-size: 28px;
231
+ --md-sys-typescale-headline-medium-line-height: 36px;
232
+ --md-sys-typescale-headline-medium-letter-spacing: 0px;
233
+ /* headline - small */
234
+ --md-sys-typescale-headline-small-font-family-name: Roboto;
235
+ --md-sys-typescale-headline-small-font-family-style: Regular;
236
+ --md-sys-typescale-headline-small-font-weight: 400px;
237
+ --md-sys-typescale-headline-small-font-size: 24px;
238
+ --md-sys-typescale-headline-small-line-height: 32px;
239
+ --md-sys-typescale-headline-small-letter-spacing: 0px;
240
+ /* body - large */
241
+ --md-sys-typescale-body-large-font-family-name: Roboto;
242
+ --md-sys-typescale-body-large-font-family-style: Regular;
243
+ --md-sys-typescale-body-large-font-weight: 400px;
244
+ --md-sys-typescale-body-large-font-size: 16px;
245
+ --md-sys-typescale-body-large-line-height: 24px;
246
+ --md-sys-typescale-body-large-letter-spacing: 0.50px;
247
+ /* body - medium */
248
+ --md-sys-typescale-body-medium-font-family-name: Roboto;
249
+ --md-sys-typescale-body-medium-font-family-style: Regular;
250
+ --md-sys-typescale-body-medium-font-weight: 400px;
251
+ --md-sys-typescale-body-medium-font-size: 14px;
252
+ --md-sys-typescale-body-medium-line-height: 20px;
253
+ --md-sys-typescale-body-medium-letter-spacing: 0.25px;
254
+ /* body - small */
255
+ --md-sys-typescale-body-small-font-family-name: Roboto;
256
+ --md-sys-typescale-body-small-font-family-style: Regular;
257
+ --md-sys-typescale-body-small-font-weight: 400px;
258
+ --md-sys-typescale-body-small-font-size: 12px;
259
+ --md-sys-typescale-body-small-line-height: 16px;
260
+ --md-sys-typescale-body-small-letter-spacing: 0.40px;
261
+ /* label - large */
262
+ --md-sys-typescale-label-large-font-family-name: Roboto;
263
+ --md-sys-typescale-label-large-font-family-style: Medium;
264
+ --md-sys-typescale-label-large-font-weight: 500px;
265
+ --md-sys-typescale-label-large-font-size: 14px;
266
+ --md-sys-typescale-label-large-line-height: 20px;
267
+ --md-sys-typescale-label-large-letter-spacing: 0.10px;
268
+ /* label - medium */
269
+ --md-sys-typescale-label-medium-font-family-name: Roboto;
270
+ --md-sys-typescale-label-medium-font-family-style: Medium;
271
+ --md-sys-typescale-label-medium-font-weight: 500px;
272
+ --md-sys-typescale-label-medium-font-size: 12px;
273
+ --md-sys-typescale-label-medium-line-height: 16px;
274
+ --md-sys-typescale-label-medium-letter-spacing: 0.50px;
275
+ /* label - small */
276
+ --md-sys-typescale-label-small-font-family-name: Roboto;
277
+ --md-sys-typescale-label-small-font-family-style: Medium;
278
+ --md-sys-typescale-label-small-font-weight: 500px;
279
+ --md-sys-typescale-label-small-font-size: 11px;
280
+ --md-sys-typescale-label-small-line-height: 16px;
281
+ --md-sys-typescale-label-small-letter-spacing: 0.50px;
282
+ /* title - large */
283
+ --md-sys-typescale-title-large-font-family-name: Roboto;
284
+ --md-sys-typescale-title-large-font-family-style: Regular;
285
+ --md-sys-typescale-title-large-font-weight: 400px;
286
+ --md-sys-typescale-title-large-font-size: 22px;
287
+ --md-sys-typescale-title-large-line-height: 28px;
288
+ --md-sys-typescale-title-large-letter-spacing: 0px;
289
+ /* title - medium */
290
+ --md-sys-typescale-title-medium-font-family-name: Roboto;
291
+ --md-sys-typescale-title-medium-font-family-style: Medium;
292
+ --md-sys-typescale-title-medium-font-weight: 500px;
293
+ --md-sys-typescale-title-medium-font-size: 16px;
294
+ --md-sys-typescale-title-medium-line-height: 24px;
295
+ --md-sys-typescale-title-medium-letter-spacing: 0.15px;
296
+ /* title - small */
297
+ --md-sys-typescale-title-small-font-family-name: Roboto;
298
+ --md-sys-typescale-title-small-font-family-style: Medium;
299
+ --md-sys-typescale-title-small-font-weight: 500px;
300
+ --md-sys-typescale-title-small-font-size: 14px;
301
+ --md-sys-typescale-title-small-line-height: 20px;
302
+ --md-sys-typescale-title-small-letter-spacing: 0.10px;
303
+ }