valknar/palina-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update tailwind to latest, remove redundant nesting plugin, and cleanup theme variables
All checks were successful
Deploy Theme / deploy (push) Successful in 14s
Details

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-20 09:04:36 +01:00
parent 1b5ac9bf07
commit 25848c9ea5
4 changed files with 156 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
assets/css/tailwind.css
View File

@@ -7,7 +7,7 @@
--color-brand-100: #f4edd1;
--color-brand-200: #e9dba4;
--color-brand-300: #ddc277;
--color-brand-400: #ddc288; /* Requested: #DDC288 */
--color-brand-400: #ddc288;
--color-brand-500: #c9a765;
--color-brand-600: #b58d46;
--color-brand-700: #9c763a;
@@ -15,7 +15,7 @@
--color-brand-900: #624a29;
--color-brand-950: #4c3a23;
/* Default Custom Properties (Dark Theme) */
/* Semantic Theme Variables - Default (Dark) */
--bg-primary: #121212;
--bg-secondary: #1e1e1e;
--bg-tertiary: #2a2a2a;
@@ -34,27 +34,10 @@
--color-gray-200: #e0e0e0;
--color-gray-100: #f5f5f5;
/* Font Families - Mapping to standard Tailwind keys for 'prose' compatibility */
/* Font Families */
--font-serif: "Playfair Display", serif;
--font-heading: "Playfair Display", serif;
/* Set Urbanist as the default 'sans' for a modern, cool, and stylish character */
--font-sans: "Urbanist", sans-serif;
--tw-prose-body: var(--text-primary);
--tw-prose-headings: var(--brand-primary);
--tw-prose-links: var(--brand-primary);
--tw-prose-bold: var(--text-primary);
--tw-prose-counters: var(--text-secondary);
--tw-prose-bullets: var(--brand-primary);
--tw-prose-quotes: var(--text-primary);
--tw-prose-quote-borders: var(--brand-primary);
--tw-prose-captions: var(--text-secondary);
--tw-prose-code: var(--text-primary);
--tw-prose-pre-code: var(--text-primary);
--tw-prose-pre-bg: var(--bg-secondary);
--tw-prose-th-borders: var(--bg-tertiary);
--tw-prose-td-borders: var(--bg-secondary);
}
/* Light Theme Overrides */
@@ -74,6 +57,7 @@ html[data-theme='light'] {
background-color: var(--bg-primary);
color: var(--text-primary);
font-family: var(--font-sans);
transition: background-color 0.3s ease, color 0.3s ease;
}
h1, h2, h3, h4, h5, h6 {
@@ -99,6 +83,25 @@ html[data-theme='light'] {
@apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--brand-primary)] transition-colors duration-200;
}
/* Typography (Prose) Customization - Adaptive through semantic variables */
.prose {
--tw-prose-body: var(--text-primary);
--tw-prose-headings: var(--brand-primary);
--tw-prose-links: var(--brand-primary);
--tw-prose-bold: var(--text-primary);
--tw-prose-counters: var(--text-secondary);
--tw-prose-bullets: var(--brand-primary);
--tw-prose-quotes: var(--text-primary);
--tw-prose-quote-borders: var(--brand-primary);
--tw-prose-captions: var(--text-secondary);
--tw-prose-code: var(--text-primary);
--tw-prose-pre-code: var(--text-primary);
--tw-prose-pre-bg: var(--bg-secondary);
--tw-prose-th-borders: var(--bg-tertiary);
--tw-prose-td-borders: var(--bg-secondary);
max-width: 100%;
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
font-family: var(--font-heading);
@apply font-bold tracking-tight;
@@ -129,4 +132,3 @@ html[data-theme='light'] {
.animate-fadeInUp {
animation: fadeInUp 0.5s ease-out forwards;
}