my over complex system configurations dotfiles.isabelroses.com/
nixos nix flake dotfiles linux
9
fork

Configure Feed

Select the types of activity you want to include in your feed.

docs: proper styling

+30 -71
+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
··· 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
··· 12 12 }, 13 13 "dependencies": { 14 14 "@astrojs/starlight": "^0.38.4", 15 + "@catppuccin/starlight": "^2.0.1", 15 16 "astro": "^6.1.10" 16 17 } 17 18 }
-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 - }
+9
docs/src/styles/custom.css
··· 1 + @layer starlight, catppuccin, oled; 2 + 3 + @layer oled { 4 + :root { 5 + --sl-color-gray-6: #010101; 6 + --sl-color-gray-7: #020202; 7 + --sl-color-black: #000; 8 + } 9 + }