From 080f747368a52c94d3b00fb259e485178a6dff8b Mon Sep 17 00:00:00 2001
From: Viicos <65306057+Viicos@users.noreply.github.com>
Date: Wed, 3 Dec 2025 15:46:53 +0100
Subject: [PATCH] Align documentation theme with other Pydantic libraries

---
 docs/extra/tweaks.css | 24 ++----------------------
 mkdocs.yml            | 20 +++++++++++++-------
 2 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/docs/extra/tweaks.css b/docs/extra/tweaks.css
index 513cc09ed..9284c7872 100644
--- a/docs/extra/tweaks.css
+++ b/docs/extra/tweaks.css
@@ -1,28 +1,8 @@
 /* https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/#custom-colors */
-:root {
-  --md-primary-fg-color: #e620e9;
-  --md-primary-fg-color--light: #e620e9;
-  --md-primary-fg-color--dark: #e620e9;
-  /* this color is used by the announce banner: */
-  --md-footer-bg-color: #1d0214;
-}
-
 /* Revert hue value to that of pre mkdocs-material v9.4.0 */
 [data-md-color-scheme="slate"] {
-  /* Hue taken from hsl of #1d0214, used for bg on website*/
-  --md-hue: 320;
-  /* Increase the lightness by 5%, opacity by 0.2 */
-  --md-default-fg-color: hsla(var(--md-hue),15%,95%,1.0);
-  --md-default-fg-color--light: hsla(var(--md-hue),15%,95%,0.76);
-  --md-default-fg-color--lighter: hsla(var(--md-hue),15%,95%,0.52);
-  --md-default-fg-color--lightest: hsla(var(--md-hue),15%,95%,0.32);
-  /* Change the saturation and lightness to match #1d0214 */
-  --md-default-bg-color: hsla(var(--md-hue),87%,6%,1);
-  --md-default-bg-color--light: hsla(var(--md-hue),87%,6%,0.54);
-  --md-default-bg-color--lighter: hsla(var(--md-hue),87%,6%,0.26);
-  --md-default-bg-color--lightest: hsla(var(--md-hue),87%,6%,0.07);
-  /* Increase the opacity of code to 1.0 */
-  --md-code-fg-color: hsla(var(--md-hue),18%,86%,1.0)
+  --md-hue: 230;
+  --md-default-bg-color: hsla(230, 15%, 21%, 1);
 }
 
 .custom-source-wrapper {
diff --git a/mkdocs.yml b/mkdocs.yml
index ac7878642..9ddffb7ed 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -16,20 +16,26 @@ theme:
   name: "material"
   custom_dir: "docs/overrides"
   palette:
+    - media: "(prefers-color-scheme)"
+      primary: pink
+      accent: pink
+      toggle:
+        icon: material/brightness-auto
+        name: "Switch to light mode"
     - media: "(prefers-color-scheme: light)"
       scheme: default
-      primary: custom
-      accent: custom
+      primary: pink
+      accent: pink
       toggle:
-        icon: material/lightbulb-outline
+        icon: material/brightness-7
         name: "Switch to dark mode"
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: custom
-      accent: custom
+      primary: pink
+      accent: pink
       toggle:
-        icon: material/lightbulb
-        name: "Switch to light mode"
+        icon: material/brightness-4
+        name: "Switch to system preference"
   features:
     - search.suggest
     - search.highlight