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/bulma-light.css ADDED
@@ -0,0 +1,96 @@
1
+ /* SPDX-License-Identifier: MIT */
2
+ html[data-flavor='bulma-light'] .highlight {
3
+ background: var(--syntax-bg);
4
+ color: var(--syntax-fg);
5
+ }
6
+ html[data-flavor='bulma-light'] .highlight pre,
7
+ html[data-flavor='bulma-light'] pre.highlight {
8
+ background: transparent;
9
+ color: var(--syntax-fg);
10
+ }
11
+ html[data-flavor='bulma-light'] .highlight code {
12
+ background: transparent;
13
+ color: var(--syntax-fg);
14
+ }
15
+ html[data-flavor='bulma-light'] .highlight .c,
16
+ html[data-flavor='bulma-light'] .highlight .cm,
17
+ html[data-flavor='bulma-light'] .highlight .c1 {
18
+ color: var(--syntax-comment);
19
+ }
20
+ html[data-flavor='bulma-light'] .highlight .k,
21
+ html[data-flavor='bulma-light'] .highlight .kc,
22
+ html[data-flavor='bulma-light'] .highlight .kd {
23
+ color: var(--syntax-keyword);
24
+ }
25
+ html[data-flavor='bulma-light'] .highlight .s,
26
+ html[data-flavor='bulma-light'] .highlight .s1,
27
+ html[data-flavor='bulma-light'] .highlight .sb,
28
+ html[data-flavor='bulma-light'] .highlight .sd,
29
+ html[data-flavor='bulma-light'] .highlight .s2 {
30
+ color: var(--syntax-string);
31
+ }
32
+ html[data-flavor='bulma-light'] .highlight .m,
33
+ html[data-flavor='bulma-light'] .highlight .mi,
34
+ html[data-flavor='bulma-light'] .highlight .mf,
35
+ html[data-flavor='bulma-light'] .highlight .mh {
36
+ color: var(--syntax-number);
37
+ }
38
+ html[data-flavor='bulma-light'] .highlight .nt,
39
+ html[data-flavor='bulma-light'] .highlight .na {
40
+ color: var(--syntax-attr);
41
+ }
42
+ html[data-flavor='bulma-light'] .highlight .nn,
43
+ html[data-flavor='bulma-light'] .highlight .nc,
44
+ html[data-flavor='bulma-light'] .highlight .no,
45
+ html[data-flavor='bulma-light'] .highlight .nf {
46
+ color: var(--syntax-title);
47
+ }
48
+ html[data-flavor='bulma-light'] {
49
+ --bulma-body-background-color: #ffffff;
50
+ --bulma-body-color: #363636;
51
+ --bulma-primary-h: 171;
52
+ --bulma-primary-s: 100%;
53
+ --bulma-primary-l: 41%;
54
+ --bulma-link: #485fc7;
55
+ --bulma-info: #209cee;
56
+ --bulma-success: #48c774;
57
+ --bulma-warning: #ffdd57;
58
+ --bulma-danger: #f14668;
59
+ --bulma-border: #dbdbdb;
60
+ --theme-font-sans:
61
+ system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji',
62
+ 'Segoe UI Emoji';
63
+ --theme-font-mono:
64
+ ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
65
+ monospace;
66
+ --theme-text: #363636;
67
+ --theme-text-muted: #4a4a4a;
68
+ --theme-link: #485fc7;
69
+ --theme-code-fg: #f14668;
70
+ --theme-code-bg: #f6f8fa;
71
+ --theme-pre-fg: #24292e;
72
+ --theme-pre-bg: #f6f8fa;
73
+ --theme-pre-border: #e1e4e8;
74
+ --theme-table-border: #dbdbdb;
75
+ --theme-table-stripe: #f5f5f5;
76
+ --theme-table-thead-bg: #f5f5f5;
77
+ --theme-label-color: #363636;
78
+ --theme-h1: #48c774;
79
+ --theme-h2: #485fc7;
80
+ --theme-h3: #209cee;
81
+ --theme-h4: #ffdd57;
82
+ --theme-h5: #00d1b2;
83
+ --theme-h6: #f14668;
84
+ --syntax-fg: #24292e;
85
+ --syntax-bg: #f6f8fa;
86
+ --syntax-keyword: #ffdd57;
87
+ --syntax-string: #48c774;
88
+ --syntax-number: #ffdd57;
89
+ --syntax-comment: #4a4a4a;
90
+ --syntax-title: #209cee;
91
+ --syntax-attr: #485fc7;
92
+ --theme-surface-0: #ffffff;
93
+ --theme-surface-1: #ffffff;
94
+ --theme-surface-2: #ffffff;
95
+ color-scheme: light;
96
+ }
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
+ }