From d354b35d05b1faed77b9dd075965834f98e0883e Mon Sep 17 00:00:00 2001 From: Atridad Lahiji Date: Wed, 31 Dec 2025 19:58:37 -0700 Subject: [PATCH] Catppuccin Macciato because it fucking rules dude --- package.json | 1 + pnpm-lock.yaml | 26 ++++++++++++++++++++++---- src/styles/global.css | 37 +++---------------------------------- src/styles/macchiato.ts | 10 ++++++++++ 4 files changed, 36 insertions(+), 38 deletions(-) create mode 100644 src/styles/macchiato.ts diff --git a/package.json b/package.json index 0971cc1..15f3f09 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,7 @@ "tailwindcss": "^4.1.18" }, "devDependencies": { + "@catppuccin/daisyui": "^2.1.1", "@iconify-json/mdi": "^1.2.3", "@iconify-json/simple-icons": "^1.2.64", "@types/react": "^19.2.7", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 760d3e2..8668234 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -57,6 +57,9 @@ importers: specifier: ^4.1.18 version: 4.1.18 devDependencies: + '@catppuccin/daisyui': + specifier: ^2.1.1 + version: 2.1.1(tailwindcss@4.1.18) '@iconify-json/mdi': specifier: ^1.2.3 version: 1.2.3 @@ -216,6 +219,14 @@ packages: resolution: {integrity: sha512-8XqW8xGn++Eqqbz3e9wKuK7mxryeRjs4LOHLxbh2lwKeSbuNR4NFifDZT4KzvjU6HMOPbiNTsWpniK5EJfTWkg==} engines: {node: '>=18'} + '@catppuccin/daisyui@2.1.1': + resolution: {integrity: sha512-PrZttjj8kwfDBJ34sR+DN25Xtjvxx4T5p8uu/iiGYZR8UOsNwzMlO/alYDBwwTOLzP1NKLNRax09kCT39+QM+A==} + peerDependencies: + tailwindcss: ^4.0.17 + + '@catppuccin/palette@1.7.1': + resolution: {integrity: sha512-aRc1tbzrevOTV7nFTT9SRdF26w/MIwT4Jwt4fDMc9itRZUDXCuEDBLyz4TQMlqO9ZP8mf5Hu4Jr6D03NLFc6Gw==} + '@emnapi/runtime@1.7.1': resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==} @@ -1986,8 +1997,8 @@ packages: resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==} engines: {node: ^10 || ^12 || >=14} - preact-render-to-string@6.6.4: - resolution: {integrity: sha512-Bn6eQZ5SQ5loVEcC/mZmKT7HzO5Z/+vYzxfE/W2N468oSoNMJVdFGApF0GyXq0lDthuyXKTmtZ8k20NpYjr6Rw==} + preact-render-to-string@6.6.5: + resolution: {integrity: sha512-O6MHzYNIKYaiSX3bOw0gGZfEbOmlIDtDfWwN1JJdc/T3ihzRT6tGGSEWE088dWrEDGa1u7101q+6fzQnO9XCPA==} peerDependencies: preact: '>=10 || >= 11.0.0-0' @@ -2627,7 +2638,7 @@ snapshots: '@preact/preset-vite': 2.10.2(@babel/core@7.28.5)(preact@10.28.1)(vite@6.4.1(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)) '@preact/signals': 2.5.1(preact@10.28.1) preact: 10.28.1 - preact-render-to-string: 6.6.4(preact@10.28.1) + preact-render-to-string: 6.6.5(preact@10.28.1) vite: 6.4.1(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2) transitivePeerDependencies: - '@babel/core' @@ -2800,6 +2811,13 @@ snapshots: dependencies: fontkit: 2.0.4 + '@catppuccin/daisyui@2.1.1(tailwindcss@4.1.18)': + dependencies: + '@catppuccin/palette': 1.7.1 + tailwindcss: 4.1.18 + + '@catppuccin/palette@1.7.1': {} + '@emnapi/runtime@1.7.1': dependencies: tslib: 2.8.1 @@ -4941,7 +4959,7 @@ snapshots: picocolors: 1.1.1 source-map-js: 1.2.1 - preact-render-to-string@6.6.4(preact@10.28.1): + preact-render-to-string@6.6.5(preact@10.28.1): dependencies: preact: 10.28.1 diff --git a/src/styles/global.css b/src/styles/global.css index adbbaec..6070440 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,38 +1,7 @@ @import "tailwindcss"; -@plugin "daisyui"; @plugin "@tailwindcss/typography"; -@plugin "daisyui/theme" { - name: "atridotdad"; - default: true; - prefersdark: true; - color-scheme: "dark"; - --color-base-100: oklch(25.33% 0.016 252.42); - --color-base-200: oklch(23.26% 0.014 253.1); - --color-base-300: oklch(21.15% 0.012 254.09); - --color-base-content: oklch(100% 0 0); - --color-primary: oklch(78% 0.154 211.53); - --color-primary-content: oklch(0% 0 0); - --color-secondary: oklch(68% 0.169 237.323); - --color-secondary-content: oklch(0% 0 0); - --color-accent: oklch(60% 0.126 221.723); - --color-accent-content: oklch(0% 0 0); - --color-neutral: oklch(45% 0.085 224.283); - --color-neutral-content: oklch(100% 0 0); - --color-info: oklch(74% 0.16 232.661); - --color-info-content: oklch(29% 0.066 243.157); - --color-success: oklch(70% 0.14 182.503); - --color-success-content: oklch(37% 0.077 168.94); - --color-warning: oklch(82% 0.189 84.429); - --color-warning-content: oklch(41% 0.112 45.904); - --color-error: oklch(71% 0.194 13.428); - --color-error-content: oklch(27% 0.105 12.094); - --radius-selector: 2rem; - --radius-field: 2rem; - --radius-box: 2rem; - --size-selector: 0.25rem; - --size-field: 0.25rem; - --border: 1.5px; - --depth: 1; - --noise: 0; +@plugin "daisyui" { + themes: false; } +@plugin "./macchiato.ts"; diff --git a/src/styles/macchiato.ts b/src/styles/macchiato.ts new file mode 100644 index 0000000..05049f0 --- /dev/null +++ b/src/styles/macchiato.ts @@ -0,0 +1,10 @@ +import { createCatppuccinPlugin } from "@catppuccin/daisyui"; + +export default createCatppuccinPlugin( + "macchiato", + {}, + { + default: true, + prefersdark: true, + }, +);