From 0ffaa72c5b2172aded5e24cd6c935b3304e68383 Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Sun, 18 Aug 2024 22:52:24 +0200
Subject: Forced colors mode support

---
 src/css/custom.css | 118 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 118 insertions(+)

(limited to 'src/css/custom.css')

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,
 .katex-display {
   overflow-y: auto;
 }
+
+@media (forced-colors: active) {
+  .navbar,
+  .hero {
+    border-bottom: 2px solid CanvasText;
+  }
+
+  .footer {
+    border-top: 2px solid CanvasText;
+  }
+
+  .button {
+    forced-color-adjust: none;
+    border-width: 2px;
+    --ifm-button-background-color: ButtonFace !important;
+    --ifm-button-border-color: ButtonBorder !important;
+    color: ButtonText !important;
+    transition: none;
+  }
+
+  .button:hover,
+  .button:focus {
+    --ifm-button-background-color: Highlight !important;
+    color: HighlightText !important;
+  }
+
+  .dropdown > .navbar__link:after {
+    border-right-color: Canvas;
+    border-left-color: Canvas;
+  }
+
+  .dropdown__menu {
+    border: 2px solid CanvasText;
+  }
+
+  .navbar__link:hover,
+  .navbar__link:focus,
+  .dropdown__link:hover,
+  .dropdown__link:focus,
+  .menu__link:hover,
+  .menu__link:focus {
+    text-decoration: underline;
+  }
+
+  .navbar-sidebar {
+    outline: 1rem solid CanvasText;
+  }
+
+  .navbar-sidebar__backdrop {
+    display: none;
+  }
+
+  .menu__link--sublist-caret::after {
+    background: Canvas;
+    height: 0;
+    width: 0;
+    min-width: 0;
+    border: 0.5rem solid Canvas;
+    border-bottom-color: CanvasText;
+    filter: none;
+    transform: rotate(180deg) scale(150%) translatey(-0.25rem);
+  }
+
+  .menu__list-item--collapsed .menu__link--sublist-caret::after {
+    transform: rotate(90deg) scale(150%) translatey(-0.25rem);
+  }
+
+  .navbar-sidebar__close * {
+    stroke: CanvasText !important;
+    stroke-width: 2px !important;
+  }
+
+  .menu__list-item {
+    border: 2px solid Canvas;
+  }
+
+  .menu__list-item:has(.menu__link--sublist-caret) {
+    border-color: CanvasText;
+  }
+
+  .theme-admonition,
+  .theme-code-block,
+  .markdown details {
+    border: 2px solid CanvasText;
+  }
+
+  .theme-admonition svg * {
+    fill: CanvasText !important;
+  }
+
+  .markdown summary::before {
+    border-top-color: Canvas !important;
+    border-right-color: Canvas !important;
+    border-bottom-color: Canvas !important;
+  }
+
+  .table-of-contents__link:hover,
+  .table-of-contents__link:focus {
+    text-decoration: underline;
+  }
+
+  .tabs__item[aria-selected='false'] {
+    border-color: Canvas;
+  }
+
+  .menu__link--active, .dropdown__link--active {
+    border-radius: 0;
+  }
+
+  .menu__link--active, .navbar__link--active, .dropdown__link--active, .table-of-contents__link--active,
+  .menu__link--active *, .navbar__link--active *, .dropdown__link--active *, .table-of-contents__link--active * {
+    forced-color-adjust: none;
+    color: HighlightText !important;
+    border-color: HighlightText !important;
+    background: Highlight !important;
+    transition: none;
+  }
+}
-- 
cgit v1.2.3-70-g09d2