@@ -37,7 +37,7 @@ a:hover {
3737
3838/* Sidebar links styling - change to bronze */
3939.bd-sidebar-primary a {
40- color : var (--medium -purple ) !important ; /* Bronze color for sidebar links */
40+ color : var (--light -purple ) !important ; /* Bronze color for sidebar links */
4141 font-weight : bold;
4242}
4343
@@ -47,7 +47,7 @@ a:hover {
4747
4848/* Sidebar headers and dividers: Bronze for accent */
4949.sidebar-primary-item h2 {
50- color : var (--medium -purple ); /* Bronze headers for sidebar */
50+ color : var (--light -purple ); /* Bronze headers for sidebar */
5151}
5252
5353.sidebar-primary-item hr {
@@ -112,22 +112,8 @@ table th {
112112 background-color : white; /* Bronze header background */
113113}
114114
115- /* Secondary sidebar links */
116- .bd-sidebar-secondary a {
117- color : var (--medium-purple ); /* Bronze color for links */
118- }
119-
120- .bd-sidebar-secondary a : hover {
121- color : var (--light-purple ); /* Neon green on hover */
122- }
123-
124- /* Secondary sidebar headings */
125- .bd-sidebar-secondary h2 {
126- color : var (--medium-purple ); /* Bronze headings */
127- }
128-
129115.bd-toc a {
130- color : var (--medium -purple ); /* Bronze color for TOC links */
116+ color : var (--light -purple ); /* Bronze color for TOC links */
131117}
132118
133119.bd-toc a : hover {
@@ -140,7 +126,7 @@ table th {
140126 font-weight : bold;
141127}
142128.toc-h2 a .nav-link {
143- color : var (--medium -purple ) !important ; /* Teal color when inactive */
129+ color : var (--light -purple ) !important ; /* Teal color when inactive */
144130 font-weight : bold;
145131}
146132
@@ -149,17 +135,6 @@ table th {
149135 font-weight : bold;
150136}
151137
152- /* On-this-page section styling in sidebar */
153- .bd-sidebar-secondary .onthispage {
154- color : var (--medium-purple ) !important ;
155- font-weight : bold;
156- }
157-
158- .bd-sidebar-secondary .onthispage * {
159- color : var (--medium-purple ) !important ; /* Bronze for all nested elements */
160- font-weight : bold;
161- }
162-
163138/* Button in header article */
164139.bd-header-article .btn {
165140 color : var (--medium-purple ) !important ; /* Bronze text */
@@ -183,6 +158,20 @@ span.caption-text {
183158 font-size : 1.6em ;
184159}
185160
161+ .toc-entry a .nav-link .active {
162+ background-color : transparent;
163+ box-shadow : inset max (3px , .1875rem , .12em ) 0 0 var (--light-purple );
164+ color : var (--light-purple );
165+ font-weight : 600 ;
166+ }
167+
168+ nav .bd-links .current > a {
169+ background-color : transparent;
170+ box-shadow : inset max (3px , .1875rem , .12em ) 0 0 var (--light-purple );
171+ color : var (--light-purple );
172+ font-weight : 600 ;
173+ }
174+
186175header .bd-header .navbar a : hover {
187176 color : var (--light-purple ) !important ; /* Teal-green hover */
188177}
@@ -208,6 +197,10 @@ html[data-theme="light"] {
208197 --pst-color-background : # fdfdff ;
209198 }
210199
200+ a .current .reference .internal {
201+ color : var (--light-purple ) !important ; /* Use the light purple variable */
202+ font-weight : bold; /* Optional: make it bold for emphasis */
203+ }
211204
212205html [data-theme = "dark" ] {
213206 /* Primary color: Keep this as it is unless you want to change it */
@@ -322,4 +315,33 @@ html[data-theme="dark"] tbody tr.row-odd:hover {
322315
323316html [data-theme = "dark" ] tbody tr .row-even : hover {
324317 background-color : var (--dark-purple ); /* Light purple color */
325- }
318+ }
319+
320+ html [data-theme = "dark" ] .bd-header-article .btn {
321+ color : var (--light-purple ) !important ;
322+ background-color : transparent;
323+ }
324+
325+ html [data-theme = "dark" ] .bd-sidebar-secondary .onthispage * {
326+ color : var (--lighter-purple ) !important ;
327+ font-weight : bold;
328+ }
329+
330+ html [data-theme = "dark" ] .bd-sidebar-secondary .onthispage {
331+ color : var (--lighter-purple ) !important ;
332+ font-weight : bold;
333+ }
334+
335+ html [data-theme = "dark" ] .toc-entry a .nav-link .active {
336+ background-color : transparent;
337+ box-shadow : inset max (3px , .1875rem , .12em ) 0 0 var (--lighter-purple );
338+ color : var (--lighter-purple );
339+ font-weight : 600 ;
340+ }
341+
342+ nav .bd-links .current > a {
343+ background-color : transparent;
344+ box-shadow : inset max (3px , .1875rem , .12em ) 0 0 var (--lighter-purple );
345+ color : var (--lighter-purple );
346+ font-weight : 600 ;
347+ }
0 commit comments