Skip to content

Commit 4f3caa1

Browse files
committed
fix: sidebar current page link visibility in light theme
- Add styles for sidebar current page links in light theme - Set text color to accent orange (rgb(237, 107, 53)) - Add light orange background for better visibility - Fixes issue where text was invisible due to color matching background
1 parent 291270f commit 4f3caa1

1 file changed

Lines changed: 13 additions & 0 deletions

File tree

src/styles/custom.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -218,3 +218,16 @@ body > header.header,
218218
grid-template-columns: 1fr;
219219
}
220220
}
221+
222+
/* Sidebar current page link - Light theme fix */
223+
:root:not([data-theme='dark']) .sidebar a[aria-current='page'],
224+
:root:not([data-theme='dark']) .sidebar .current,
225+
:root:not([data-theme='dark']) .sidebar a.current {
226+
color: rgb(237, 107, 53) !important;
227+
background-color: rgba(237, 107, 53, 0.1) !important;
228+
}
229+
230+
:root:not([data-theme='dark']) .sidebar a[aria-current='page']:hover,
231+
:root:not([data-theme='dark']) .sidebar .current:hover {
232+
background-color: rgba(237, 107, 53, 0.15) !important;
233+
}

0 commit comments

Comments
 (0)