5 files changed, 113 insertions, 5 deletions

diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css
index 7b64a5e..d93488f 100644
--- a/src/components/landing/sections/Contact.module.css
+++ b/src/components/landing/sections/Contact.module.css
@@ -143,8 +143,10 @@
 }
 
 .small__icon {
-  height: 1.5rem;
-  width: 1.5rem;
+  height: 2rem;
+  width: 2rem;
+  padding: 0.25rem;
+  margin: -0.25rem;
 }
 
 .photo__container {
@@ -180,3 +182,35 @@
     transform: none !important;
   }
 }
+
+@media (forced-colors: active) {
+  .contact__icon-holder {
+    border: 2px solid ButtonBorder;
+    background: ButtonFace;
+    transition: none;
+  }
+
+  .contact__icon {
+    color: ButtonText;
+    transition: none;
+  }
+
+  .contact:not(:has(.contact__action:hover)):hover .contact__icon-holder,
+  .contact:focus-within:not(:has(.contact__action:focus)) .contact__icon-holder,
+  .contact:has(.contact__action--alternate:hover) .contact__icon-holder,
+  .contact:has(.contact__action--alternate:focus) .contact__icon-holder {
+    background: Highlight;
+  }
+
+  .contact:not(:has(.contact__action:hover)):hover .contact__icon,
+  .contact:focus-within:not(:has(.contact__action:focus)) .contact__icon,
+  .contact__icon--alternate {
+    color: HighlightText;
+  }
+
+  .small__link:hover .small__icon,
+  .small__link:focus .small__icon {
+    background: Highlight;
+    color: HighlightText;
+  }
+}
diff --git a/src/components/landing/sections/Hero.module.css b/src/components/landing/sections/Hero.module.css
index 01a5b7b..d8aa99a 100644
--- a/src/components/landing/sections/Hero.module.css
+++ b/src/components/landing/sections/Hero.module.css
@@ -112,3 +112,16 @@
   width: 2rem;
   height: 2rem;
 }
+
+@media (forced-colors: active) {
+  .avatar__holder {
+    border: 2px solid CanvasText;
+  }
+
+  .contacts__icon:hover,
+  .contacts__icon:focus {
+    color: HighlightText;
+    background: Highlight;
+    transition: none;
+  }
+}
diff --git a/src/components/landing/sections/Resume.module.css b/src/components/landing/sections/Resume.module.css
index fee62b5..5974ca9 100644
--- a/src/components/landing/sections/Resume.module.css
+++ b/src/components/landing/sections/Resume.module.css
@@ -166,3 +166,17 @@
 .thesis-links__link {
   font-size: 0.875rem;
 }
+
+@media (forced-colors: active) {
+  .cv::before {
+    background: CanvasText;
+  }
+
+  .cv__item::before {
+    border-color: CanvasText;
+  }
+
+  .cv__time::before {
+    border: 1px solid CanvasText;
+  }
+}
diff --git a/src/components/landing/sections/Software.module.css b/src/components/landing/sections/Software.module.css
index 5287bc8..7bbeef2 100644
--- a/src/components/landing/sections/Software.module.css
+++ b/src/components/landing/sections/Software.module.css
@@ -399,3 +399,51 @@
     transform: none !important;
   }
 }
+
+@media (prefers-reduced-transparency: reduce) {
+  .overlay {
+    background: #ebedf0;
+  }
+
+  [data-theme='dark'] .overlay {
+    background: #21252b;
+  }
+}
+
+@media (forced-colors: active) {
+  .software {
+    border: 2px solid ButtonBorder;
+    background: Canvas;
+  }
+
+  .overlay {
+    background: Canvas !important;
+  }
+
+  .ferdium__icon {
+    border: 2px solid ButtonBorder;
+    background: ButtonFace;
+  }
+
+  .ferdium__icon::after {
+    display: none;
+  }
+
+  .software--ferdium:hover .ferdium__icon,
+  .software--ferdium:focus-within .ferdium__icon {
+    background: Highlight;
+  }
+
+  .ferdium__logo path {
+    fill: ButtonText !important;
+  }
+
+  .software--ferdium:hover .ferdium__logo path,
+  .software--ferdium:focus-within .ferdium__logo path {
+    fill: HighlightText !important;
+  }
+
+  .refinery__logo :global(.refinery-a) {
+    fill: #000;
+  }
+}
diff --git a/src/components/landing/sections/Software.tsx b/src/components/landing/sections/Software.tsx
index 34178cc..7897177 100644
--- a/src/components/landing/sections/Software.tsx
+++ b/src/components/landing/sections/Software.tsx
@@ -31,9 +31,8 @@ function ScreenshotImage() {
   // https://github.com/facebook/docusaurus/blob/e012e0315862b2ca02cad40c58d11d31c319ff75/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx#L32-L36
   const isBrowser = useIsBrowser();
   const { colorMode } = useColorMode();
-  const refineryScreenshot = colorMode === 'dark'
-    ? refineryScreenshotLight
-    : refineryScreenshotDark;
+  const refineryScreenshot =
+    colorMode === 'dark' ? refineryScreenshotLight : refineryScreenshotDark;
 
   const screenshot = (
     <img