Daniel/ndsolutionswebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: enforce global CSS utility classes for theme accent colors
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 48s
Details

Browse Source
This commit is contained in:
Daniel S
2026-08-09 23:04:55 +02:00
parent 4355bb8406
commit 041cf20ca3
3 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Footer.astro
View File

@@ -18,8 +18,9 @@ const currentYear = new Date().getFullYear();
<!-- Brand logo/name --> <!-- Brand logo/name -->
<div> <div>
<a href="#" class="text-lg font-bold tracking-wider text-slate-900 dark:text-white"> <a href="#" class="text-lg font-bold tracking-wider text-slate-900 dark:text-white">
{siteConfig.header?.brandName || 'N&D'} <span class="text-brand-arcticBlue">{siteConfig.header?.brandHighlight || 'i-t SOLUTIONS'}</span> {siteConfig.header?.brandName || 'N&D'} <span class="text-accent">{siteConfig.header?.brandHighlight || 'i-t SOLUTIONS'}</span>
</a> </a>
<p class="mt-2 text-xs text-slate-500 dark:text-gray-500 max-w-sm"> <p class="mt-2 text-xs text-slate-500 dark:text-gray-500 max-w-sm">
{footer.brandDescription} {footer.brandDescription}
</p> </p>

3
src/components/Navbar.astro
View File

@@ -21,10 +21,11 @@ const header = siteConfig.header || {
<!-- Logo --> <!-- Logo -->
<a href="#" class="flex items-center gap-2 group"> <a href="#" class="flex items-center gap-2 group">
<span class="text-lg sm:text-xl font-bold tracking-wider text-slate-900 dark:text-white select-none transition-colors duration-300"> <span class="text-lg sm:text-xl font-bold tracking-wider text-slate-900 dark:text-white select-none transition-colors duration-300">
{header.brandName || 'N&D'} <span class="text-brand-arcticBlue">{header.brandHighlight || 'i-t SOLUTIONS'}</span> {header.brandName || 'N&D'} <span class="text-accent">{header.brandHighlight || 'i-t SOLUTIONS'}</span>
</span> </span>
</a> </a>
<!-- Desktop Nav Links --> <!-- Desktop Nav Links -->
<nav class="hidden md:flex items-center gap-8"> <nav class="hidden md:flex items-center gap-8">
<a href="#services" class="text-xs tracking-wider uppercase font-medium text-slate-600 dark:text-zinc-400 hover:text-brand-arcticBlue dark:hover:text-brand-arcticBlue transition-colors">Leistungen</a> <a href="#services" class="text-xs tracking-wider uppercase font-medium text-slate-600 dark:text-zinc-400 hover:text-brand-arcticBlue dark:hover:text-brand-arcticBlue transition-colors">Leistungen</a>

13
src/styles/glassmorphism.css
View File

@@ -12,6 +12,18 @@ body {
color: var(--theme-text) !important; color: var(--theme-text) !important;
} }
.text-accent {
color: var(--theme-accent) !important;
}
.bg-accent {
background-color: var(--theme-accent) !important;
}
.border-accent {
border-color: var(--theme-accent) !important;
}
.glass-panel { .glass-panel {
background: var(--theme-card-bg); background: var(--theme-card-bg);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
@@ -29,6 +41,7 @@ body {
box-shadow: 0 0 25px -5px var(--theme-accent); box-shadow: 0 0 25px -5px var(--theme-accent);
} }
.aurora-glow { .aurora-glow {
position: absolute; position: absolute;
border-radius: 50%; border-radius: 50%;