nobbz.dev / blog
Mirror of the sourcecode for my blog, original repo: https://github.com/NobbZ/blog-nobbz-dev
fork atom

fix: update Catppuccin class names to use ctp- prefix

This commit standardizes all Catppuccin color class references to use the
configured 'ctp-' prefix. Previously, some classes were using unprefixed
color names (like 'text-text', 'border-surface2') which may cause issues
with Tailwind CSS 4 compatibility.

- Updated class names in layout components
- Standardized border color references
- Maintained CSS variable approach for dynamic color mixing

Norbert Melzer 41db4a57 41362333

options
unified split
Changed files
+18 -18
src
components
NavBox.astro
PaginateButton.astro
layouts
NobbzDev.astro
scripts
filename-transformer.ts
styles
base.css
+1 -1
src/components/NavBox.astro
··· 17 17 id="side-nav" 18 18 class:list={[ 19 19 "border-4", 20 - "border-surface2", 20 + "border-ctp-surface2", 21 21 "m-1", 22 22 "p-1", 23 23 "rounded-[12px]",
+3 -3
src/components/PaginateButton.astro
··· 16 16 <div 17 17 class:list={[ 18 18 "border-2", 19 - "border-surface2", 19 + "border-ctp-surface2", 20 20 "rounded-md", 21 21 "p-1", 22 22 "m-1", 23 23 active 24 - ? "bg-crust hover:bg-surface2 hover:shadow-xl hover:shadow-base text-blue" 25 - : "bg-overlay0 text-overlay2 opacity-40", 24 + ? "bg-ctp-crust hover:bg-ctp-surface2 hover:shadow-xl hover:shadow-ctp-base text-ctp-blue" 25 + : "bg-ctp-overlay0 text-ctp-overlay2 opacity-40", 26 26 ]} 27 27 > 28 28 <a href={href}><slot /></a>
+10 -10
src/layouts/NobbzDev.astro
··· 22 22 class:list={[ 23 23 "mocha", 24 24 "bg-gradient-to-b", 25 - "from-base", 26 - "to-crust", 25 + "from-ctp-base", 26 + "to-ctp-crust", 27 27 "min-h-screen", 28 28 "bg-fixed", 29 29 "overflow-y-scroll", 30 30 "[&::-webkit-scrollbar]:w-2", 31 - "[&::-webkit-scrollbar-track]:bg-surface2", 32 - "[&::-webkit-scrollbar-thumb]:bg-surface0", 31 + "[&::-webkit-scrollbar-track]:bg-ctp-surface2", 32 + "[&::-webkit-scrollbar-thumb]:bg-ctp-surface0", 33 33 ]} 34 34 > 35 35 <div ··· 39 39 "m-auto", 40 40 "min-h-screen", 41 41 "justify-center", 42 - "text-text", 42 + "text-ctp-text", 43 43 ]} 44 44 > 45 45 <div 46 46 class:list={[ 47 47 "flex-none", 48 48 "border-4", 49 - "border-surface2", 49 + "border-ctp-surface2", 50 50 "rounded-[12px]", 51 51 "p-1", 52 52 "m-1", 53 53 ]} 54 54 > 55 - <h1 class:list={["text-4xl", "text-text", "font-extrabold"]}> 56 - NobbZ<span class="text-xs text-overlay1">.dev</span> 55 + <h1 class:list={["text-4xl", "text-ctp-text", "font-extrabold"]}> 56 + NobbZ<span class="text-xs text-ctp-overlay1">.dev</span> 57 57 </h1> 58 58 </div> 59 59 <div ··· 73 73 "flex-none", 74 74 "w-1/1", 75 75 "border-4", 76 - "border-surface2", 76 + "border-ctp-surface2", 77 77 "p-1", 78 78 "m-1", 79 79 "rounded-[12px]", ··· 91 91 "flex-none", 92 92 "w-1/1", 93 93 "border-4", 94 - "border-surface2", 94 + "border-ctp-surface2", 95 95 "m-1", 96 96 "p-1", 97 97 "rounded-[12px]",
+3 -3
src/scripts/filename-transformer.ts
··· 28 28 "before:left-0", 29 29 "before:w-full", 30 30 "before:bg-gradient-to-b", 31 - "before:from-crust", 32 - "before:to-base", 31 + "before:from-ctp-crust", 32 + "before:to-ctp-base", 33 33 "before:rounded-t", 34 34 "before:border-t-2", 35 35 "before:border-l-2", 36 36 "before:border-r-2", 37 - "before:border-base", 37 + "before:border-ctp-base", 38 38 "before:border-solid", 39 39 "before:font-bold", 40 40 "before:px-4",
+1 -1
src/styles/base.css
··· 42 42 @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_60%)]; 43 43 } 44 44 h6 { 45 - @apply text-base; 45 + @apply text-ctp-base; 46 46 @apply font-bold; 47 47 @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_75%)]; 48 48 }