Skip to content

Commit beb66e1

Browse files
committed
feat: Update link colors and hover effects for better contrast in dark mode
1 parent 8bb3c4c commit beb66e1

3 files changed

Lines changed: 10 additions & 7 deletions

File tree

css/content.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -525,7 +525,7 @@
525525

526526
[data-theme="dark"] #content a {
527527
background-color: var(--secondary-light);
528-
color: var(--primary-color-light);
528+
color: var(--link-color); /* Korrigierte Link-Farbe für Dark Mode */
529529
border-color: rgba(100, 100, 100, 0.5);
530530
}
531531

css/sidebar.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -212,7 +212,9 @@
212212
}
213213

214214
[data-theme="dark"] .sidebar-menu a:hover {
215-
color: var(--secondary-lighter); /* Hellerer Text bei Hover */
215+
color: var(--link-hover); /* Verwende die neue Hover-Farbe */
216+
text-shadow: var(--link-hover-shadow); /* Füge den Neon-Effekt hinzu */
217+
text-decoration: none; /* Entferne Unterstreichung für cleaneren Look */
216218
}
217219

218220
[data-theme="dark"] .sidebar-menu li.menu-home {
@@ -246,7 +248,7 @@
246248
}
247249

248250
[data-theme="dark"] .sidebar-menu li.completed a {
249-
color: var(--success-color); /* Farbe für abgeschlossene Kapitel beibehalten */
251+
color: #76d7c4; /* Hellerer Türkiston für besseren Kontrast bei abgeschlossenen Kapiteln */
250252
}
251253

252254
/* Fortschritts-Tracker Dark Mode */

css/variables.css

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -84,10 +84,11 @@
8484
--dark-text: #dadce0; /* Angepasster heller Text für besseren Kontrast */
8585
--border-color: #34495e; /* Dunklere Rahmenfarbe */
8686
--tip-bg: #2c3e50; /* Dunkler Tipp-Hintergrund */
87-
--link-color: #8ab4f8; /* Angepasstes Blau für Links */
88-
--link-hover: #a8c7fa; /* Angepasstes helleres Blau für Hover */
89-
--link-bg: rgba(90, 139, 205, 0.15); /* Angepasster Link-Hintergrund */
90-
--link-bg-hover: rgba(90, 139, 205, 0.25); /* Angepasster Link-Hintergrund Hover */
87+
--link-color: #9ecbff; /* Helleres Blau für besseren Kontrast im Dark Mode */
88+
--link-hover: #c7e0ff; /* Noch helleres Blau für Hover im Dark Mode */
89+
--link-hover-shadow: 0 0 5px var(--link-hover); /* Leichter Neon-Effekt für Hover */
90+
--link-bg: rgba(158, 203, 255, 0.15); /* Angepasster Link-Hintergrund */
91+
--link-bg-hover: rgba(158, 203, 255, 0.25); /* Angepasster Link-Hintergrund Hover */
9192

9293
/* Dark Mode macOS-ähnliche Farben */
9394
--macos-bg-gradient-start: #2c3e50; /* Dunkles Grau */

0 commit comments

Comments
 (0)