bulma-turbo-themes 0.5.0 → 0.7.4

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 (25) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +0 -90
  3. data/README.md +41 -189
  4. data/assets/css/custom.css +32 -0
  5. data/assets/css/themes/bulma-dark.css +96 -0
  6. data/assets/css/themes/bulma-light.css +96 -0
  7. data/assets/css/themes/catppuccin-frappe.css +99 -0
  8. data/assets/css/themes/catppuccin-latte.css +99 -0
  9. data/assets/css/themes/catppuccin-macchiato.css +99 -0
  10. data/assets/css/themes/catppuccin-mocha.css +99 -0
  11. data/assets/css/themes/dracula.css +212 -0
  12. data/assets/css/themes/github-dark.css +103 -0
  13. data/assets/css/themes/github-light.css +103 -0
  14. data/assets/css/themes/global.css +460 -0
  15. data/assets/img/bulma-logo-dark.png +0 -0
  16. data/assets/img/bulma-logo.png +0 -0
  17. data/assets/img/catppuccin-logo-latte.png +0 -0
  18. data/assets/img/catppuccin-logo-macchiato.png +0 -0
  19. data/assets/img/dracula-logo.png +0 -0
  20. data/assets/img/github-logo-dark.png +0 -0
  21. data/assets/img/github-logo-light.png +0 -0
  22. data/assets/js/theme-selector.js +489 -0
  23. data/lib/bulma-turbo-themes/version.rb +6 -0
  24. data/lib/bulma-turbo-themes.rb +4 -3
  25. metadata +47 -23
data/assets/css/themes/github-dark.css ADDED
@@ -0,0 +1,103 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html[data-flavor='github-dark'] .highlight {
3
+ background: var(--syntax-bg);
4
+ color: var(--syntax-fg);
5
+ }
6
+ html[data-flavor='github-dark'] .highlight pre,
7
+ html[data-flavor='github-dark'] pre.highlight {
8
+ background: transparent;
9
+ color: var(--syntax-fg);
10
+ }
11
+ html[data-flavor='github-dark'] .highlight code {
12
+ background: transparent;
13
+ color: var(--syntax-fg);
14
+ }
15
+ html[data-flavor='github-dark'] .highlight .c,
16
+ html[data-flavor='github-dark'] .highlight .cm,
17
+ html[data-flavor='github-dark'] .highlight .c1 {
18
+ color: var(--syntax-comment);
19
+ }
20
+ html[data-flavor='github-dark'] .highlight .k,
21
+ html[data-flavor='github-dark'] .highlight .kc,
22
+ html[data-flavor='github-dark'] .highlight .kd {
23
+ color: var(--syntax-keyword);
24
+ }
25
+ html[data-flavor='github-dark'] .highlight .s,
26
+ html[data-flavor='github-dark'] .highlight .s1,
27
+ html[data-flavor='github-dark'] .highlight .sb,
28
+ html[data-flavor='github-dark'] .highlight .sd,
29
+ html[data-flavor='github-dark'] .highlight .s2 {
30
+ color: var(--syntax-string);
31
+ }
32
+ html[data-flavor='github-dark'] .highlight .m,
33
+ html[data-flavor='github-dark'] .highlight .mi,
34
+ html[data-flavor='github-dark'] .highlight .mf,
35
+ html[data-flavor='github-dark'] .highlight .mh {
36
+ color: var(--syntax-number);
37
+ }
38
+ html[data-flavor='github-dark'] .highlight .nt,
39
+ html[data-flavor='github-dark'] .highlight .na {
40
+ color: var(--syntax-attr);
41
+ }
42
+ html[data-flavor='github-dark'] .highlight .nn,
43
+ html[data-flavor='github-dark'] .highlight .nc,
44
+ html[data-flavor='github-dark'] .highlight .no,
45
+ html[data-flavor='github-dark'] .highlight .nf {
46
+ color: var(--syntax-title);
47
+ }
48
+ html[data-flavor='github-dark'] {
49
+ --bulma-body-background-color: #0d1117;
50
+ --bulma-body-color: #c9d1d9;
51
+ --bulma-primary-h: 131;
52
+ --bulma-primary-s: 55%;
53
+ --bulma-primary-l: 40%;
54
+ --bulma-link: #58a6ff;
55
+ --bulma-info: #58a6ff;
56
+ --bulma-success: #3fb950;
57
+ --bulma-warning: #d29922;
58
+ --bulma-danger: #f85149;
59
+ --bulma-border: #30363d;
60
+ --theme-font-sans:
61
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
62
+ 'Apple Color Emoji', 'Segoe UI Emoji';
63
+ --theme-font-mono:
64
+ ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
65
+ monospace;
66
+ --theme-text: #c9d1d9;
67
+ --theme-text-muted: #8b949e;
68
+ --theme-link: #58a6ff;
69
+ --theme-link-hover: #58a6ff;
70
+ --theme-blockquote-border: #30363d;
71
+ --theme-blockquote-fg: #c9d1d9;
72
+ --theme-blockquote-bg: #161b22;
73
+ --theme-code-fg: #c9d1d9;
74
+ --theme-code-bg: #161b22;
75
+ --theme-pre-fg: #c9d1d9;
76
+ --theme-pre-bg: #161b22;
77
+ --theme-pre-border: #30363d;
78
+ --theme-table-border: #30363d;
79
+ --theme-table-stripe: #161b22;
80
+ --theme-table-thead-bg: #161b22;
81
+ --theme-selection-fg: #c9d1d9;
82
+ --theme-selection-bg: #1f6feb;
83
+ --theme-label-color: #c9d1d9;
84
+ --theme-hr-color: #30363d;
85
+ --theme-h1: #3fb950;
86
+ --theme-h2: #58a6ff;
87
+ --theme-h3: #58a6ff;
88
+ --theme-h4: #d29922;
89
+ --theme-h5: #2ea043;
90
+ --theme-h6: #f85149;
91
+ --syntax-fg: #c9d1d9;
92
+ --syntax-bg: #161b22;
93
+ --syntax-keyword: #d29922;
94
+ --syntax-string: #3fb950;
95
+ --syntax-number: #d29922;
96
+ --syntax-comment: #8b949e;
97
+ --syntax-title: #58a6ff;
98
+ --syntax-attr: #58a6ff;
99
+ --theme-surface-0: #0d1117;
100
+ --theme-surface-1: #161b22;
101
+ --theme-surface-2: #161b22;
102
+ color-scheme: dark;
103
+ }
data/assets/css/themes/github-light.css ADDED
@@ -0,0 +1,103 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html[data-flavor='github-light'] .highlight {
3
+ background: var(--syntax-bg);
4
+ color: var(--syntax-fg);
5
+ }
6
+ html[data-flavor='github-light'] .highlight pre,
7
+ html[data-flavor='github-light'] pre.highlight {
8
+ background: transparent;
9
+ color: var(--syntax-fg);
10
+ }
11
+ html[data-flavor='github-light'] .highlight code {
12
+ background: transparent;
13
+ color: var(--syntax-fg);
14
+ }
15
+ html[data-flavor='github-light'] .highlight .c,
16
+ html[data-flavor='github-light'] .highlight .cm,
17
+ html[data-flavor='github-light'] .highlight .c1 {
18
+ color: var(--syntax-comment);
19
+ }
20
+ html[data-flavor='github-light'] .highlight .k,
21
+ html[data-flavor='github-light'] .highlight .kc,
22
+ html[data-flavor='github-light'] .highlight .kd {
23
+ color: var(--syntax-keyword);
24
+ }
25
+ html[data-flavor='github-light'] .highlight .s,
26
+ html[data-flavor='github-light'] .highlight .s1,
27
+ html[data-flavor='github-light'] .highlight .sb,
28
+ html[data-flavor='github-light'] .highlight .sd,
29
+ html[data-flavor='github-light'] .highlight .s2 {
30
+ color: var(--syntax-string);
31
+ }
32
+ html[data-flavor='github-light'] .highlight .m,
33
+ html[data-flavor='github-light'] .highlight .mi,
34
+ html[data-flavor='github-light'] .highlight .mf,
35
+ html[data-flavor='github-light'] .highlight .mh {
36
+ color: var(--syntax-number);
37
+ }
38
+ html[data-flavor='github-light'] .highlight .nt,
39
+ html[data-flavor='github-light'] .highlight .na {
40
+ color: var(--syntax-attr);
41
+ }
42
+ html[data-flavor='github-light'] .highlight .nn,
43
+ html[data-flavor='github-light'] .highlight .nc,
44
+ html[data-flavor='github-light'] .highlight .no,
45
+ html[data-flavor='github-light'] .highlight .nf {
46
+ color: var(--syntax-title);
47
+ }
48
+ html[data-flavor='github-light'] {
49
+ --bulma-body-background-color: #ffffff;
50
+ --bulma-body-color: #24292f;
51
+ --bulma-primary-h: 137;
52
+ --bulma-primary-s: 57%;
53
+ --bulma-primary-l: 41%;
54
+ --bulma-link: #0969da;
55
+ --bulma-info: #0969da;
56
+ --bulma-success: #2da44e;
57
+ --bulma-warning: #bf8700;
58
+ --bulma-danger: #cf222e;
59
+ --bulma-border: #d0d7de;
60
+ --theme-font-sans:
61
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
62
+ 'Apple Color Emoji', 'Segoe UI Emoji';
63
+ --theme-font-mono:
64
+ ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
65
+ monospace;
66
+ --theme-text: #24292f;
67
+ --theme-text-muted: #57606a;
68
+ --theme-link: #0969da;
69
+ --theme-link-hover: #0969da;
70
+ --theme-blockquote-border: #d0d7de;
71
+ --theme-blockquote-fg: #24292f;
72
+ --theme-blockquote-bg: #f6f8fa;
73
+ --theme-code-fg: #24292f;
74
+ --theme-code-bg: #f6f8fa;
75
+ --theme-pre-fg: #24292f;
76
+ --theme-pre-bg: #f6f8fa;
77
+ --theme-pre-border: #d0d7de;
78
+ --theme-table-border: #d0d7de;
79
+ --theme-table-stripe: #f6f8fa;
80
+ --theme-table-thead-bg: #f6f8fa;
81
+ --theme-selection-fg: #ffffff;
82
+ --theme-selection-bg: #0969da;
83
+ --theme-label-color: #24292f;
84
+ --theme-hr-color: #d0d7de;
85
+ --theme-h1: #2da44e;
86
+ --theme-h2: #0969da;
87
+ --theme-h3: #0969da;
88
+ --theme-h4: #bf8700;
89
+ --theme-h5: #2da44e;
90
+ --theme-h6: #cf222e;
91
+ --syntax-fg: #24292f;
92
+ --syntax-bg: #f6f8fa;
93
+ --syntax-keyword: #bf8700;
94
+ --syntax-string: #2da44e;
95
+ --syntax-number: #bf8700;
96
+ --syntax-comment: #57606a;
97
+ --syntax-title: #0969da;
98
+ --syntax-attr: #0969da;
99
+ --theme-surface-0: #ffffff;
100
+ --theme-surface-1: #f6f8fa;
101
+ --theme-surface-2: #eaeef2;
102
+ color-scheme: light;
103
+ }
data/assets/css/themes/global.css ADDED
@@ -0,0 +1,460 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html {
3
+ font-family: var(
4
+ --theme-font-sans,
5
+ system-ui,
6
+ -apple-system,
7
+ Segoe UI,
8
+ Roboto,
9
+ Helvetica,
10
+ Arial,
11
+ sans-serif
12
+ );
13
+ }
14
+ body,
15
+ .content {
16
+ font-family: var(
17
+ --theme-font-sans,
18
+ system-ui,
19
+ -apple-system,
20
+ Segoe UI,
21
+ Roboto,
22
+ Helvetica,
23
+ Arial,
24
+ sans-serif
25
+ );
26
+ }
27
+ .title,
28
+ .content h1,
29
+ .content h2,
30
+ .content h3,
31
+ .content h4,
32
+ .content h5,
33
+ .content h6 {
34
+ font-family: var(
35
+ --theme-font-serif,
36
+ var(--theme-font-sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif)
37
+ );
38
+ }
39
+ code,
40
+ kbd,
41
+ pre,
42
+ samp {
43
+ font-family: var(
44
+ --theme-font-mono,
45
+ ui-monospace,
46
+ SFMono-Regular,
47
+ Menlo,
48
+ Consolas,
49
+ 'Liberation Mono',
50
+ 'Courier New',
51
+ monospace
52
+ );
53
+ }
54
+ html,
55
+ body {
56
+ color: var(--theme-text, inherit);
57
+ }
58
+ .content p {
59
+ color: var(--theme-text, inherit);
60
+ }
61
+ .title.is-1,
62
+ h1 {
63
+ color: var(--theme-h1, var(--theme-text, inherit));
64
+ }
65
+ .title.is-2,
66
+ h2 {
67
+ color: var(--theme-h2, var(--theme-text, inherit));
68
+ }
69
+ .title.is-3,
70
+ h3 {
71
+ color: var(--theme-h3, var(--theme-text, inherit));
72
+ }
73
+ .title.is-4,
74
+ h4 {
75
+ color: var(--theme-h4, var(--theme-text, inherit));
76
+ }
77
+ .title.is-5,
78
+ h5 {
79
+ color: var(--theme-h5, var(--theme-text, inherit));
80
+ }
81
+ .title.is-6,
82
+ h6 {
83
+ color: var(--theme-h6, var(--theme-text, inherit));
84
+ }
85
+ .content h1 {
86
+ color: var(--theme-h1, var(--theme-text, inherit));
87
+ }
88
+ .content h2 {
89
+ color: var(--theme-h2, var(--theme-text, inherit));
90
+ }
91
+ .content h3 {
92
+ color: var(--theme-h3, var(--theme-text, inherit));
93
+ }
94
+ .content h4 {
95
+ color: var(--theme-h4, var(--theme-text, inherit));
96
+ }
97
+ .content h5 {
98
+ color: var(--theme-h5, var(--theme-text, inherit));
99
+ }
100
+ .content h6 {
101
+ color: var(--theme-h6, var(--theme-text, inherit));
102
+ }
103
+ .label,
104
+ label {
105
+ color: var(--theme-label-color, var(--theme-text, inherit));
106
+ }
107
+ .content a {
108
+ color: var(--theme-link, var(--bulma-link));
109
+ }
110
+ .content a:hover {
111
+ color: var(--theme-link-hover, var(--theme-link));
112
+ }
113
+ .content blockquote {
114
+ border-left: 4px solid var(--theme-blockquote-border, currentColor);
115
+ color: var(--theme-blockquote-fg, inherit);
116
+ background: var(--theme-blockquote-bg, transparent);
117
+ font-style: italic;
118
+ }
119
+ .content hr,
120
+ hr {
121
+ height: 0;
122
+ border: 0;
123
+ border-top: 2px solid
124
+ var(
125
+ --theme-hr-color,
126
+ var(--theme-h1, var(--theme-table-border, var(--bulma-border, currentColor)))
127
+ );
128
+ background: none;
129
+ }
130
+ input[type='checkbox'],
131
+ input[type='radio'],
132
+ progress,
133
+ input[type='range'] {
134
+ accent-color: var(--theme-link, var(--bulma-link));
135
+ }
136
+ .input:invalid,
137
+ .textarea:invalid,
138
+ select:invalid,
139
+ input:invalid {
140
+ border-color: var(--bulma-danger);
141
+ box-shadow: none;
142
+ }
143
+ .input:valid,
144
+ .textarea:valid,
145
+ select:valid,
146
+ input:valid {
147
+ border-color: var(--bulma-success);
148
+ box-shadow: none;
149
+ }
150
+ .input:focus,
151
+ .textarea:focus,
152
+ select:focus,
153
+ input:focus {
154
+ border-color: var(--bulma-link);
155
+ box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bulma-link), transparent 80%);
156
+ outline: none;
157
+ }
158
+ .input:-moz-ui-invalid,
159
+ input:-moz-ui-invalid,
160
+ select:-moz-ui-invalid {
161
+ border-color: var(--bulma-danger);
162
+ box-shadow: none;
163
+ }
164
+ ::placeholder {
165
+ color: var(--theme-text-muted, currentColor);
166
+ opacity: 1;
167
+ }
168
+ input:-webkit-autofill {
169
+ -webkit-text-fill-color: var(--theme-text, inherit);
170
+ box-shadow: 0 0 0 1000px var(--theme-surface-1, transparent) inset !important;
171
+ filter: none;
172
+ }
173
+ input[type='file']::file-selector-button {
174
+ background: color-mix(in srgb, var(--theme-link, var(--bulma-link)) 10%, transparent);
175
+ border: 1px solid var(--theme-link, var(--bulma-link));
176
+ color: var(--theme-text, inherit);
177
+ padding: 0.35rem 0.6rem;
178
+ border-radius: 0.4rem;
179
+ }
180
+ input[type='file']::file-selector-button:hover {
181
+ background: color-mix(in srgb, var(--theme-link, var(--bulma-link)) 18%, transparent);
182
+ }
183
+ #theme-flavor-select {
184
+ padding-left: 2rem;
185
+ }
186
+ #theme-flavor-icon {
187
+ display: none;
188
+ }
189
+ #theme-flavor-select option[data-icon] {
190
+ background-repeat: no-repeat;
191
+ background-size: 1rem 1rem;
192
+ background-position: 0.5rem center;
193
+ padding-left: 1.75rem;
194
+ }
195
+ #theme-flavor-select:hover {
196
+ border-color: var(--bulma-link);
197
+ box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bulma-link), transparent 80%);
198
+ }
199
+ .dropdown.is-theme .theme-flavor-trigger {
200
+ display: grid;
201
+ place-items: center;
202
+ gap: 0;
203
+ padding: 0;
204
+ background: transparent;
205
+ transition:
206
+ background-color 0.14s ease-out,
207
+ box-shadow 0.14s ease-out;
208
+ width: 40px;
209
+ height: 40px;
210
+ line-height: 0;
211
+ box-sizing: border-box;
212
+ }
213
+ .dropdown.is-theme .theme-flavor-trigger .icon {
214
+ width: 100%;
215
+ height: 100%;
216
+ display: grid;
217
+ place-items: center;
218
+ margin: 0 !important;
219
+ line-height: 0;
220
+ }
221
+ .dropdown.is-theme .theme-flavor-trigger .icon:first-child {
222
+ margin: 0 !important;
223
+ }
224
+ .dropdown.is-theme .theme-flavor-trigger #theme-flavor-trigger-label {
225
+ display: none;
226
+ }
227
+ .dropdown.is-theme .theme-flavor-trigger .icon img,
228
+ .dropdown.is-theme .theme-flavor-trigger .icon span {
229
+ width: 28px;
230
+ height: 28px;
231
+ border-radius: 50%;
232
+ display: block;
233
+ margin: 0;
234
+ }
235
+ .dropdown.is-theme .theme-flavor-trigger .icon img {
236
+ object-fit: cover;
237
+ box-shadow: none;
238
+ transform: translateZ(0);
239
+ }
240
+ .dropdown.is-theme .theme-flavor-trigger .icon span {
241
+ display: flex;
242
+ align-items: center;
243
+ justify-content: center;
244
+ font-size: 12px;
245
+ font-weight: bold;
246
+ }
247
+ #theme-flavor-dd .dropdown-content {
248
+ max-height: 18rem;
249
+ overflow: auto;
250
+ padding: 0.25rem;
251
+ width: auto;
252
+ }
253
+ .dropdown.is-theme .dropdown-menu {
254
+ padding: 0.25rem;
255
+ min-width: auto;
256
+ opacity: 0;
257
+ transform: translateY(-6px);
258
+ transition:
259
+ opacity 0.14s ease-out,
260
+ transform 0.14s ease-out;
261
+ }
262
+ .dropdown.is-theme.is-active .dropdown-menu {
263
+ opacity: 1;
264
+ transform: translateY(0);
265
+ }
266
+ .dropdown.is-theme .dropdown-content {
267
+ background-color: var(--theme-surface-0, inherit);
268
+ border-radius: 1rem;
269
+ box-shadow: 0 6px 18px color-mix(in srgb, var(--theme-text, #000) 10%, transparent);
270
+ }
271
+ #theme-flavor-dd .dropdown-item {
272
+ display: inline-flex;
273
+ align-items: center;
274
+ justify-content: center;
275
+ gap: 0.5rem;
276
+ border-radius: 9999px;
277
+ padding: 0.25rem;
278
+ width: 40px;
279
+ height: 40px;
280
+ position: relative;
281
+ background: transparent;
282
+ transition:
283
+ background-color 0.12s ease,
284
+ box-shadow 0.12s ease;
285
+ }
286
+ #theme-flavor-dd .dropdown-item:hover {
287
+ background-color: color-mix(
288
+ in srgb,
289
+ var(--theme-surface-0, transparent) 92%,
290
+ var(--theme-link, var(--bulma-link)) 8%
291
+ );
292
+ border-color: var(--bulma-link);
293
+ box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bulma-link), transparent 80%);
294
+ }
295
+ #theme-flavor-dd .dropdown-item img,
296
+ #theme-flavor-dd .dropdown-item span {
297
+ width: 28px;
298
+ height: 28px;
299
+ border-radius: 50%;
300
+ display: block;
301
+ }
302
+ #theme-flavor-dd .dropdown-item img {
303
+ display: block;
304
+ }
305
+ #theme-flavor-dd .dropdown-item span {
306
+ display: flex;
307
+ align-items: center;
308
+ justify-content: center;
309
+ font-size: 12px;
310
+ font-weight: bold;
311
+ }
312
+ #theme-flavor-dd .dropdown-item.is-active img {
313
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-link, var(--bulma-link)) 60%, transparent);
314
+ }
315
+ #theme-flavor-dd .dropdown-item.is-active {
316
+ background-color: color-mix(
317
+ in srgb,
318
+ var(--theme-link, var(--bulma-link)) 10%,
319
+ var(--theme-surface-0, transparent)
320
+ );
321
+ }
322
+ .navbar .navbar-item:hover,
323
+ .navbar .navbar-link:hover {
324
+ text-decoration: underline;
325
+ text-decoration-color: var(--theme-link, var(--bulma-link));
326
+ text-underline-offset: 4px;
327
+ color: var(--theme-link, var(--bulma-link));
328
+ background-color: var(--theme-surface-1, transparent);
329
+ }
330
+ .navbar .navbar-brand > .navbar-item:hover {
331
+ text-decoration: none;
332
+ }
333
+ .navbar .navbar-item.is-active,
334
+ .navbar .navbar-link.is-active {
335
+ position: relative;
336
+ color: var(--theme-link, var(--bulma-link));
337
+ background: color-mix(in srgb, var(--theme-link, var(--bulma-link)) 8%, transparent);
338
+ border-bottom: 3px solid var(--theme-link, var(--bulma-link));
339
+ border-radius: 0.5rem 0.5rem 0 0;
340
+ box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-link, var(--bulma-link)) 22%, transparent);
341
+ }
342
+ .content code {
343
+ color: var(--theme-code-fg, inherit);
344
+ background: var(--theme-code-bg, transparent);
345
+ padding: 0.2em 0.35em;
346
+ border-radius: 0.25rem;
347
+ }
348
+ .content pre,
349
+ pre,
350
+ .highlight pre,
351
+ pre.highlight {
352
+ color: var(--theme-pre-fg, inherit);
353
+ background: var(--theme-pre-bg, transparent);
354
+ padding: 1rem;
355
+ border-radius: 0.5rem;
356
+ overflow: auto;
357
+ border: 2px solid var(--theme-pre-border, transparent);
358
+ }
359
+ .content pre code,
360
+ pre code,
361
+ .highlight pre code,
362
+ pre.highlight code {
363
+ color: var(--theme-pre-fg, inherit);
364
+ background: transparent;
365
+ }
366
+ ::selection {
367
+ color: var(--theme-selection-fg, inherit);
368
+ background: var(--theme-selection-bg, transparent);
369
+ }
370
+ .navbar,
371
+ .hero,
372
+ .box,
373
+ .card,
374
+ .dropdown-content,
375
+ .modal-card,
376
+ .menu,
377
+ .message {
378
+ background-color: var(--theme-surface-0, inherit);
379
+ color: var(--theme-text, inherit);
380
+ }
381
+ .navbar {
382
+ border-bottom: 1px solid var(--theme-table-border, var(--bulma-border, currentColor));
383
+ }
384
+ .navbar a.navbar-item,
385
+ .navbar .navbar-link {
386
+ color: var(--theme-text, inherit);
387
+ }
388
+ .navbar .navbar-brand > .navbar-item.is-active {
389
+ box-shadow: none;
390
+ background: none;
391
+ color: inherit;
392
+ }
393
+ .card .card-content,
394
+ .modal-card-body,
395
+ .panel,
396
+ .table-container {
397
+ background-color: var(--theme-surface-1, inherit);
398
+ }
399
+ .dropdown-content .dropdown-item.is-active,
400
+ .table.is-striped tbody tr:nth-child(even) {
401
+ background-color: var(--theme-table-stripe, var(--theme-surface-2, inherit));
402
+ }
403
+ .box,
404
+ .card,
405
+ .dropdown-content,
406
+ .menu,
407
+ .message,
408
+ .panel,
409
+ .table,
410
+ .table td,
411
+ .table th,
412
+ .modal-card {
413
+ border-color: var(--theme-table-border, var(--bulma-border, currentColor));
414
+ }
415
+ .table thead th {
416
+ background-color: var(--theme-table-thead-bg, var(--theme-surface-2, inherit));
417
+ }
418
+ .input:not(.is-success):not(.is-danger),
419
+ .textarea:not(.is-success):not(.is-danger),
420
+ .select:not(.is-success):not(.is-danger) select,
421
+ .button.is-light {
422
+ background-color: var(--theme-surface-1, inherit);
423
+ color: var(--theme-text, inherit);
424
+ border-color: var(--theme-table-border, var(--bulma-border, currentColor));
425
+ }
426
+ .input:not(.is-success):not(.is-danger):focus,
427
+ .textarea:not(.is-success):not(.is-danger):focus,
428
+ .select:not(.is-success):not(.is-danger) select:focus {
429
+ border-color: var(--bulma-link);
430
+ box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bulma-link), transparent 80%);
431
+ }
432
+
433
+ /* Accessibility contrast fixes (Axe) */
434
+ [data-flavor='catppuccin-latte'] .navbar-item,
435
+ [data-flavor='catppuccin-latte'] .has-text-centered > p,
436
+ [data-flavor='catppuccin-latte'] a.navbar-item,
437
+ [data-flavor='catppuccin-latte'] .title,
438
+ [data-flavor='catppuccin-latte'] h1,
439
+ [data-flavor='catppuccin-latte'] h2,
440
+ [data-flavor='catppuccin-latte'] h3,
441
+ [data-flavor='catppuccin-latte'] h4 {
442
+ color: #1e293b; /* strong slate for >=4.5:1 on light bg */
443
+ }
444
+
445
+ [data-flavor='catppuccin-latte'] .button.is-text,
446
+ [data-flavor='catppuccin-latte'] .button.is-ghost,
447
+ [data-flavor='catppuccin-latte'] .navbar-item.is-active {
448
+ color: #0b66d6; /* deeper blue for >=4.5:1 on light bg */
449
+ }
450
+
451
+ [data-flavor='github-dark'] strong,
452
+ [data-flavor='github-dark'] th,
453
+ [data-flavor='github-dark'] .has-text-centered > p {
454
+ color: #c9d1d9; /* github-dark foreground */
455
+ }
456
+
457
+ [data-flavor='github-dark'] .button.is-text,
458
+ [data-flavor='github-dark'] .button.is-ghost {
459
+ color: #58a6ff; /* accessible link blue on dark bg */
460
+ }
data/assets/img/bulma-logo-dark.png ADDED
Binary file
data/assets/img/bulma-logo.png ADDED
Binary file
data/assets/img/dracula-logo.png ADDED
Binary file
data/assets/img/github-logo-dark.png ADDED
Binary file
data/assets/img/github-logo-light.png ADDED
Binary file