marwinm/website
3
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 style: update base styles and background for improved UI consistency

Browse Source
This commit is contained in:
Till Tomczak
2025-05-02 18:02:00 +02:00
parent eff3fda1ca
commit 81170fbd3d
3 changed files with 71 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/base-styles.css
View File

@@ -545,27 +545,35 @@ body:not(.dark) .card:hover {
transform: translateY(-2px);
}
/* Light Mode Buttons */
/* Light Mode Buttons mit verbesserter Lesbarkeit */
body:not(.dark) .btn-primary {
background-color: var(--light-primary);
background: linear-gradient(135deg, var(--light-primary), var(--light-primary-hover));
color: white;
border: none;
transition: all 0.2s ease;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
font-weight: 500;
letter-spacing: 0.01em;
}
body:not(.dark) .btn-primary:hover {
background-color: var(--light-primary-hover);
box-shadow: 0 4px 12px rgba(124, 58, 237, 0.2);
background: linear-gradient(135deg, var(--light-primary-hover), var(--light-primary));
box-shadow: 0 4px 12px rgba(124, 58, 237, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
body:not(.dark) .btn-secondary {
background-color: #f3f4f6;
background: linear-gradient(135deg, #f8fafc, #f1f5f9);
color: var(--light-text);
border: 1px solid #e5e7eb;
font-weight: 500;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
body:not(.dark) .btn-secondary:hover {
background-color: #e5e7eb;
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
border-color: #d1d5db;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
body:not(.dark) .btn-outline {