diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index 9626077..9b2b3d8 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -1,16 +1,30 @@ @import "tailwindcss"; @theme { - /* Default Custom Properties (Dark Theme) */ - --bg-primary: var(--color-gray-900); - --bg-secondary: var(--color-gray-800); - --bg-tertiary: var(--color-gray-700); - --text-primary: var(--color-gray-100); - --text-secondary: var(--color-gray-400); - --text-tertiary: var(--color-gray-300); - --brand-primary: var(--color-indigo-600); - --brand-secondary: var(--color-indigo-700); + /* Brand Palette: Palina Gold (#DDC288) */ + --color-brand-50: #faf8f0; + --color-brand-100: #f4edd1; + --color-brand-200: #e9dba4; + --color-brand-300: #ddc277; + --color-brand-400: #ddc288; /* Requested: #DDC288 */ + --color-brand-500: #c9a765; + --color-brand-600: #b58d46; + --color-brand-700: #9c763a; + --color-brand-800: #7d5e31; + --color-brand-900: #624a29; + --color-brand-950: #4c3a23; + /* Default Custom Properties (Dark Theme) */ + --bg-primary: #121212; + --bg-secondary: #1e1e1e; + --bg-tertiary: #2a2a2a; + --text-primary: #f2f2f2; + --text-secondary: #a3a3a3; + --text-tertiary: #737373; + --brand-primary: var(--color-brand-400); + --brand-secondary: var(--color-brand-500); + + /* Gray Palette for standard UI */ --color-gray-900: #1a1a1a; --color-gray-800: #2b2b2b; --color-gray-700: #3c3c3c; @@ -18,22 +32,20 @@ --color-gray-400: #a0a0a0; --color-gray-200: #e0e0e0; --color-gray-100: #f5f5f5; - --color-indigo-600: #4f46e5; - --color-indigo-700: #4338ca; /* Font Families */ --font-family-body: "Montserrat", sans-serif; --font-family-heading: "Playfair Display", serif; } -/* Light Theme Overrides (outside @theme block) */ +/* Light Theme Overrides */ html[data-theme='light'] { - --bg-primary: var(--color-gray-100); - --bg-secondary: var(--color-gray-200); - --bg-tertiary: var(--color-gray-300); - --text-primary: var(--color-gray-900); - --text-secondary: var(--color-gray-600); - --text-tertiary: var(--color-gray-700); + --bg-primary: #fdfcf9; + --bg-secondary: #f4f1e8; + --bg-tertiary: #e9e4d5; + --text-primary: #2d2114; + --text-secondary: #624a29; + --text-tertiary: #7d5e31; } [x-cloak] { display: none !important; } @@ -42,38 +54,37 @@ html[data-theme='light'] { body { background-color: var(--bg-primary); color: var(--text-primary); - font-family: var(--font-family-body); /* Apply default body font */ + font-family: var(--font-family-body); } h1, h2, h3, h4, h5, h6 { - font-family: var(--font-family-heading); /* Apply heading font */ + font-family: var(--font-family-heading); + color: var(--brand-primary); } } @layer components { /* Main navigation styling */ header nav ul { - @apply flex items-center space-x-4; /* Make li items inline with spacing */ + @apply flex items-center space-x-4; } header nav ul li a { - @apply text-[var(--text-primary)] hover:text-[var(--text-secondary)] transition-colors duration-200; /* Default link style */ + @apply text-[var(--text-primary)] hover:text-[var(--brand-primary)] transition-colors duration-200; } /* Mobile navigation styling */ #mobile-menu nav ul { - @apply flex flex-col items-center space-y-8; /* Stack items vertically in mobile menu */ + @apply flex flex-col items-center space-y-8; } #mobile-menu nav ul li a { - @apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--text-secondary)] transition-colors duration-200; + @apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--brand-primary)] transition-colors duration-200; } } .site-logo { @apply transition-all duration-300; -} - -html[data-theme='dark'] .site-logo { - filter: invert(0.9) brightness(1.2); + color: var(--brand-primary); + fill: currentColor; } @keyframes fadeInUp { diff --git a/assets/images/palina.png b/assets/images/palina.png deleted file mode 100644 index d22ab34..0000000 Binary files a/assets/images/palina.png and /dev/null differ diff --git a/assets/images/palina.svg b/assets/images/palina.svg index 4b47f24..ed33378 100644 --- a/assets/images/palina.svg +++ b/assets/images/palina.svg @@ -1,3 +1,332 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/partials/footer.hbs b/partials/footer.hbs index 07490cc..b2ba091 100644 --- a/partials/footer.hbs +++ b/partials/footer.hbs @@ -4,7 +4,7 @@ {{#if @site.logo}} {{else}} - + {{> "icons/logo" class="h-8 w-auto site-logo"}} {{/if}}

diff --git a/partials/header.hbs b/partials/header.hbs index e064b7d..00718ea 100644 --- a/partials/header.hbs +++ b/partials/header.hbs @@ -4,8 +4,9 @@ {{#if @site.logo}} {{else}} - + {{> "icons/logo" class="h-10 w-auto site-logo"}} {{/if}} + {{@site.title}}

diff --git a/partials/icons/logo.hbs b/partials/icons/logo.hbs new file mode 100644 index 0000000..5b2081d --- /dev/null +++ b/partials/icons/logo.hbs @@ -0,0 +1,332 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/partials/mobile-menu.hbs b/partials/mobile-menu.hbs index fad823a..f10d5fb 100644 --- a/partials/mobile-menu.hbs +++ b/partials/mobile-menu.hbs @@ -13,7 +13,7 @@ {{#if @site.logo}} {{else}} - + {{> "icons/logo" class="h-10 w-auto site-logo"}} {{/if}}