diff options
Diffstat (limited to 'src/css/custom.css')
-rw-r--r-- | src/css/custom.css | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/src/css/custom.css b/src/css/custom.css index 29a89b5..3c2ce81 100644 --- a/src/css/custom.css +++ b/src/css/custom.css | |||
@@ -139,3 +139,121 @@ h3, | |||
139 | .katex-display { | 139 | .katex-display { |
140 | overflow-y: auto; | 140 | overflow-y: auto; |
141 | } | 141 | } |
142 | |||
143 | @media (forced-colors: active) { | ||
144 | .navbar, | ||
145 | .hero { | ||
146 | border-bottom: 2px solid CanvasText; | ||
147 | } | ||
148 | |||
149 | .footer { | ||
150 | border-top: 2px solid CanvasText; | ||
151 | } | ||
152 | |||
153 | .button { | ||
154 | forced-color-adjust: none; | ||
155 | border-width: 2px; | ||
156 | --ifm-button-background-color: ButtonFace !important; | ||
157 | --ifm-button-border-color: ButtonBorder !important; | ||
158 | color: ButtonText !important; | ||
159 | transition: none; | ||
160 | } | ||
161 | |||
162 | .button:hover, | ||
163 | .button:focus { | ||
164 | --ifm-button-background-color: Highlight !important; | ||
165 | color: HighlightText !important; | ||
166 | } | ||
167 | |||
168 | .dropdown > .navbar__link:after { | ||
169 | border-right-color: Canvas; | ||
170 | border-left-color: Canvas; | ||
171 | } | ||
172 | |||
173 | .dropdown__menu { | ||
174 | border: 2px solid CanvasText; | ||
175 | } | ||
176 | |||
177 | .navbar__link:hover, | ||
178 | .navbar__link:focus, | ||
179 | .dropdown__link:hover, | ||
180 | .dropdown__link:focus, | ||
181 | .menu__link:hover, | ||
182 | .menu__link:focus { | ||
183 | text-decoration: underline; | ||
184 | } | ||
185 | |||
186 | .navbar-sidebar { | ||
187 | outline: 1rem solid CanvasText; | ||
188 | } | ||
189 | |||
190 | .navbar-sidebar__backdrop { | ||
191 | display: none; | ||
192 | } | ||
193 | |||
194 | .menu__link--sublist-caret::after { | ||
195 | background: Canvas; | ||
196 | height: 0; | ||
197 | width: 0; | ||
198 | min-width: 0; | ||
199 | border: 0.5rem solid Canvas; | ||
200 | border-bottom-color: CanvasText; | ||
201 | filter: none; | ||
202 | transform: rotate(180deg) scale(150%) translatey(-0.25rem); | ||
203 | } | ||
204 | |||
205 | .menu__list-item--collapsed .menu__link--sublist-caret::after { | ||
206 | transform: rotate(90deg) scale(150%) translatey(-0.25rem); | ||
207 | } | ||
208 | |||
209 | .navbar-sidebar__close * { | ||
210 | stroke: CanvasText !important; | ||
211 | stroke-width: 2px !important; | ||
212 | } | ||
213 | |||
214 | .menu__list-item { | ||
215 | border: 2px solid Canvas; | ||
216 | } | ||
217 | |||
218 | .menu__list-item:has(.menu__link--sublist-caret) { | ||
219 | border-color: CanvasText; | ||
220 | } | ||
221 | |||
222 | .theme-admonition, | ||
223 | .theme-code-block, | ||
224 | .markdown details { | ||
225 | border: 2px solid CanvasText; | ||
226 | } | ||
227 | |||
228 | .theme-admonition svg * { | ||
229 | fill: CanvasText !important; | ||
230 | } | ||
231 | |||
232 | .markdown summary::before { | ||
233 | border-top-color: Canvas !important; | ||
234 | border-right-color: Canvas !important; | ||
235 | border-bottom-color: Canvas !important; | ||
236 | } | ||
237 | |||
238 | .table-of-contents__link:hover, | ||
239 | .table-of-contents__link:focus { | ||
240 | text-decoration: underline; | ||
241 | } | ||
242 | |||
243 | .tabs__item[aria-selected='false'] { | ||
244 | border-color: Canvas; | ||
245 | } | ||
246 | |||
247 | .menu__link--active, .dropdown__link--active { | ||
248 | border-radius: 0; | ||
249 | } | ||
250 | |||
251 | .menu__link--active, .navbar__link--active, .dropdown__link--active, .table-of-contents__link--active, | ||
252 | .menu__link--active *, .navbar__link--active *, .dropdown__link--active *, .table-of-contents__link--active * { | ||
253 | forced-color-adjust: none; | ||
254 | color: HighlightText !important; | ||
255 | border-color: HighlightText !important; | ||
256 | background: Highlight !important; | ||
257 | transition: none; | ||
258 | } | ||
259 | } | ||