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/catppuccin-frappe.css ADDED
@@ -0,0 +1,99 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html[data-flavor='catppuccin-frappe'] .highlight {
3
+ background: var(--syntax-bg);
4
+ color: var(--syntax-fg);
5
+ }
6
+ html[data-flavor='catppuccin-frappe'] .highlight pre,
7
+ html[data-flavor='catppuccin-frappe'] pre.highlight {
8
+ background: transparent;
9
+ color: var(--syntax-fg);
10
+ }
11
+ html[data-flavor='catppuccin-frappe'] .highlight code {
12
+ background: transparent;
13
+ color: var(--syntax-fg);
14
+ }
15
+ html[data-flavor='catppuccin-frappe'] .highlight .c,
16
+ html[data-flavor='catppuccin-frappe'] .highlight .cm,
17
+ html[data-flavor='catppuccin-frappe'] .highlight .c1 {
18
+ color: var(--syntax-comment);
19
+ }
20
+ html[data-flavor='catppuccin-frappe'] .highlight .k,
21
+ html[data-flavor='catppuccin-frappe'] .highlight .kc,
22
+ html[data-flavor='catppuccin-frappe'] .highlight .kd {
23
+ color: var(--syntax-keyword);
24
+ }
25
+ html[data-flavor='catppuccin-frappe'] .highlight .s,
26
+ html[data-flavor='catppuccin-frappe'] .highlight .s1,
27
+ html[data-flavor='catppuccin-frappe'] .highlight .sb,
28
+ html[data-flavor='catppuccin-frappe'] .highlight .sd,
29
+ html[data-flavor='catppuccin-frappe'] .highlight .s2 {
30
+ color: var(--syntax-string);
31
+ }
32
+ html[data-flavor='catppuccin-frappe'] .highlight .m,
33
+ html[data-flavor='catppuccin-frappe'] .highlight .mi,
34
+ html[data-flavor='catppuccin-frappe'] .highlight .mf,
35
+ html[data-flavor='catppuccin-frappe'] .highlight .mh {
36
+ color: var(--syntax-number);
37
+ }
38
+ html[data-flavor='catppuccin-frappe'] .highlight .nt,
39
+ html[data-flavor='catppuccin-frappe'] .highlight .na {
40
+ color: var(--syntax-attr);
41
+ }
42
+ html[data-flavor='catppuccin-frappe'] .highlight .nn,
43
+ html[data-flavor='catppuccin-frappe'] .highlight .nc,
44
+ html[data-flavor='catppuccin-frappe'] .highlight .no,
45
+ html[data-flavor='catppuccin-frappe'] .highlight .nf {
46
+ color: var(--syntax-title);
47
+ }
48
+ html[data-flavor='catppuccin-frappe'] {
49
+ --bulma-body-background-color: #303446;
50
+ --bulma-body-color: #c6d0f5;
51
+ --bulma-primary-h: 222;
52
+ --bulma-primary-s: 74%;
53
+ --bulma-primary-l: 74%;
54
+ --bulma-link: #8caaee;
55
+ --bulma-info: #99d1db;
56
+ --bulma-success: #a6d189;
57
+ --bulma-warning: #e5c890;
58
+ --bulma-danger: #e78284;
59
+ --bulma-border: #737994;
60
+ --theme-font-sans:
61
+ Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
62
+ 'Apple Color Emoji', 'Segoe UI Emoji';
63
+ --theme-font-mono:
64
+ JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
65
+ 'Courier New', monospace;
66
+ --theme-text: #c6d0f5;
67
+ --theme-text-muted: #a5adce;
68
+ --theme-h1: #a6d189;
69
+ --theme-h2: #8caaee;
70
+ --theme-h3: #85c1dc;
71
+ --theme-h4: #e5c890;
72
+ --theme-h5: #ca9ee6;
73
+ --theme-h6: #e78284;
74
+ --theme-link: #8caaee;
75
+ --theme-blockquote-border: #838ba7;
76
+ --theme-blockquote-fg: #c6d0f5;
77
+ --theme-blockquote-bg: #292c3c;
78
+ --theme-code-fg: #c6d0f5;
79
+ --theme-code-bg: #414559;
80
+ --theme-pre-fg: #c6d0f5;
81
+ --theme-pre-bg: #414559;
82
+ --theme-table-border: #838ba7;
83
+ --theme-table-stripe: #414559;
84
+ --theme-table-thead-bg: #51576d;
85
+ --theme-selection-fg: #c6d0f5;
86
+ --theme-selection-bg: #838ba7;
87
+ --syntax-fg: #c6d0f5;
88
+ --syntax-bg: #414559;
89
+ --syntax-keyword: #e5c890;
90
+ --syntax-string: #a6d189;
91
+ --syntax-number: #e5c890;
92
+ --syntax-comment: #a5adce;
93
+ --syntax-title: #99d1db;
94
+ --syntax-attr: #8caaee;
95
+ --theme-surface-0: #303446;
96
+ --theme-surface-1: #292c3c;
97
+ --theme-surface-2: #232634;
98
+ color-scheme: dark;
99
+ }
data/assets/css/themes/catppuccin-latte.css ADDED
@@ -0,0 +1,99 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html[data-flavor='catppuccin-latte'] .highlight {
3
+ background: var(--syntax-bg);
4
+ color: var(--syntax-fg);
5
+ }
6
+ html[data-flavor='catppuccin-latte'] .highlight pre,
7
+ html[data-flavor='catppuccin-latte'] pre.highlight {
8
+ background: transparent;
9
+ color: var(--syntax-fg);
10
+ }
11
+ html[data-flavor='catppuccin-latte'] .highlight code {
12
+ background: transparent;
13
+ color: var(--syntax-fg);
14
+ }
15
+ html[data-flavor='catppuccin-latte'] .highlight .c,
16
+ html[data-flavor='catppuccin-latte'] .highlight .cm,
17
+ html[data-flavor='catppuccin-latte'] .highlight .c1 {
18
+ color: var(--syntax-comment);
19
+ }
20
+ html[data-flavor='catppuccin-latte'] .highlight .k,
21
+ html[data-flavor='catppuccin-latte'] .highlight .kc,
22
+ html[data-flavor='catppuccin-latte'] .highlight .kd {
23
+ color: var(--syntax-keyword);
24
+ }
25
+ html[data-flavor='catppuccin-latte'] .highlight .s,
26
+ html[data-flavor='catppuccin-latte'] .highlight .s1,
27
+ html[data-flavor='catppuccin-latte'] .highlight .sb,
28
+ html[data-flavor='catppuccin-latte'] .highlight .sd,
29
+ html[data-flavor='catppuccin-latte'] .highlight .s2 {
30
+ color: var(--syntax-string);
31
+ }
32
+ html[data-flavor='catppuccin-latte'] .highlight .m,
33
+ html[data-flavor='catppuccin-latte'] .highlight .mi,
34
+ html[data-flavor='catppuccin-latte'] .highlight .mf,
35
+ html[data-flavor='catppuccin-latte'] .highlight .mh {
36
+ color: var(--syntax-number);
37
+ }
38
+ html[data-flavor='catppuccin-latte'] .highlight .nt,
39
+ html[data-flavor='catppuccin-latte'] .highlight .na {
40
+ color: var(--syntax-attr);
41
+ }
42
+ html[data-flavor='catppuccin-latte'] .highlight .nn,
43
+ html[data-flavor='catppuccin-latte'] .highlight .nc,
44
+ html[data-flavor='catppuccin-latte'] .highlight .no,
45
+ html[data-flavor='catppuccin-latte'] .highlight .nf {
46
+ color: var(--syntax-title);
47
+ }
48
+ html[data-flavor='catppuccin-latte'] {
49
+ --bulma-body-background-color: #eff1f5;
50
+ --bulma-body-color: #4c4f69;
51
+ --bulma-primary-h: 220;
52
+ --bulma-primary-s: 91%;
53
+ --bulma-primary-l: 54%;
54
+ --bulma-link: #1e66f5;
55
+ --bulma-info: #04a5e5;
56
+ --bulma-success: #40a02b;
57
+ --bulma-warning: #df8e1d;
58
+ --bulma-danger: #d20f39;
59
+ --bulma-border: #9ca0b0;
60
+ --theme-font-sans:
61
+ Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
62
+ 'Apple Color Emoji', 'Segoe UI Emoji';
63
+ --theme-font-mono:
64
+ JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
65
+ 'Courier New', monospace;
66
+ --theme-text: #4c4f69;
67
+ --theme-text-muted: #6c6f85;
68
+ --theme-h1: #40a02b;
69
+ --theme-h2: #1e66f5;
70
+ --theme-h3: #209fb5;
71
+ --theme-h4: #df8e1d;
72
+ --theme-h5: #8839ef;
73
+ --theme-h6: #d20f39;
74
+ --theme-link: #1e66f5;
75
+ --theme-blockquote-border: #8c8fa1;
76
+ --theme-blockquote-fg: #4c4f69;
77
+ --theme-blockquote-bg: #e6e9ef;
78
+ --theme-code-fg: #4c4f69;
79
+ --theme-code-bg: #ccd0da;
80
+ --theme-pre-fg: #4c4f69;
81
+ --theme-pre-bg: #ccd0da;
82
+ --theme-table-border: #8c8fa1;
83
+ --theme-table-stripe: #ccd0da;
84
+ --theme-table-thead-bg: #bcc0cc;
85
+ --theme-selection-fg: #4c4f69;
86
+ --theme-selection-bg: #8c8fa1;
87
+ --syntax-fg: #4c4f69;
88
+ --syntax-bg: #ccd0da;
89
+ --syntax-keyword: #df8e1d;
90
+ --syntax-string: #40a02b;
91
+ --syntax-number: #df8e1d;
92
+ --syntax-comment: #6c6f85;
93
+ --syntax-title: #04a5e5;
94
+ --syntax-attr: #1e66f5;
95
+ --theme-surface-0: #eff1f5;
96
+ --theme-surface-1: #e6e9ef;
97
+ --theme-surface-2: #dce0e8;
98
+ color-scheme: light;
99
+ }
data/assets/css/themes/catppuccin-macchiato.css ADDED
@@ -0,0 +1,99 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html[data-flavor='catppuccin-macchiato'] .highlight {
3
+ background: var(--syntax-bg);
4
+ color: var(--syntax-fg);
5
+ }
6
+ html[data-flavor='catppuccin-macchiato'] .highlight pre,
7
+ html[data-flavor='catppuccin-macchiato'] pre.highlight {
8
+ background: transparent;
9
+ color: var(--syntax-fg);
10
+ }
11
+ html[data-flavor='catppuccin-macchiato'] .highlight code {
12
+ background: transparent;
13
+ color: var(--syntax-fg);
14
+ }
15
+ html[data-flavor='catppuccin-macchiato'] .highlight .c,
16
+ html[data-flavor='catppuccin-macchiato'] .highlight .cm,
17
+ html[data-flavor='catppuccin-macchiato'] .highlight .c1 {
18
+ color: var(--syntax-comment);
19
+ }
20
+ html[data-flavor='catppuccin-macchiato'] .highlight .k,
21
+ html[data-flavor='catppuccin-macchiato'] .highlight .kc,
22
+ html[data-flavor='catppuccin-macchiato'] .highlight .kd {
23
+ color: var(--syntax-keyword);
24
+ }
25
+ html[data-flavor='catppuccin-macchiato'] .highlight .s,
26
+ html[data-flavor='catppuccin-macchiato'] .highlight .s1,
27
+ html[data-flavor='catppuccin-macchiato'] .highlight .sb,
28
+ html[data-flavor='catppuccin-macchiato'] .highlight .sd,
29
+ html[data-flavor='catppuccin-macchiato'] .highlight .s2 {
30
+ color: var(--syntax-string);
31
+ }
32
+ html[data-flavor='catppuccin-macchiato'] .highlight .m,
33
+ html[data-flavor='catppuccin-macchiato'] .highlight .mi,
34
+ html[data-flavor='catppuccin-macchiato'] .highlight .mf,
35
+ html[data-flavor='catppuccin-macchiato'] .highlight .mh {
36
+ color: var(--syntax-number);
37
+ }
38
+ html[data-flavor='catppuccin-macchiato'] .highlight .nt,
39
+ html[data-flavor='catppuccin-macchiato'] .highlight .na {
40
+ color: var(--syntax-attr);
41
+ }
42
+ html[data-flavor='catppuccin-macchiato'] .highlight .nn,
43
+ html[data-flavor='catppuccin-macchiato'] .highlight .nc,
44
+ html[data-flavor='catppuccin-macchiato'] .highlight .no,
45
+ html[data-flavor='catppuccin-macchiato'] .highlight .nf {
46
+ color: var(--syntax-title);
47
+ }
48
+ html[data-flavor='catppuccin-macchiato'] {
49
+ --bulma-body-background-color: #24273a;
50
+ --bulma-body-color: #cad3f5;
51
+ --bulma-primary-h: 220;
52
+ --bulma-primary-s: 83%;
53
+ --bulma-primary-l: 75%;
54
+ --bulma-link: #8aadf4;
55
+ --bulma-info: #91d7e3;
56
+ --bulma-success: #a6da95;
57
+ --bulma-warning: #eed49f;
58
+ --bulma-danger: #ed8796;
59
+ --bulma-border: #6e738d;
60
+ --theme-font-sans:
61
+ Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
62
+ 'Apple Color Emoji', 'Segoe UI Emoji';
63
+ --theme-font-mono:
64
+ JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
65
+ 'Courier New', monospace;
66
+ --theme-text: #cad3f5;
67
+ --theme-text-muted: #a5adcb;
68
+ --theme-h1: #a6da95;
69
+ --theme-h2: #8aadf4;
70
+ --theme-h3: #7dc4e4;
71
+ --theme-h4: #eed49f;
72
+ --theme-h5: #c6a0f6;
73
+ --theme-h6: #ed8796;
74
+ --theme-link: #8aadf4;
75
+ --theme-blockquote-border: #8087a2;
76
+ --theme-blockquote-fg: #cad3f5;
77
+ --theme-blockquote-bg: #1e2030;
78
+ --theme-code-fg: #cad3f5;
79
+ --theme-code-bg: #363a4f;
80
+ --theme-pre-fg: #cad3f5;
81
+ --theme-pre-bg: #363a4f;
82
+ --theme-table-border: #8087a2;
83
+ --theme-table-stripe: #363a4f;
84
+ --theme-table-thead-bg: #494d64;
85
+ --theme-selection-fg: #cad3f5;
86
+ --theme-selection-bg: #8087a2;
87
+ --syntax-fg: #cad3f5;
88
+ --syntax-bg: #363a4f;
89
+ --syntax-keyword: #eed49f;
90
+ --syntax-string: #a6da95;
91
+ --syntax-number: #eed49f;
92
+ --syntax-comment: #a5adcb;
93
+ --syntax-title: #91d7e3;
94
+ --syntax-attr: #8aadf4;
95
+ --theme-surface-0: #24273a;
96
+ --theme-surface-1: #1e2030;
97
+ --theme-surface-2: #181926;
98
+ color-scheme: dark;
99
+ }
data/assets/css/themes/catppuccin-mocha.css ADDED
@@ -0,0 +1,99 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html[data-flavor='catppuccin-mocha'] .highlight {
3
+ background: var(--syntax-bg);
4
+ color: var(--syntax-fg);
5
+ }
6
+ html[data-flavor='catppuccin-mocha'] .highlight pre,
7
+ html[data-flavor='catppuccin-mocha'] pre.highlight {
8
+ background: transparent;
9
+ color: var(--syntax-fg);
10
+ }
11
+ html[data-flavor='catppuccin-mocha'] .highlight code {
12
+ background: transparent;
13
+ color: var(--syntax-fg);
14
+ }
15
+ html[data-flavor='catppuccin-mocha'] .highlight .c,
16
+ html[data-flavor='catppuccin-mocha'] .highlight .cm,
17
+ html[data-flavor='catppuccin-mocha'] .highlight .c1 {
18
+ color: var(--syntax-comment);
19
+ }
20
+ html[data-flavor='catppuccin-mocha'] .highlight .k,
21
+ html[data-flavor='catppuccin-mocha'] .highlight .kc,
22
+ html[data-flavor='catppuccin-mocha'] .highlight .kd {
23
+ color: var(--syntax-keyword);
24
+ }
25
+ html[data-flavor='catppuccin-mocha'] .highlight .s,
26
+ html[data-flavor='catppuccin-mocha'] .highlight .s1,
27
+ html[data-flavor='catppuccin-mocha'] .highlight .sb,
28
+ html[data-flavor='catppuccin-mocha'] .highlight .sd,
29
+ html[data-flavor='catppuccin-mocha'] .highlight .s2 {
30
+ color: var(--syntax-string);
31
+ }
32
+ html[data-flavor='catppuccin-mocha'] .highlight .m,
33
+ html[data-flavor='catppuccin-mocha'] .highlight .mi,
34
+ html[data-flavor='catppuccin-mocha'] .highlight .mf,
35
+ html[data-flavor='catppuccin-mocha'] .highlight .mh {
36
+ color: var(--syntax-number);
37
+ }
38
+ html[data-flavor='catppuccin-mocha'] .highlight .nt,
39
+ html[data-flavor='catppuccin-mocha'] .highlight .na {
40
+ color: var(--syntax-attr);
41
+ }
42
+ html[data-flavor='catppuccin-mocha'] .highlight .nn,
43
+ html[data-flavor='catppuccin-mocha'] .highlight .nc,
44
+ html[data-flavor='catppuccin-mocha'] .highlight .no,
45
+ html[data-flavor='catppuccin-mocha'] .highlight .nf {
46
+ color: var(--syntax-title);
47
+ }
48
+ html[data-flavor='catppuccin-mocha'] {
49
+ --bulma-body-background-color: #1e1e2e;
50
+ --bulma-body-color: #cdd6f4;
51
+ --bulma-primary-h: 217;
52
+ --bulma-primary-s: 92%;
53
+ --bulma-primary-l: 76%;
54
+ --bulma-link: #89b4fa;
55
+ --bulma-info: #89dceb;
56
+ --bulma-success: #a6e3a1;
57
+ --bulma-warning: #f9e2af;
58
+ --bulma-danger: #f38ba8;
59
+ --bulma-border: #6c7086;
60
+ --theme-font-sans:
61
+ Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
62
+ 'Apple Color Emoji', 'Segoe UI Emoji';
63
+ --theme-font-mono:
64
+ JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
65
+ 'Courier New', monospace;
66
+ --theme-text: #cdd6f4;
67
+ --theme-text-muted: #a6adc8;
68
+ --theme-h1: #a6e3a1;
69
+ --theme-h2: #89b4fa;
70
+ --theme-h3: #74c7ec;
71
+ --theme-h4: #f9e2af;
72
+ --theme-h5: #cba6f7;
73
+ --theme-h6: #f38ba8;
74
+ --theme-link: #89b4fa;
75
+ --theme-blockquote-border: #7f849c;
76
+ --theme-blockquote-fg: #cdd6f4;
77
+ --theme-blockquote-bg: #181825;
78
+ --theme-code-fg: #cdd6f4;
79
+ --theme-code-bg: #313244;
80
+ --theme-pre-fg: #cdd6f4;
81
+ --theme-pre-bg: #313244;
82
+ --theme-table-border: #7f849c;
83
+ --theme-table-stripe: #313244;
84
+ --theme-table-thead-bg: #45475a;
85
+ --theme-selection-fg: #cdd6f4;
86
+ --theme-selection-bg: #7f849c;
87
+ --syntax-fg: #cdd6f4;
88
+ --syntax-bg: #313244;
89
+ --syntax-keyword: #f9e2af;
90
+ --syntax-string: #a6e3a1;
91
+ --syntax-number: #f9e2af;
92
+ --syntax-comment: #a6adc8;
93
+ --syntax-title: #89dceb;
94
+ --syntax-attr: #89b4fa;
95
+ --theme-surface-0: #1e1e2e;
96
+ --theme-surface-1: #181825;
97
+ --theme-surface-2: #11111b;
98
+ color-scheme: dark;
99
+ }
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
+ }