diff options
| author | Dawid Rycerz <dawid@rycerz.xyz> | 2025-07-22 10:03:40 +0300 |
|---|---|---|
| committer | Dawid Rycerz <dawid@rycerz.xyz> | 2025-07-22 10:03:40 +0300 |
| commit | 8589a3bc97190c3d3bbb7246ea517e7855abfeed (patch) | |
| tree | 7c92af8a6a72148973af1e0ec240a15f2386edea /src/components/CustomStyles.astro | |
| parent | d571a3720ae42f3cf5fddf2454e04aa2ad775b0c (diff) | |
cleanup and styling
Diffstat (limited to 'src/components/CustomStyles.astro')
| -rw-r--r-- | src/components/CustomStyles.astro | 31 |
1 files changed, 18 insertions, 13 deletions
diff --git a/src/components/CustomStyles.astro b/src/components/CustomStyles.astro index 2b27954..ba1d327 100644 --- a/src/components/CustomStyles.astro +++ b/src/components/CustomStyles.astro @@ -25,19 +25,22 @@ import '@fontsource-variable/inter'; --aw-font-serif: 'Inter Variable'; --aw-font-heading: 'Inter Variable'; - --aw-color-primary: rgb(1 97 239); - --aw-color-secondary: rgb(1 84 207); - --aw-color-accent: rgb(109 40 217); + /* New stone-inspired color palette */ + --aw-color-primary: rgb(182 165 139); /* Ciepły granitowy beż - CTA, przyciski */ + --aw-color-secondary: rgb(122 92 58); /* Brązowy klinkier - Hover CTA / ikonki */ + --aw-color-accent: rgb(182 165 139); /* Ciepły granitowy beż - Akcent */ - --aw-color-text-heading: rgb(0 0 0); - --aw-color-text-default: rgb(16 16 16); - --aw-color-text-muted: rgb(16 16 16 / 66%); - --aw-color-bg-page: rgb(255 255 255); + --aw-color-text-heading: rgb(43 43 43); /* Ciemny grafit - Wyraźny i kontrastowy */ + --aw-color-text-default: rgb(43 43 43); /* Ciemny grafit - Tekst główny */ + --aw-color-text-muted: rgb(43 43 43 / 66%); /* Ciemny grafit z przezroczystością */ + --aw-color-bg-page: rgb(248 248 248); /* Jasny marmur - Tło główne */ + --aw-color-bg-section: rgb(230 230 230); /* Szary piaskowiec - Sekcje/boxy */ --aw-color-bg-page-dark: rgb(3 6 32); ::selection { - background-color: lavender; + background-color: rgb(182 165 139); + color: rgb(43 43 43); } } @@ -46,18 +49,20 @@ import '@fontsource-variable/inter'; --aw-font-serif: 'Inter Variable'; --aw-font-heading: 'Inter Variable'; - --aw-color-primary: rgb(1 97 239); - --aw-color-secondary: rgb(1 84 207); - --aw-color-accent: rgb(109 40 217); + /* Dark mode - keeping some stone inspiration but darker */ + --aw-color-primary: rgb(182 165 139); /* Ciepły granitowy beż - CTA, przyciski */ + --aw-color-secondary: rgb(122 92 58); /* Brązowy klinkier - Hover CTA / ikonki */ + --aw-color-accent: rgb(182 165 139); /* Ciepły granitowy beż - Akcent */ --aw-color-text-heading: rgb(247, 248, 248); --aw-color-text-default: rgb(229 236 246); --aw-color-text-muted: rgb(229 236 246 / 66%); --aw-color-bg-page: rgb(3 6 32); + --aw-color-bg-section: rgb(15 20 40); /* Darker section background */ ::selection { - background-color: black; - color: snow; + background-color: rgb(182 165 139); + color: rgb(43 43 43); } } </style> |