Skip to content

Commit cc27c4d

Browse files
authored
fix: improve Sessionize widget visibility in dark mode
Add CSS rules to ensure Sessionize schedule tab navigation links are visible in dark mode. The widget's inline styles were causing inactive tabs to appear nearly invisible (dark text on dark background). Changes: - Apply --text-color to inactive Sessionize tab links in dark mode - Apply white color to active tab links for better contrast - Include :link and :visited pseudo-classes for comprehensive coverage - Add hover/focus states for consistent interaction feedback Fixes #198
1 parent d43001d commit cc27c4d

File tree

1 file changed

+19
-1
lines changed

1 file changed

+19
-1
lines changed

pythonie/core/static/css/style.css

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -320,10 +320,28 @@ footer .well {
320320
color: var(--nav-text);
321321
padding: 10px 15px 10px 25px;
322322
}
323-
323+
324324
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
325325
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
326326
background-color: var(--nav-hover-bg);
327327
color: var(--link-hover-color);
328328
}
329329
}
330+
331+
/* Sessionize widget dark mode support */
332+
html.dark .sz-tabs__link,
333+
html.dark .sz-tabs__link:link,
334+
html.dark .sz-tabs__link:visited {
335+
color: var(--text-color) !important;
336+
}
337+
338+
html.dark .sz-tabs__item--active .sz-tabs__link,
339+
html.dark .sz-tabs__item--active .sz-tabs__link:link,
340+
html.dark .sz-tabs__item--active .sz-tabs__link:visited {
341+
color: #fff !important;
342+
}
343+
344+
html.dark .sz-tabs__link:hover,
345+
html.dark .sz-tabs__link:focus {
346+
color: var(--link-hover-color) !important;
347+
}

0 commit comments

Comments
 (0)