portosaurus 2.0.2 → 2.1.0

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 (91) hide show
  1. package/bin/portosaurus.mjs +14 -327
  2. package/package.json +16 -11
  3. package/src/cli/build.mjs +43 -0
  4. package/src/cli/dev.mjs +31 -0
  5. package/src/cli/init.mjs +135 -0
  6. package/src/cli/serve.mjs +30 -0
  7. package/src/core/buildDocuConfig.mjs +664 -0
  8. package/src/core/{themePlugin.mjs → plugins/themePlugin.mjs} +1 -1
  9. package/src/template/.github/workflows/deploy.yml +52 -0
  10. package/src/template/.nojekyll +0 -0
  11. package/src/template/README.md +58 -0
  12. package/src/template/blog/authors.yml +1 -1
  13. package/src/template/blog/welcome.md +1 -1
  14. package/src/template/config.js +40 -23
  15. package/src/template/package.json +20 -0
  16. package/src/template/static/img/svg/icon-blog.svg +2 -0
  17. package/src/template/static/img/svg/icon-note.svg +2 -0
  18. package/src/{components → theme/components}/AboutSection/index.js +22 -13
  19. package/src/{components → theme/components}/AboutSection/styles.module.css +59 -48
  20. package/src/{components → theme/components}/ContactSection/index.js +31 -24
  21. package/src/{components → theme/components}/ContactSection/styles.module.css +31 -26
  22. package/src/{components → theme/components}/ExperienceSection/index.js +12 -7
  23. package/src/{components → theme/components}/ExperienceSection/styles.module.css +23 -20
  24. package/src/{components → theme/components}/HeroSection/index.js +9 -11
  25. package/src/{components → theme/components}/HeroSection/styles.module.css +44 -32
  26. package/src/{components → theme/components}/NoteIndex/index.js +10 -3
  27. package/src/{components → theme/components}/Preview/components/PreviewHeader.js +14 -8
  28. package/src/{components → theme/components}/Preview/components/Triggers/Pv.js +32 -7
  29. package/src/{components → theme/components}/Preview/components/Triggers/SrcPv.js +1 -5
  30. package/src/theme/components/Preview/index.js +3 -0
  31. package/src/{components → theme/components}/ProjectsSection/index.js +279 -224
  32. package/src/{components → theme/components}/ProjectsSection/styles.module.css +21 -17
  33. package/src/{components → theme/components}/ScrollToTop/index.js +18 -21
  34. package/src/{components → theme/components}/ScrollToTop/styles.module.css +10 -9
  35. package/src/theme/components/SocialLinks/index.js +125 -0
  36. package/src/{components → theme/components}/SocialLinks/styles.module.css +9 -7
  37. package/src/{components → theme/components}/Tooltip/index.js +4 -1
  38. package/src/theme/config/iconMappings.js +465 -0
  39. package/src/theme/config/metaTags.js +239 -0
  40. package/src/theme/config/prism.js +179 -0
  41. package/src/theme/config/sidebar.js +17 -0
  42. package/src/{css → theme/css}/bootstrap.css +0 -1
  43. package/src/theme/css/catppuccin.css +618 -0
  44. package/src/{css → theme/css}/custom.css +3 -9
  45. package/src/{css → theme/css}/tasks.css +43 -37
  46. package/src/theme/{MDXComponents.js → overrides/MDXComponents.js} +3 -3
  47. package/src/theme/{Root.js → overrides/Root.js} +2 -4
  48. package/src/{pages → theme/pages}/index.js +23 -39
  49. package/src/theme/pages/notes.js +83 -0
  50. package/src/{pages → theme/pages}/tasks.js +115 -56
  51. package/src/{core/client-utils → theme/utils}/HashNavigation.js +60 -49
  52. package/src/{core/client-utils → theme/utils}/updateTitle.js +21 -25
  53. package/src/{core/build-utils → utils/build}/cssUtils.mjs +5 -3
  54. package/src/{core/build-utils → utils/build}/generateFavicon.mjs +44 -12
  55. package/src/{core/build-utils → utils/build}/generateRobotsTxt.mjs +4 -3
  56. package/src/{core/build-utils → utils/build}/iconExtractor.mjs +7 -3
  57. package/src/utils/build/imageDownloader.mjs +159 -0
  58. package/src/{core/build-utils → utils/build}/imageProcessor.mjs +5 -6
  59. package/src/utils/helpers.mjs +153 -0
  60. package/src/utils/logger.mjs +53 -0
  61. package/src/utils/packageManager.mjs +88 -0
  62. package/src/components/Preview/index.js +0 -3
  63. package/src/components/SocialLinks/index.js +0 -130
  64. package/src/config/iconMappings.js +0 -329
  65. package/src/config/metaTags.js +0 -240
  66. package/src/config/prism.js +0 -179
  67. package/src/config/sidebar.js +0 -20
  68. package/src/core/build-utils/imageDownloader.mjs +0 -98
  69. package/src/core/createDocuConf.mjs +0 -490
  70. package/src/core/defaults.mjs +0 -67
  71. package/src/core/logger.mjs +0 -17
  72. package/src/core/packageManager.mjs +0 -72
  73. package/src/css/catppuccin.css +0 -632
  74. package/src/pages/notes.js +0 -87
  75. /package/src/template/notes/{welcome.md → welcome.mdx} +0 -0
  76. /package/src/{components → theme/components}/NoteIndex/styles.module.css +0 -0
  77. /package/src/{components → theme/components}/Preview/components/FeedbackStates.js +0 -0
  78. /package/src/{components → theme/components}/Preview/components/FileTabs.js +0 -0
  79. /package/src/{components → theme/components}/Preview/components/Triggers/index.js +0 -0
  80. /package/src/{components → theme/components}/Preview/components/ViewerWindow.js +0 -0
  81. /package/src/{components → theme/components}/Preview/hooks/useDeepLinkHash.js +0 -0
  82. /package/src/{components → theme/components}/Preview/hooks/useDockLayout.js +0 -0
  83. /package/src/{components → theme/components}/Preview/hooks/useFileFetch.js +0 -0
  84. /package/src/{components → theme/components}/Preview/renderers/CodeRenderer.js +0 -0
  85. /package/src/{components → theme/components}/Preview/renderers/ImageRenderer.js +0 -0
  86. /package/src/{components → theme/components}/Preview/renderers/PdfRenderer.js +0 -0
  87. /package/src/{components → theme/components}/Preview/renderers/WebRenderer.js +0 -0
  88. /package/src/{components → theme/components}/Preview/state/index.js +0 -0
  89. /package/src/{components → theme/components}/Preview/styles.module.css +0 -0
  90. /package/src/{components → theme/components}/Preview/utils/index.js +0 -0
  91. /package/src/{components → theme/components}/Tooltip/styles.module.css +0 -0
package/src/css/catppuccin.css DELETED
@@ -1,632 +0,0 @@
1
- /**
2
- * Catppuccin color palette
3
- * https://catppuccin.com
4
- **/
5
-
6
- /* Import fonts */
7
- @import url('https://fonts.googleapis.com/css2?family=Alata&family=DM+Serif+Display&display=swap');
8
-
9
-
10
-
11
- :root {
12
-
13
- --ifm-heading-font-family: 'Alata', system-ui, -apple-system, sans-serif;
14
- --ifm-font-family-base: 'Alata', system-ui, -apple-system, sans-serif;
15
-
16
- --ifm-scroll-margin-top: 38px;
17
- --ifm-scroll-margin-top-mobile: 32px;
18
-
19
-
20
- /* Catppuccin Latte palate */
21
- --ctp-latte-rosewater: #dc8a78;
22
- --ctp-latte-rosewater-rgb: 220, 138, 120;
23
- --ctp-latte-flamingo: #dd7878;
24
- --ctp-latte-flamingo-rgb: 221, 120, 120;
25
- --ctp-latte-pink: #ea76cb;
26
- --ctp-latte-pink-rgb: 234, 118, 203;
27
- --ctp-latte-mauve: #8839ef;
28
- --ctp-latte-mauve-rgb: 136, 57, 239;
29
- --ctp-latte-red: #d20f39;
30
- --ctp-latte-red-rgb: 210, 15, 57;
31
- --ctp-latte-maroon: #e64553;
32
- --ctp-latte-maroon-rgb: 230, 69, 83;
33
- --ctp-latte-peach: #fe640b;
34
- --ctp-latte-peach-rgb: 254, 100, 11;
35
- --ctp-latte-yellow: #df8e1d;
36
- --ctp-latte-yellow-rgb: 223, 142, 29;
37
- --ctp-latte-green: #40a02b;
38
- --ctp-latte-green-rgb: 64, 160, 43;
39
- --ctp-latte-teal: #179299;
40
- --ctp-latte-teal-rgb: 23, 146, 153;
41
- --ctp-latte-sky: #04a5e5;
42
- --ctp-latte-sky-rgb: 4, 165, 229;
43
- --ctp-latte-sapphire: #209fb5;
44
- --ctp-latte-sapphire-rgb: 32, 159, 181;
45
- --ctp-latte-blue: #1e66f5;
46
- --ctp-latte-blue-rgb: 30, 102, 245;
47
- --ctp-latte-lavender: #7287fd;
48
- --ctp-latte-lavender-rgb: 114, 135, 253;
49
- --ctp-latte-text: #4c4f69;
50
- --ctp-latte-text-rgb: 76, 79, 105;
51
- --ctp-latte-subtext1: #5c5f77;
52
- --ctp-latte-subtext1-rgb: 92, 95, 119;
53
- --ctp-latte-subtext0: #6c6f85;
54
- --ctp-latte-subtext0-rgb: 108, 111, 133;
55
- --ctp-latte-overlay2: #7c7f93;
56
- --ctp-latte-overlay2-rgb: 124, 127, 147;
57
- --ctp-latte-overlay1: #8c8fa1;
58
- --ctp-latte-overlay1-rgb: 140, 143, 161;
59
- --ctp-latte-overlay0: #9ca0b0;
60
- --ctp-latte-overlay0-rgb: 156, 160, 176;
61
- --ctp-latte-surface2: #acb0be;
62
- --ctp-latte-surface2-rgb: 172, 176, 190;
63
- --ctp-latte-surface1: #bcc0cc;
64
- --ctp-latte-surface1-rgb: 188, 192, 204;
65
- --ctp-latte-surface0: #ccd0da;
66
- --ctp-latte-surface0-rgb: 204, 208, 218;
67
- --ctp-latte-base: #eff1f5;
68
- --ctp-latte-base-rgb: 239, 241, 245;
69
- --ctp-latte-mantle: #e6e9ef;
70
- --ctp-latte-mantle-rgb: 230, 233, 239;
71
- --ctp-latte-crust: #dce0e8;
72
- --ctp-latte-crust-rgb: 220, 224, 232;
73
-
74
-
75
- /* Catppuccin Mocha */
76
- --ctp-mocha-rosewater: #f5e0dc;
77
- --ctp-mocha-rosewater-rgb: 245, 224, 220;
78
- --ctp-mocha-flamingo: #f2cdcd;
79
- --ctp-mocha-flamingo-rgb: 242, 205, 205;
80
- --ctp-mocha-pink: #f5c2e7;
81
- --ctp-mocha-pink-rgb: 245, 194, 231;
82
- --ctp-mocha-mauve: #cba6f7;
83
- --ctp-mocha-mauve-rgb: 203, 166, 247;
84
- --ctp-mocha-red: #f38ba8;
85
- --ctp-mocha-red-rgb: 243, 139, 168;
86
- --ctp-mocha-maroon: #eba0ac;
87
- --ctp-mocha-maroon-rgb: 235, 160, 172;
88
- --ctp-mocha-peach: #fab387;
89
- --ctp-mocha-peach-rgb: 250, 179, 135;
90
- --ctp-mocha-yellow: #f9e2af;
91
- --ctp-mocha-yellow-rgb: 249, 226, 175;
92
- --ctp-mocha-green: #a6e3a1;
93
- --ctp-mocha-green-rgb: 166, 227, 161;
94
- --ctp-mocha-teal: #94e2d5;
95
- --ctp-mocha-teal-rgb: 148, 226, 213;
96
- --ctp-mocha-sky: #89dceb;
97
- --ctp-mocha-sky-rgb: 137, 220, 235;
98
- --ctp-mocha-sapphire: #74c7ec;
99
- --ctp-mocha-sapphire-rgb: 116, 199, 236;
100
- --ctp-mocha-blue: #89b4fa;
101
- --ctp-mocha-blue-rgb: 137, 180, 250;
102
- --ctp-mocha-lavender: #b4befe;
103
- --ctp-mocha-lavender-rgb: 180, 190, 254;
104
- --ctp-mocha-text: #cdd6f4;
105
- --ctp-mocha-text-rgb: 205, 214, 244;
106
- --ctp-mocha-subtext1: #bac2de;
107
- --ctp-mocha-subtext1-rgb: 186, 194, 222;
108
- --ctp-mocha-subtext0: #a6adc8;
109
- --ctp-mocha-subtext0-rgb: 166, 173, 200;
110
- --ctp-mocha-overlay2: #9399b2;
111
- --ctp-mocha-overlay2-rgb: 147, 153, 178;
112
- --ctp-mocha-overlay1: #7f849c;
113
- --ctp-mocha-overlay1-rgb: 127, 132, 156;
114
- --ctp-mocha-overlay0: #6c7086;
115
- --ctp-mocha-overlay0-rgb: 108, 112, 134;
116
- --ctp-mocha-surface2: #585b70;
117
- --ctp-mocha-surface2-rgb: 88, 91, 112;
118
- --ctp-mocha-surface1: #45475a;
119
- --ctp-mocha-surface1-rgb: 69, 71, 90;
120
- --ctp-mocha-surface0: #313244;
121
- --ctp-mocha-surface0-rgb: 49, 50, 68;
122
- --ctp-mocha-base: #1e1e2e;
123
- --ctp-mocha-base-rgb: 30, 30, 46;
124
- --ctp-mocha-mantle: #181825;
125
- --ctp-mocha-mantle-rgb: 24, 24, 37;
126
- --ctp-mocha-crust: #11111b;
127
- --ctp-mocha-crust-rgb: 17, 17, 27;
128
- }
129
-
130
-
131
-
132
- /* Light Mode - Catppuccin Latte */
133
- [data-theme='light'] {
134
-
135
- --ifm-color-scheme: light;
136
-
137
- --ctp-rosewater: var(--ctp-latte-rosewater);
138
- --ctp-rosewater-rgb: var(--ctp-latte-rosewater-rgb);
139
- --ctp-flamingo: var(--ctp-latte-flamingo);
140
- --ctp-flamingo-rgb: var(--ctp-latte-flamingo-rgb);
141
- --ctp-pink: var(--ctp-latte-pink);
142
- --ctp-pink-rgb: var(--ctp-latte-pink-rgb);
143
- --ctp-mauve: var(--ctp-latte-mauve);
144
- --ctp-mauve-rgb: var(--ctp-latte-mauve-rgb);
145
- --ctp-red: var(--ctp-latte-red);
146
- --ctp-red-rgb: var(--ctp-latte-red-rgb);
147
- --ctp-maroon: var(--ctp-latte-maroon);
148
- --ctp-maroon-rgb: var(--ctp-latte-maroon-rgb);
149
- --ctp-peach: var(--ctp-latte-peach);
150
- --ctp-peach-rgb: var(--ctp-latte-peach-rgb);
151
- --ctp-yellow: var(--ctp-latte-yellow);
152
- --ctp-yellow-rgb: var(--ctp-latte-yellow-rgb);
153
- --ctp-green: var(--ctp-latte-green);
154
- --ctp-green-rgb: var(--ctp-latte-green-rgb);
155
- --ctp-teal: var(--ctp-latte-teal);
156
- --ctp-teal-rgb: var(--ctp-latte-teal-rgb);
157
- --ctp-sky: var(--ctp-latte-sky);
158
- --ctp-sky-rgb: var(--ctp-latte-sky-rgb);
159
- --ctp-sapphire: var(--ctp-latte-sapphire);
160
- --ctp-sapphire-rgb: var(--ctp-latte-sapphire-rgb);
161
- --ctp-blue: var(--ctp-latte-blue);
162
- --ctp-blue-rgb: var(--ctp-latte-blue-rgb);
163
- --ctp-lavender: var(--ctp-latte-lavender);
164
- --ctp-lavender-rgb: var(--ctp-latte-lavender-rgb);
165
- --ctp-text: var(--ctp-latte-text);
166
- --ctp-text-rgb: var(--ctp-latte-text-rgb);
167
- --ctp-subtext1: var(--ctp-latte-subtext1);
168
- --ctp-subtext1-rgb: var(--ctp-latte-subtext1-rgb);
169
- --ctp-subtext0: var(--ctp-latte-subtext0);
170
- --ctp-subtext0-rgb: var(--ctp-latte-subtext0-rgb);
171
- --ctp-overlay2: var(--ctp-latte-overlay2);
172
- --ctp-overlay2-rgb: var(--ctp-latte-overlay2-rgb);
173
- --ctp-overlay1: var(--ctp-latte-overlay1);
174
- --ctp-overlay1-rgb: var(--ctp-latte-overlay1-rgb);
175
- --ctp-overlay0: var(--ctp-latte-overlay0);
176
- --ctp-overlay0-rgb: var(--ctp-latte-overlay0-rgb);
177
- --ctp-surface2: var(--ctp-latte-surface2);
178
- --ctp-surface2-rgb: var(--ctp-latte-surface2-rgb);
179
- --ctp-surface1: var(--ctp-latte-surface1);
180
- --ctp-surface1-rgb: var(--ctp-latte-surface1-rgb);
181
- --ctp-surface0: var(--ctp-latte-surface0);
182
- --ctp-surface0-rgb: var(--ctp-latte-surface0-rgb);
183
- --ctp-base: var(--ctp-latte-base);
184
- --ctp-base-rgb: var(--ctp-latte-base-rgb);
185
- --ctp-mantle: var(--ctp-latte-mantle);
186
- --ctp-mantle-rgb: var(--ctp-latte-mantle-rgb);
187
- --ctp-crust: var(--ctp-latte-crust);
188
- --ctp-crust-rgb: var(--ctp-latte-crust-rgb);
189
-
190
-
191
-
192
- /* === PRIMARY COLOR SYSTEM === */
193
-
194
- --ifm-color-primary: var(--ctp-latte-peach);
195
- --ifm-color-primary-rgb: var(--ctp-latte-peach-rgb);
196
-
197
- /* Light variations */
198
- --ifm-color-primary-lightest: var(--ctp-latte-teal);
199
- --ifm-color-primary-lightest-rgb: var(--ctp-latte-teal-rgb);
200
- --ifm-color-primary-lighter: var(--ctp-latte-green);
201
- --ifm-color-primary-lighter-rgb: var(--ctp-latte-green-rgb);
202
- --ifm-color-primary-light: var(--ctp-latte-yellow);
203
- --ifm-color-primary-light-rgb: var(--ctp-latte-yellow-rgb);
204
-
205
- /* Dark variations */
206
- --ifm-color-primary-dark: var(--ctp-latte-red);
207
- --ifm-color-primary-dark-rgb: var(--ctp-latte-red-rgb);
208
- --ifm-color-primary-darker: var(--ctp-latte-maroon);
209
- --ifm-color-primary-darker-rgb: var(--ctp-latte-maroon-rgb);
210
- --ifm-color-primary-darkest: var(--ctp-latte-flamingo);
211
- --ifm-color-primary-darkest-rgb: var(--ctp-latte-flamingo-rgb);
212
-
213
-
214
- /* === STANDARD COLOR VARIABLES === */
215
-
216
- --ifm-color-black: var(--ctp-latte-text);
217
- --ifm-color-black-rgb: var(--ctp-latte-text-rgb);
218
-
219
- --ifm-color-white: var(--ctp-latte-base);
220
- --ifm-color-white-rgb: var(--ctp-latte-base-rgb);
221
-
222
- --ifm-color-gray: var(--ctp-latte-overlay0);
223
- --ifm-color-gray-rgb: var(--ctp-latte-overlay0-rgb);
224
-
225
- --ifm-color-red: var(--ctp-latte-red);
226
- --ifm-color-red-rgb: var(--ctp-latte-red-rgb);
227
-
228
- --ifm-color-orange: var(--ctp-latte-peach);
229
- --ifm-color-orange-rgb: var(--ctp-latte-peach-rgb);
230
-
231
- --ifm-color-yellow: var(--ctp-latte-yellow);
232
- --ifm-color-yellow-rgb: var(--ctp-latte-yellow-rgb);
233
-
234
- --ifm-color-green: var(--ctp-latte-green);
235
- --ifm-color-green-rgb: var(--ctp-latte-green-rgb);
236
-
237
- --ifm-color-teal: var(--ctp-latte-teal);
238
- --ifm-color-teal-rgb: var(--ctp-latte-teal-rgb);
239
-
240
- --ifm-color-cyan: var(--ctp-latte-sky);
241
- --ifm-color-cyan-rgb: var(--ctp-latte-sky-rgb);
242
-
243
- --ifm-color-blue: var(--ctp-latte-blue);
244
- --ifm-color-blue-rgb: var(--ctp-latte-blue-rgb);
245
-
246
- --ifm-color-indigo: var(--ctp-latte-sapphire);
247
- --ifm-color-indigo-rgb: var(--ctp-latte-sapphire-rgb);
248
-
249
- --ifm-color-purple: var(--ctp-latte-mauve);
250
- --ifm-color-purple-rgb: var(--ctp-latte-mauve-rgb);
251
-
252
- --ifm-color-pink: var(--ctp-latte-pink);
253
- --ifm-color-pink-rgb: var(--ctp-latte-pink-rgb);
254
-
255
-
256
- /* === SEMANTIC COLOR SYSTEM === */
257
-
258
- /* Success color - Green */
259
- --ifm-color-success-lightest: var(--ctp-latte-sky);
260
- --ifm-color-success-lighter: var(--ctp-latte-teal);
261
- --ifm-color-success-light: var(--ctp-latte-sky);
262
- --ifm-color-success: var(--ctp-latte-green);
263
- --ifm-color-success-rgb: var(--ctp-latte-green-rgb);
264
- --ifm-color-success-dark: var(--ctp-latte-teal);
265
- --ifm-color-success-darker: var(--ctp-latte-sapphire);
266
- --ifm-color-success-darkest: var(--ctp-latte-blue);
267
-
268
- /* Info color - Blue */
269
- --ifm-color-info-lightest: var(--ctp-latte-lavender);
270
- --ifm-color-info-lighter: var(--ctp-latte-sapphire);
271
- --ifm-color-info-light: var(--ctp-latte-sky);
272
- --ifm-color-info: var(--ctp-latte-blue);
273
- --ifm-color-info-rgb: var(--ctp-latte-blue-rgb);
274
- --ifm-color-info-dark: var(--ctp-latte-sapphire);
275
- --ifm-color-info-darker: var(--ctp-latte-lavender);
276
- --ifm-color-info-darkest: var(--ctp-latte-mauve);
277
-
278
- /* Warning color - Yellow */
279
- --ifm-color-warning-lightest: var(--ctp-latte-peach);
280
- --ifm-color-warning-lighter: var(--ctp-latte-yellow);
281
- --ifm-color-warning-light: var(--ctp-latte-yellow);
282
- --ifm-color-warning: var(--ctp-latte-yellow);
283
- --ifm-color-warning-rgb: var(--ctp-latte-yellow-rgb);
284
- --ifm-color-warning-dark: var(--ctp-latte-peach);
285
- --ifm-color-warning-darker: var(--ctp-latte-red);
286
- --ifm-color-warning-darkest: var(--ctp-latte-maroon);
287
-
288
- /* Danger color - Red */
289
- --ifm-color-danger-lightest: var(--ctp-latte-flamingo);
290
- --ifm-color-danger-lighter: var(--ctp-latte-maroon);
291
- --ifm-color-danger-light: var(--ctp-latte-peach);
292
- --ifm-color-danger: var(--ctp-latte-red);
293
- --ifm-color-danger-rgb: var(--ctp-latte-red-rgb);
294
- --ifm-color-danger-dark: var(--ctp-latte-maroon);
295
- --ifm-color-danger-darker: var(--ctp-latte-flamingo);
296
- --ifm-color-danger-darkest: var(--ctp-latte-pink);
297
-
298
-
299
- /* === GRAYSCALE AND UI COLORS === */
300
-
301
- /* Background colors */
302
- --ifm-background-color: var(--ctp-latte-base) !important;
303
- --ifm-background-color-rgb: var(--ctp-latte-base-rgb) !important;
304
- --ifm-background-surface-color: var(--ctp-latte-surface0) !important;
305
- --ifm-hero-background-color: var(--ctp-latte-mantle) !important;
306
- --ifm-footer-background-color: var(--ctp-latte-mantle) !important;
307
-
308
- /* Component-specific background colors */
309
- --ifm-navbar-background-color: var(--ctp-latte-base) !important;
310
- --ifm-navbar-search-input-color: var(--ifm-font-color-base);
311
- --ifm-navbar-search-input-background-color: var(--ctp-latte-surface0);
312
- --ifm-table-stripe-background: var(--ctp-latte-mantle) !important;
313
- --ifm-pre-background: var(--ctp-latte-surface0);
314
- --ifm-alert-background-color: var(--ctp-latte-surface0);
315
- --ifm-card-background-color: var(--ctp-latte-surface0);
316
-
317
- /* Gray color scale */
318
- --ifm-color-gray-0: var(--ctp-latte-base);
319
- --ifm-color-gray-100: var(--ctp-latte-mantle);
320
- --ifm-color-gray-200: var(--ctp-latte-crust);
321
- --ifm-color-gray-300: var(--ctp-latte-surface0);
322
- --ifm-color-gray-400: var(--ctp-latte-surface1);
323
- --ifm-color-gray-500: var(--ctp-latte-surface2);
324
- --ifm-color-gray-600: var(--ctp-latte-overlay0);
325
- --ifm-color-gray-700: var(--ctp-latte-overlay1);
326
- --ifm-color-gray-800: var(--ctp-latte-overlay2);
327
- --ifm-color-gray-900: var(--ctp-latte-subtext0);
328
- --ifm-color-gray-1000: var(--ctp-latte-text);
329
-
330
- /* emphasis colors */
331
- --ifm-color-emphasis-0: var(--ctp-latte-text) !important;
332
- --ifm-color-emphasis-100: var(--ctp-latte-subtext0) !important;
333
- --ifm-color-emphasis-200: var(--ctp-latte-overlay2) !important;
334
- --ifm-color-emphasis-300: var(--ctp-latte-overlay1) !important;
335
- --ifm-color-emphasis-400: var(--ctp-latte-overlay0) !important;
336
- --ifm-color-emphasis-500: var(--ctp-latte-surface2) !important;
337
- --ifm-color-emphasis-600: var(--ctp-latte-surface1) !important;
338
- --ifm-color-emphasis-700: var(--ctp-latte-surface0) !important;
339
- --ifm-color-emphasis-800: var(--ctp-latte-base) !important;
340
- --ifm-color-emphasis-900: var(--ctp-latte-mantle) !important;
341
- --ifm-color-emphasis-1000: var(--ctp-latte-crust) !important;
342
-
343
- /* Text colors */
344
- --ifm-font-color-base: var(--ctp-latte-text);
345
- --ifm-font-color-base-rgb: var(--ctp-latte-text-rgb);
346
- --ifm-font-color-secondary: var(--ctp-latte-subtext0);
347
- --ifm-font-color-tertiary: var(--ctp-latte-subtext1);
348
- --ifm-font-color-quaternary: var(--ctp-latte-overlay2);
349
-
350
- /* Content colors */
351
- --ifm-color-content: var(--ctp-latte-text) !important;
352
- --ifm-color-content-secondary: var(--ctp-latte-subtext0) !important;
353
-
354
- /* Link colors */
355
- --ifm-link-color: var(--ifm-color-primary);
356
- --ifm-link-hover-color: var(--ifm-color-primary-darker);
357
- --ifm-link-decoration: none;
358
- --ifm-link-hover-decoration: underline;
359
-
360
- /* Navigation/UI colors */
361
- --ifm-navbar-link-color: var(--ctp-latte-text);
362
- --ifm-navbar-link-hover-color: var(--ifm-color-primary);
363
- --ifm-menu-color: var(--ctp-latte-subtext0);
364
- --ifm-menu-color-active: var(--ctp-latte-peach);
365
- --ifm-menu-color-background-active: rgba(var(--ctp-latte-peach-rgb), 0.1);
366
- --ifm-menu-color-background-hover: rgba(var(--ctp-latte-surface0-rgb), 0.5);
367
- --ifm-toc-link-color: var(--ctp-latte-subtext0);
368
- --ifm-toc-link-color-active: var(--ctp-latte-peach);
369
- --ifm-toc-border-color: var(--ctp-latte-crust) !important;
370
-
371
- /* Code block */
372
- --ifm-code-color: var(--ctp-latte-red) !important;
373
- --ifm-code-background: var(--ctp-latte-surface0) !important;
374
-
375
- /* Other UI elements */
376
- --ifm-blockquote-color: var(--ctp-latte-subtext0);
377
- --ifm-blockquote-border-color: var(--ctp-latte-peach);
378
- --ifm-shadow-color: var(--ctp-latte-surface1);
379
- --ifm-shadow-color-rgb: var(--ctp-latte-surface1-rgb);
380
- --ifm-button-color: var(--ctp-latte-crust);
381
- --ifm-hover-overlay: rgba(var(--ctp-latte-surface2-rgb), 0.5) !important;
382
-
383
- /* Code highlighting */
384
- --docusaurus-highlighted-code-line-bg: rgba(var(--ctp-latte-surface2-rgb), 0.5) !important;
385
- }
386
-
387
-
388
- /* Dark mode - Catppuccin Mocha */
389
- [data-theme='dark'] {
390
-
391
- --ifm-color-scheme: dark;
392
-
393
- --ctp-rosewater: var(--ctp-mocha-rosewater);
394
- --ctp-rosewater-rgb: var(--ctp-mocha-rosewater-rgb);
395
- --ctp-flamingo: var(--ctp-mocha-flamingo);
396
- --ctp-flamingo-rgb: var(--ctp-mocha-flamingo-rgb);
397
- --ctp-pink: var(--ctp-mocha-pink);
398
- --ctp-pink-rgb: var(--ctp-mocha-pink-rgb);
399
- --ctp-mauve: var(--ctp-mocha-mauve);
400
- --ctp-mauve-rgb: var(--ctp-mocha-mauve-rgb);
401
- --ctp-red: var(--ctp-mocha-red);
402
- --ctp-red-rgb: var(--ctp-mocha-red-rgb);
403
- --ctp-maroon: var(--ctp-mocha-maroon);
404
- --ctp-maroon-rgb: var(--ctp-mocha-maroon-rgb);
405
- --ctp-peach: var(--ctp-mocha-peach);
406
- --ctp-peach-rgb: var(--ctp-mocha-peach-rgb);
407
- --ctp-yellow: var(--ctp-mocha-yellow);
408
- --ctp-yellow-rgb: var(--ctp-mocha-yellow-rgb);
409
- --ctp-green: var(--ctp-mocha-green);
410
- --ctp-green-rgb: var(--ctp-mocha-green-rgb);
411
- --ctp-teal: var(--ctp-mocha-teal);
412
- --ctp-teal-rgb: var(--ctp-mocha-teal-rgb);
413
- --ctp-sky: var(--ctp-mocha-sky);
414
- --ctp-sky-rgb: var(--ctp-mocha-sky-rgb);
415
- --ctp-sapphire: var(--ctp-mocha-sapphire);
416
- --ctp-sapphire-rgb: var(--ctp-mocha-sapphire-rgb);
417
- --ctp-blue: var(--ctp-mocha-blue);
418
- --ctp-blue-rgb: var(--ctp-mocha-blue-rgb);
419
- --ctp-lavender: var(--ctp-mocha-lavender);
420
- --ctp-lavender-rgb: var(--ctp-mocha-lavender-rgb);
421
- --ctp-text: var(--ctp-mocha-text);
422
- --ctp-text-rgb: var(--ctp-mocha-text-rgb);
423
- --ctp-subtext1: var(--ctp-mocha-subtext1);
424
- --ctp-subtext1-rgb: var(--ctp-mocha-subtext1-rgb);
425
- --ctp-subtext0: var(--ctp-mocha-subtext0);
426
- --ctp-subtext0-rgb: var(--ctp-mocha-subtext0-rgb);
427
- --ctp-overlay2: var(--ctp-mocha-overlay2);
428
- --ctp-overlay2-rgb: var(--ctp-mocha-overlay2-rgb);
429
- --ctp-overlay1: var(--ctp-mocha-overlay1);
430
- --ctp-overlay1-rgb: var(--ctp-mocha-overlay1-rgb);
431
- --ctp-overlay0: var(--ctp-mocha-overlay0);
432
- --ctp-overlay0-rgb: var(--ctp-mocha-overlay0-rgb);
433
- --ctp-surface2: var(--ctp-mocha-surface2);
434
- --ctp-surface2-rgb: var(--ctp-mocha-surface2-rgb);
435
- --ctp-surface1: var(--ctp-mocha-surface1);
436
- --ctp-surface1-rgb: var(--ctp-mocha-surface1-rgb);
437
- --ctp-surface0: var(--ctp-mocha-surface0);
438
- --ctp-surface0-rgb: var(--ctp-mocha-surface0-rgb);
439
- --ctp-base: var(--ctp-mocha-base);
440
- --ctp-base-rgb: var(--ctp-mocha-base-rgb);
441
- --ctp-mantle: var(--ctp-mocha-mantle);
442
- --ctp-mantle-rgb: var(--ctp-mocha-mantle-rgb);
443
- --ctp-crust: var(--ctp-mocha-crust);
444
- --ctp-crust-rgb: var(--ctp-mocha-crust-rgb);
445
-
446
-
447
-
448
- /* === PRIMARY COLOR SYSTEM === */
449
-
450
- --ifm-color-primary: var(--ctp-mocha-peach);
451
- --ifm-color-primary-rgb: var(--ctp-mocha-peach-rgb);
452
-
453
- /* Light variations of primary color */
454
- --ifm-color-primary-lightest: var(--ctp-mocha-teal);
455
- --ifm-color-primary-lightest-rgb: var(--ctp-mocha-teal-rgb);
456
- --ifm-color-primary-lighter: var(--ctp-mocha-green);
457
- --ifm-color-primary-lighter-rgb: var(--ctp-mocha-green-rgb);
458
- --ifm-color-primary-light: var(--ctp-mocha-yellow);
459
- --ifm-color-primary-light-rgb: var(--ctp-mocha-yellow-rgb);
460
-
461
- /* Dark variations of primary color */
462
- --ifm-color-primary-dark: var(--ctp-mocha-red);
463
- --ifm-color-primary-dark-rgb: var(--ctp-mocha-red-rgb);
464
- --ifm-color-primary-darker: var(--ctp-mocha-maroon);
465
- --ifm-color-primary-darker-rgb: var(--ctp-mocha-maroon-rgb);
466
- --ifm-color-primary-darkest: var(--ctp-mocha-flamingo);
467
- --ifm-color-primary-darkest-rgb: var(--ctp-mocha-flamingo-rgb);
468
-
469
-
470
- /* === STANDARD COLOR VARIABLES === */
471
-
472
- --ifm-color-black: var(--ctp-mocha-crust);
473
- --ifm-color-black-rgb: var(--ctp-mocha-crust-rgb);
474
-
475
- --ifm-color-white: var(--ctp-mocha-text);
476
- --ifm-color-white-rgb: var(--ctp-mocha-text-rgb);
477
-
478
- /* Basic color palette */
479
- --ifm-color-gray: var(--ctp-mocha-overlay0);
480
- --ifm-color-gray-rgb: var(--ctp-mocha-overlay0-rgb);
481
- --ifm-color-red: var(--ctp-mocha-red);
482
- --ifm-color-red-rgb: var(--ctp-mocha-red-rgb);
483
- --ifm-color-orange: var(--ctp-mocha-peach);
484
- --ifm-color-orange-rgb: var(--ctp-mocha-peach-rgb);
485
- --ifm-color-yellow: var(--ctp-mocha-yellow);
486
- --ifm-color-yellow-rgb: var(--ctp-mocha-yellow-rgb);
487
- --ifm-color-green: var(--ctp-mocha-green);
488
- --ifm-color-green-rgb: var(--ctp-mocha-green-rgb);
489
- --ifm-color-teal: var(--ctp-mocha-teal);
490
- --ifm-color-teal-rgb: var(--ctp-mocha-teal-rgb);
491
- --ifm-color-cyan: var(--ctp-mocha-sky);
492
- --ifm-color-cyan-rgb: var(--ctp-mocha-sky-rgb);
493
- --ifm-color-blue: var(--ctp-mocha-blue);
494
- --ifm-color-blue-rgb: var(--ctp-mocha-blue-rgb);
495
- --ifm-color-indigo: var(--ctp-mocha-sapphire);
496
- --ifm-color-indigo-rgb: var(--ctp-mocha-sapphire-rgb);
497
- --ifm-color-purple: var(--ctp-mocha-mauve);
498
- --ifm-color-purple-rgb: var(--ctp-mocha-mauve-rgb);
499
- --ifm-color-pink: var(--ctp-mocha-pink);
500
- --ifm-color-pink-rgb: var(--ctp-mocha-pink-rgb);
501
-
502
-
503
- /* === SEMANTIC COLOR SYSTEM === */
504
-
505
- /* Success color - Green */
506
- --ifm-color-success-lightest: var(--ctp-mocha-sky);
507
- --ifm-color-success-lighter: var(--ctp-mocha-teal);
508
- --ifm-color-success-light: var(--ctp-mocha-sky);
509
- --ifm-color-success: var(--ctp-mocha-green);
510
- --ifm-color-success-rgb: var(--ctp-mocha-green-rgb);
511
- --ifm-color-success-dark: var(--ctp-mocha-teal);
512
- --ifm-color-success-darker: var(--ctp-mocha-sapphire);
513
- --ifm-color-success-darkest: var(--ctp-mocha-blue);
514
-
515
- /* Info color - Blue */
516
- --ifm-color-info-lightest: var(--ctp-mocha-lavender);
517
- --ifm-color-info-lighter: var(--ctp-mocha-sapphire);
518
- --ifm-color-info-light: var(--ctp-mocha-sky);
519
- --ifm-color-info: var(--ctp-mocha-blue);
520
- --ifm-color-info-rgb: var(--ctp-mocha-blue-rgb);
521
- --ifm-color-info-dark: var(--ctp-mocha-sapphire);
522
- --ifm-color-info-darker: var(--ctp-mocha-lavender);
523
- --ifm-color-info-darkest: var(--ctp-mocha-mauve);
524
-
525
- /* Warning color - Yellow */
526
- --ifm-color-warning-lightest: var(--ctp-mocha-peach);
527
- --ifm-color-warning-lighter: var(--ctp-mocha-yellow);
528
- --ifm-color-warning-light: var(--ctp-mocha-yellow);
529
- --ifm-color-warning: var(--ctp-mocha-yellow);
530
- --ifm-color-warning-rgb: var(--ctp-mocha-yellow-rgb);
531
- --ifm-color-warning-dark: var(--ctp-mocha-peach);
532
- --ifm-color-warning-darker: var(--ctp-mocha-red);
533
- --ifm-color-warning-darkest: var(--ctp-mocha-maroon);
534
-
535
- /* Danger color - Red */
536
- --ifm-color-danger-lightest: var(--ctp-mocha-flamingo);
537
- --ifm-color-danger-lighter: var(--ctp-mocha-maroon);
538
- --ifm-color-danger-light: var(--ctp-mocha-peach);
539
- --ifm-color-danger: var(--ctp-mocha-red);
540
- --ifm-color-danger-rgb: var(--ctp-mocha-red-rgb);
541
- --ifm-color-danger-dark: var(--ctp-mocha-maroon);
542
- --ifm-color-danger-darker: var(--ctp-mocha-flamingo);
543
- --ifm-color-danger-darkest: var(--ctp-mocha-pink);
544
-
545
-
546
- /* === GRAYSCALE AND UI COLORS === */
547
-
548
- /* Background colors */
549
- --ifm-background-color: var(--ctp-mocha-base) !important;
550
- --ifm-background-color-rgb: var(--ctp-mocha-base-rgb) !important;
551
- --ifm-background-surface-color: var(--ctp-mocha-surface0) !important;
552
- --ifm-hero-background-color: var(--ctp-mocha-mantle) !important;
553
- --ifm-footer-background-color: var(--ctp-mocha-mantle) !important;
554
-
555
- /* Component-specific background colors */
556
- --ifm-navbar-background-color: var(--ctp-mocha-base) !important;
557
- --ifm-navbar-search-input-color: var(--ifm-font-color-base);
558
- --ifm-navbar-search-input-background-color: var(--ctp-mocha-surface0);
559
- --ifm-table-stripe-background: var(--ctp-mocha-surface0) !important;
560
- --ifm-pre-background: var(--ctp-mocha-surface0);
561
- --ifm-alert-background-color: var(--ctp-mocha-surface1);
562
- --ifm-card-background-color: var(--ctp-mocha-surface0);
563
-
564
- /* Gray color scale */
565
- --ifm-color-gray-0: var(--ctp-mocha-text);
566
- --ifm-color-gray-100: var(--ctp-mocha-subtext0);
567
- --ifm-color-gray-200: var(--ctp-mocha-overlay2);
568
- --ifm-color-gray-300: var(--ctp-mocha-overlay1);
569
- --ifm-color-gray-400: var(--ctp-mocha-overlay0);
570
- --ifm-color-gray-500: var(--ctp-mocha-surface2);
571
- --ifm-color-gray-600: var(--ctp-mocha-surface1);
572
- --ifm-color-gray-700: var(--ctp-mocha-surface0);
573
- --ifm-color-gray-800: var(--ctp-mocha-base);
574
- --ifm-color-gray-900: var(--ctp-mocha-mantle);
575
- --ifm-color-gray-1000: var(--ctp-mocha-crust);
576
-
577
- /* emphasis colors */
578
- --ifm-color-emphasis-0: var(--ctp-mocha-text) !important;
579
- --ifm-color-emphasis-100: var(--ctp-mocha-subtext0) !important;
580
- --ifm-color-emphasis-200: var(--ctp-mocha-overlay2) !important;
581
- --ifm-color-emphasis-300: var(--ctp-mocha-overlay1) !important;
582
- --ifm-color-emphasis-400: var(--ctp-mocha-overlay0) !important;
583
- --ifm-color-emphasis-500: var(--ctp-mocha-surface2) !important;
584
- --ifm-color-emphasis-600: var(--ctp-mocha-surface1) !important;
585
- --ifm-color-emphasis-700: var(--ctp-mocha-surface0) !important;
586
- --ifm-color-emphasis-800: var(--ctp-mocha-base) !important;
587
- --ifm-color-emphasis-900: var(--ctp-mocha-mantle) !important;
588
- --ifm-color-emphasis-1000: var(--ctp-mocha-crust) !important;
589
-
590
- /* Text colors */
591
- --ifm-font-color-base: var(--ctp-mocha-text);
592
- --ifm-font-color-base-rgb: var(--ctp-mocha-text-rgb);
593
- --ifm-font-color-secondary: var(--ctp-mocha-subtext1);
594
- --ifm-font-color-tertiary: var(--ctp-mocha-subtext0);
595
- --ifm-font-color-quaternary: var(--ctp-mocha-overlay2);
596
-
597
- /* Content colors */
598
- --ifm-color-content: var(--ctp-mocha-text) !important;
599
- --ifm-color-content-secondary: var(--ctp-mocha-subtext0) !important;
600
-
601
- /* Link colors */
602
- --ifm-link-color: var(--ifm-color-primary);
603
- --ifm-link-hover-color: var(--ifm-color-primary-darker);
604
- --ifm-link-decoration: none;
605
- --ifm-link-hover-decoration: underline;
606
-
607
- /* Navigation/UI */
608
- --ifm-navbar-link-color: var(--ctp-mocha-text);
609
- --ifm-navbar-link-hover-color: var(--ifm-color-primary);
610
- --ifm-menu-color: var(--ctp-mocha-subtext0);
611
- --ifm-menu-color-active: var(--ctp-mocha-peach);
612
- --ifm-menu-color-background-active: rgba(var(--ctp-mocha-peach-rgb), 0.1);
613
- --ifm-menu-color-background-hover: rgba(var(--ctp-mocha-surface0-rgb), 0.5);
614
- --ifm-toc-link-color: var(--ctp-mocha-subtext0);
615
- --ifm-toc-link-color-active: var(--ctp-mocha-peach);
616
- --ifm-toc-border-color: var(--ctp-mocha-crust) !important;
617
-
618
- /* Code block */
619
- --ifm-code-color: var(--ctp-mocha-red) !important;
620
- --ifm-code-background: var(--ctp-mocha-surface0) !important;
621
-
622
- /* Other UI elements */
623
- --ifm-blockquote-color: var(--ctp-mocha-subtext0);
624
- --ifm-blockquote-border-color: var(--ctp-mocha-peach);
625
- --ifm-shadow-color: var(--ctp-mocha-surface1);
626
- --ifm-shadow-color-rgb: var(--ctp-mocha-surface1-rgb);
627
- --ifm-button-color: var(--ctp-mocha-crust);
628
- --ifm-hover-overlay: rgba(var(--ctp-mocha-surface2-rgb), 0.5) !important;
629
-
630
- /* Code highlighting */
631
- --docusaurus-highlighted-code-line-bg: rgba(var(--ctp-mocha-surface2-rgb), 0.5);
632
- }