bulma-turbo-themes 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 (26) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +319 -0
  3. data/LICENSE +21 -0
  4. data/README.md +175 -0
  5. data/assets/css/custom.css +32 -0
  6. data/assets/css/themes/bulma-dark.css +96 -0
  7. data/assets/css/themes/bulma-light.css +96 -0
  8. data/assets/css/themes/catppuccin-frappe.css +99 -0
  9. data/assets/css/themes/catppuccin-latte.css +99 -0
  10. data/assets/css/themes/catppuccin-macchiato.css +99 -0
  11. data/assets/css/themes/catppuccin-mocha.css +99 -0
  12. data/assets/css/themes/dracula.css +212 -0
  13. data/assets/css/themes/github-dark.css +103 -0
  14. data/assets/css/themes/github-light.css +103 -0
  15. data/assets/css/themes/global.css +460 -0
  16. data/assets/img/bulma-logo-dark.png +0 -0
  17. data/assets/img/bulma-logo.png +0 -0
  18. data/assets/img/catppuccin-logo-latte.png +0 -0
  19. data/assets/img/catppuccin-logo-macchiato.png +0 -0
  20. data/assets/img/dracula-logo.png +0 -0
  21. data/assets/img/github-logo-dark.png +0 -0
  22. data/assets/img/github-logo-light.png +0 -0
  23. data/assets/js/theme-selector.js +489 -0
  24. data/lib/bulma-turbo-themes/version.rb +6 -0
  25. data/lib/bulma-turbo-themes.rb +9 -0
  26. metadata +93 -0
data/assets/css/themes/dracula.css ADDED
@@ -0,0 +1,212 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ @font-face {
3
+ font-family: 'Source Sans Pro';
4
+ font-style: normal;
5
+ font-weight: 300;
6
+ src:
7
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/source-sans-pro-v11-latin-300.woff2')
8
+ format('woff2'),
9
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/source-sans-pro-v11-latin-300.woff')
10
+ format('woff');
11
+ font-display: swap;
12
+ }
13
+ @font-face {
14
+ font-family: 'Source Sans Pro';
15
+ font-style: normal;
16
+ font-weight: 400;
17
+ src:
18
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/source-sans-pro-v11-latin-regular.woff2')
19
+ format('woff2'),
20
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/source-sans-pro-v11-latin-regular.woff')
21
+ format('woff');
22
+ font-display: swap;
23
+ }
24
+ @font-face {
25
+ font-family: 'Source Sans Pro';
26
+ font-style: normal;
27
+ font-weight: 600;
28
+ src:
29
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/source-sans-pro-v11-latin-600.woff2')
30
+ format('woff2'),
31
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/source-sans-pro-v11-latin-600.woff')
32
+ format('woff');
33
+ font-display: swap;
34
+ }
35
+ @font-face {
36
+ font-family: 'Noto Serif';
37
+ font-style: normal;
38
+ font-weight: 700;
39
+ src:
40
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/noto-serif-v6-latin-700.woff2')
41
+ format('woff2'),
42
+ url('https://raw.githubusercontent.com/dracula/gh-pages/master/assets/fonts/noto-serif-v6-latin-700.woff')
43
+ format('woff');
44
+ font-display: swap;
45
+ }
46
+ html[data-flavor='dracula'] .highlight {
47
+ background: var(--dracula-background);
48
+ color: var(--dracula-foreground);
49
+ }
50
+ html[data-flavor='dracula'] .highlight pre,
51
+ html[data-flavor='dracula'] pre.highlight {
52
+ background: transparent;
53
+ color: var(--dracula-foreground);
54
+ }
55
+ html[data-flavor='dracula'] .highlight code {
56
+ background: transparent;
57
+ color: var(--dracula-foreground);
58
+ }
59
+ html[data-flavor='dracula'] .highlight .c,
60
+ html[data-flavor='dracula'] .highlight .cd,
61
+ html[data-flavor='dracula'] .highlight .cm,
62
+ html[data-flavor='dracula'] .highlight .c1,
63
+ html[data-flavor='dracula'] .highlight .cs {
64
+ color: var(--dracula-current-line);
65
+ }
66
+ html[data-flavor='dracula'] .highlight .cp {
67
+ color: var(--dracula-green);
68
+ }
69
+ html[data-flavor='dracula'] .highlight .nt {
70
+ color: var(--dracula-green);
71
+ }
72
+ html[data-flavor='dracula'] .highlight .o,
73
+ html[data-flavor='dracula'] .highlight .ow {
74
+ color: var(--dracula-foreground);
75
+ }
76
+ html[data-flavor='dracula'] .highlight .p,
77
+ html[data-flavor='dracula'] .highlight .pi {
78
+ color: var(--dracula-foreground);
79
+ }
80
+ html[data-flavor='dracula'] .highlight .gi {
81
+ color: var(--dracula-yellow);
82
+ }
83
+ html[data-flavor='dracula'] .highlight .gd {
84
+ color: var(--dracula-pink);
85
+ }
86
+ html[data-flavor='dracula'] .highlight .gh {
87
+ color: var(--dracula-cyan);
88
+ font-weight: bold;
89
+ }
90
+ html[data-flavor='dracula'] .highlight .k,
91
+ html[data-flavor='dracula'] .highlight .kn,
92
+ html[data-flavor='dracula'] .highlight .kp,
93
+ html[data-flavor='dracula'] .highlight .kr,
94
+ html[data-flavor='dracula'] .highlight .kv {
95
+ color: var(--dracula-purple);
96
+ }
97
+ html[data-flavor='dracula'] .highlight .kc,
98
+ html[data-flavor='dracula'] .highlight .kt,
99
+ html[data-flavor='dracula'] .highlight .kd {
100
+ color: var(--dracula-orange);
101
+ }
102
+ html[data-flavor='dracula'] .highlight .s,
103
+ html[data-flavor='dracula'] .highlight .sb,
104
+ html[data-flavor='dracula'] .highlight .sc,
105
+ html[data-flavor='dracula'] .highlight .sd,
106
+ html[data-flavor='dracula'] .highlight .s2,
107
+ html[data-flavor='dracula'] .highlight .sh,
108
+ html[data-flavor='dracula'] .highlight .sx,
109
+ html[data-flavor='dracula'] .highlight .s1 {
110
+ color: var(--dracula-yellow);
111
+ }
112
+ html[data-flavor='dracula'] .highlight .sr {
113
+ color: var(--dracula-cyan);
114
+ }
115
+ html[data-flavor='dracula'] .highlight .si,
116
+ html[data-flavor='dracula'] .highlight .se {
117
+ color: var(--dracula-red);
118
+ }
119
+ html[data-flavor='dracula'] .highlight .nn,
120
+ html[data-flavor='dracula'] .highlight .nc,
121
+ html[data-flavor='dracula'] .highlight .no,
122
+ html[data-flavor='dracula'] .highlight .nf {
123
+ color: var(--dracula-green);
124
+ }
125
+ html[data-flavor='dracula'] .highlight .na {
126
+ color: var(--dracula-cyan);
127
+ }
128
+ html[data-flavor='dracula'] .highlight .m,
129
+ html[data-flavor='dracula'] .highlight .mf,
130
+ html[data-flavor='dracula'] .highlight .mh,
131
+ html[data-flavor='dracula'] .highlight .mi,
132
+ html[data-flavor='dracula'] .highlight .il,
133
+ html[data-flavor='dracula'] .highlight .mo,
134
+ html[data-flavor='dracula'] .highlight .mb,
135
+ html[data-flavor='dracula'] .highlight .mx {
136
+ color: var(--dracula-yellow);
137
+ }
138
+ html[data-flavor='dracula'] .highlight .ss {
139
+ color: var(--dracula-yellow);
140
+ }
141
+ html[data-flavor='dracula'] .highlight .err {
142
+ color: var(--dracula-background);
143
+ background-color: var(--dracula-pink);
144
+ }
145
+ html[data-flavor='dracula'] {
146
+ --bulma-body-background-color: #282a36;
147
+ --bulma-body-color: #f8f8f2;
148
+ --bulma-primary-h: 265;
149
+ --bulma-primary-s: 89%;
150
+ --bulma-primary-l: 78%;
151
+ --bulma-link: #8be9fd;
152
+ --bulma-info: #8be9fd;
153
+ --bulma-success: #50fa7b;
154
+ --bulma-warning: #f1fa8c;
155
+ --bulma-danger: #ff5555;
156
+ --bulma-border: #44475a;
157
+ --theme-font-sans:
158
+ 'Source Sans Pro', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
159
+ sans-serif;
160
+ --theme-font-mono:
161
+ 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
162
+ 'Courier New', monospace;
163
+ --theme-font-serif: 'Noto Serif', Georgia, Cambria, 'Times New Roman', Times, serif;
164
+ --theme-text: #f8f8f2;
165
+ --theme-text-muted: #6272a4;
166
+ --theme-h1: #50fa7b;
167
+ --theme-h2: #8be9fd;
168
+ --theme-h3: #8be9fd;
169
+ --theme-h4: #f1fa8c;
170
+ --theme-h5: #f1fa8c;
171
+ --theme-h6: #f1fa8c;
172
+ --theme-link: #8be9fd;
173
+ --theme-link-hover: #aeebff;
174
+ --theme-blockquote-border: #50fa7b;
175
+ --theme-blockquote-fg: #f8f8f2;
176
+ --theme-blockquote-bg: #44475a;
177
+ --theme-code-fg: #f8f8f2;
178
+ --theme-code-bg: #44475a;
179
+ --theme-pre-fg: #f8f8f2;
180
+ --theme-pre-bg: #282a36;
181
+ --theme-pre-border: #ff79c6;
182
+ --theme-table-border: #44475a;
183
+ --theme-table-stripe: #3a3c4e;
184
+ --theme-table-thead-bg: #6272a4;
185
+ --theme-selection-fg: #f8f8f2;
186
+ --theme-selection-bg: #44475a;
187
+ --theme-label-color: #8be9fd;
188
+ --theme-hr-color: #50fa7b;
189
+ --syntax-fg: #f8f8f2;
190
+ --syntax-bg: #282a36;
191
+ --syntax-keyword: #f1fa8c;
192
+ --syntax-string: #50fa7b;
193
+ --syntax-number: #f1fa8c;
194
+ --syntax-comment: #6272a4;
195
+ --syntax-title: #8be9fd;
196
+ --syntax-attr: #8be9fd;
197
+ --theme-surface-0: #282a36;
198
+ --theme-surface-1: #44475a;
199
+ --theme-surface-2: #44475a;
200
+ --dracula-background: #282a36;
201
+ --dracula-current-line: #44475a;
202
+ --dracula-foreground: #f8f8f2;
203
+ --dracula-comment: #6272a4;
204
+ --dracula-cyan: #8be9fd;
205
+ --dracula-green: #50fa7b;
206
+ --dracula-orange: #ffb86c;
207
+ --dracula-pink: #ff79c6;
208
+ --dracula-purple: #bd93f9;
209
+ --dracula-red: #ff5555;
210
+ --dracula-yellow: #f1fa8c;
211
+ color-scheme: dark;
212
+ }
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
+ }