From 8589a3bc97190c3d3bbb7246ea517e7855abfeed Mon Sep 17 00:00:00 2001 From: Dawid Rycerz Date: Tue, 22 Jul 2025 10:03:40 +0300 Subject: cleanup and styling --- src/components/CustomStyles.astro | 31 ++++++++++++++++++------------- src/components/blog/GridItem.astro | 2 +- src/components/blog/ListItem.astro | 2 +- src/components/blog/SinglePost.astro | 2 +- src/components/ui/Background.astro | 2 +- src/components/ui/Headline.astro | 2 +- src/components/ui/Timeline.astro | 2 +- src/components/widgets/Hero.astro | 2 +- src/components/widgets/Hero2.astro | 2 +- src/components/widgets/HeroText.astro | 2 +- src/components/widgets/Note.astro | 2 +- src/components/widgets/Steps2.astro | 2 +- 12 files changed, 29 insertions(+), 24 deletions(-) (limited to 'src/components') 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); } } diff --git a/src/components/blog/GridItem.astro b/src/components/blog/GridItem.astro index cd02fa8..73353ca 100644 --- a/src/components/blog/GridItem.astro +++ b/src/components/blog/GridItem.astro @@ -58,7 +58,7 @@ const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') :

{ link ? ( - + {post.title} ) : ( diff --git a/src/components/blog/ListItem.astro b/src/components/blog/ListItem.astro index 6a416d6..36602f2 100644 --- a/src/components/blog/ListItem.astro +++ b/src/components/blog/ListItem.astro @@ -94,7 +94,7 @@ const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') : { link ? ( {post.title} diff --git a/src/components/blog/SinglePost.astro b/src/components/blog/SinglePost.astro index 297cca9..ac92cd3 100644 --- a/src/components/blog/SinglePost.astro +++ b/src/components/blog/SinglePost.astro @@ -91,7 +91,7 @@ const { post, url } = Astro.props; }
diff --git a/src/components/ui/Background.astro b/src/components/ui/Background.astro index 1093c17..f220487 100644 --- a/src/components/ui/Background.astro +++ b/src/components/ui/Background.astro @@ -6,6 +6,6 @@ export interface Props { const { isDark = false } = Astro.props; --- -
+
diff --git a/src/components/ui/Headline.astro b/src/components/ui/Headline.astro index 621b23d..6b906b0 100644 --- a/src/components/ui/Headline.astro +++ b/src/components/ui/Headline.astro @@ -20,7 +20,7 @@ const { (title || subtitle || tagline) && (
{tagline && ( -

+

)} {title && (

) diff --git a/src/components/widgets/Hero2.astro b/src/components/widgets/Hero2.astro index c6daa30..5527a91 100644 --- a/src/components/widgets/Hero2.astro +++ b/src/components/widgets/Hero2.astro @@ -31,7 +31,7 @@ const { { tagline && (

) diff --git a/src/components/widgets/HeroText.astro b/src/components/widgets/HeroText.astro index fa3e054..be2a1b6 100644 --- a/src/components/widgets/HeroText.astro +++ b/src/components/widgets/HeroText.astro @@ -30,7 +30,7 @@ const { { tagline && (

) diff --git a/src/components/widgets/Note.astro b/src/components/widgets/Note.astro index 3594b39..3f43881 100644 --- a/src/components/widgets/Note.astro +++ b/src/components/widgets/Note.astro @@ -14,7 +14,7 @@ const { } = Astro.props; --- -

+
diff --git a/src/components/widgets/Steps2.astro b/src/components/widgets/Steps2.astro index e13a377..cb6e902 100644 --- a/src/components/widgets/Steps2.astro +++ b/src/components/widgets/Steps2.astro @@ -61,7 +61,7 @@ function makeEmailsClickable(text: string | undefined): string { ? items.map(({ title: title2, description, icon }, index) => (
  • - + {icon ? : index + 1}
    -- cgit v1.2.3