my over complex system configurations
dotfiles.isabelroses.com/
nixos
nix
flake
dotfiles
linux
docs: proper styling
+30
-71
+6
-1
docs/astro.config.ts
+6
-1
docs/astro.config.ts
···
1
1
import { defineConfig } from "astro/config";
2
2
import starlight from "@astrojs/starlight";
3
+
import starlightCatppuccin from '@catppuccin/starlight'
3
4
4
5
export default defineConfig({
5
6
site: "https://dotfiles.isabelroses.com",
···
15
16
href: "https://github.com/isabelroses/dotfiles",
16
17
},
17
18
],
19
+
plugins: [starlightCatppuccin({
20
+
dark: { flavor: "mocha", accent: "sapphire" },
21
+
light: { flavor: "latte", accent: "sapphire" },
22
+
})],
23
+
customCss: ["./src/styles/custom.css"],
18
24
editLink: {
19
25
baseUrl: "https://github.com/isabelroses/dotfiles/edit/main/docs/src/content/docs/",
20
26
},
21
-
customCss: ["./src/styles/catppuccin.css"],
22
27
sidebar: [
23
28
{ label: "Introduction", slug: "introduction" },
24
29
{
+14
docs/package-lock.json
+14
docs/package-lock.json
···
9
9
"version": "0.0.1",
10
10
"dependencies": {
11
11
"@astrojs/starlight": "^0.38.4",
12
+
"@catppuccin/starlight": "^2.0.1",
12
13
"astro": "^6.1.10"
13
14
}
14
15
},
···
227
228
},
228
229
"engines": {
229
230
"node": ">=18"
231
+
}
232
+
},
233
+
"node_modules/@catppuccin/starlight": {
234
+
"version": "2.0.1",
235
+
"resolved": "https://registry.npmjs.org/@catppuccin/starlight/-/starlight-2.0.1.tgz",
236
+
"integrity": "sha512-+ddv7PS8z0E+eae92KYVPTKl3f7zi6Rz/y1aLC0pleybtHfvqrM4eHRa5TUS9R5xfXEcoFWShDw3rPBJ4sBF9g==",
237
+
"license": "MIT",
238
+
"dependencies": {
239
+
"@astrojs/starlight": "^0.38.0"
240
+
},
241
+
"peerDependencies": {
242
+
"@astrojs/starlight": ">=0.38",
243
+
"astro": "^6.0.0"
230
244
}
231
245
},
232
246
"node_modules/@clack/core": {
+1
docs/package.json
+1
docs/package.json
-70
docs/src/styles/catppuccin.css
-70
docs/src/styles/catppuccin.css
···
1
-
/* Catppuccin colour palette for Starlight.
2
-
* Mocha for dark mode, Latte for light mode.
3
-
* https://github.com/catppuccin/catppuccin
4
-
*/
5
-
6
-
:root {
7
-
--sl-font: "Inter", ui-sans-serif, system-ui, sans-serif;
8
-
--sl-font-mono: "JetBrains Mono", ui-monospace, monospace;
9
-
}
10
-
11
-
/* Mocha (dark) */
12
-
:root,
13
-
:root[data-theme="dark"] {
14
-
--sl-color-accent-low: #313244;
15
-
--sl-color-accent: #cba6f7;
16
-
--sl-color-accent-high: #f5c2e7;
17
-
18
-
--sl-color-white: #cdd6f4;
19
-
--sl-color-gray-1: #cdd6f4;
20
-
--sl-color-gray-2: #bac2de;
21
-
--sl-color-gray-3: #a6adc8;
22
-
--sl-color-gray-4: #585b70;
23
-
--sl-color-gray-5: #45475a;
24
-
--sl-color-gray-6: #313244;
25
-
--sl-color-gray-7: #000000;
26
-
--sl-color-black: #010101;
27
-
28
-
--sl-color-bg: #010101;
29
-
--sl-color-bg-nav: #000000;
30
-
--sl-color-bg-sidebar: #000000;
31
-
--sl-color-bg-inline-code: #313244;
32
-
33
-
--sl-color-text: #cdd6f4;
34
-
--sl-color-text-accent: #f5c2e7;
35
-
--sl-color-text-invert: #010101;
36
-
37
-
--sl-color-hairline-light: #313244;
38
-
--sl-color-hairline: #45475a;
39
-
--sl-color-hairline-shade: #313244;
40
-
}
41
-
42
-
/* Latte (light) */
43
-
:root[data-theme="light"] {
44
-
--sl-color-accent-low: #ccd0da;
45
-
--sl-color-accent: #8839ef;
46
-
--sl-color-accent-high: #ea76cb;
47
-
48
-
--sl-color-white: #4c4f69;
49
-
--sl-color-gray-1: #4c4f69;
50
-
--sl-color-gray-2: #5c5f77;
51
-
--sl-color-gray-3: #6c6f85;
52
-
--sl-color-gray-4: #9ca0b0;
53
-
--sl-color-gray-5: #bcc0cc;
54
-
--sl-color-gray-6: #ccd0da;
55
-
--sl-color-gray-7: #dce0e8;
56
-
--sl-color-black: #eff1f5;
57
-
58
-
--sl-color-bg: #eff1f5;
59
-
--sl-color-bg-nav: #e6e9ef;
60
-
--sl-color-bg-sidebar: #e6e9ef;
61
-
--sl-color-bg-inline-code: #dce0e8;
62
-
63
-
--sl-color-text: #4c4f69;
64
-
--sl-color-text-accent: #ea76cb;
65
-
--sl-color-text-invert: #eff1f5;
66
-
67
-
--sl-color-hairline-light: #ccd0da;
68
-
--sl-color-hairline: #bcc0cc;
69
-
--sl-color-hairline-shade: #ccd0da;
70
-
}