Skip to content

Commit 0c36f0a

Browse files
fix libraries page in dark mode
1 parent 2aa49fd commit 0c36f0a

File tree

1 file changed

+47
-0
lines changed

1 file changed

+47
-0
lines changed

theming/theme-dark.scss

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,53 @@ a {
8383
background-color: $background-nav !important;
8484
}
8585

86+
.level4, .listing-category {
87+
color: $foreground !important;
88+
}
89+
90+
::selection {
91+
color: $links-hover;
92+
background: $background-nav;
93+
}
94+
95+
.tooltip {
96+
--bs-tooltip-color: $black !important;
97+
--bs-tooltip-bg: $white !important;
98+
}
99+
100+
// table background & text
101+
.packages-table {
102+
background-color: $background-body !important;
103+
color: $li-color !important;
104+
}
105+
106+
// cell borders
107+
.packages-table th,
108+
.packages-table td {
109+
border-bottom-color: $gray-900 !important;
110+
}
111+
112+
// header row
113+
.packages-table thead {
114+
background-color: $gray-900 !important;
115+
}
116+
117+
// zebra stripes
118+
.packages-table tbody tr:nth-child(odd) {
119+
background-color: darken($background-nav, 5%) !important;
120+
}
121+
122+
// hover state
123+
.packages-table tbody tr:hover {
124+
background-color: lighten($background-nav, 5%) !important;
125+
}
126+
127+
// “Deprecated” badge styling
128+
.badge.deprecated {
129+
color: $white !important;
130+
background-color: $red !important;
131+
}
132+
86133
// Universal Box Styling for Dark Mode
87134
.box {
88135
background-color: $panel-bg !important;

0 commit comments

Comments
 (0)