Chore (python): update to new branding

python/docs/stylesheets/extra.css

@@ -1,32 +1,12 @@
 /* MkDocs Material Dark Theme Overrides - Fumadocs Style */
 
 :root {
-    --tomato-1: #f9f6f5;
-    --tomato-2: #f9f2f0;
-    --tomato-3: #f9e4df;
-    --tomato-4: #ffd4ca;
-    --tomato-5: #fec4b7;
-    --tomato-6: #f9b3a4;
-    --tomato-7: #f19e8c;
-    --tomato-8: #e9826d;
-    --tomato-9: #ee4220;
-    --tomato-10: #e03006;
-    --tomato-11: #c82700;
-    --tomato-12: #5f2519;
-    --tomato-a1: #96612e05;
-    --tomato-a2: #c947140a;
-    --tomato-a3: #e933041b;
-    --tomato-a4: #ffd4ca;
-    --tomato-a5: #ffb3a2c0;
-    --tomato-a6: #f62f0358;
-    --tomato-a7: #e42a0170;
-    --tomato-a8: #dc270290;
-    --tomato-a9: #ed2801df;
-    --tomato-a10: #df2b00f9;
-    --tomato-a11: #c82700;
-    --tomato-a12: #4e0e01e6;
-
-    --brand-color: var(--tomato-9);
+    /* Sift Brand Colors */
+    --sift-orange: #EE4120;
+    --sift-ceramic: #F5F5F5;
+    --sift-dark: #101010;
+
+    --brand-color: var(--sift-orange);
 
     /* MkDocs Material Accent Colors */
     --md-accent-fg-color: var(--brand-color);
@@ -54,15 +34,15 @@
 [data-md-color-scheme="slate"] {
     /* Primary Colors */
     --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
-    --md-default-bg-color: rgb(0, 0, 0);
+    --md-default-bg-color: var(--sift-dark);
     --md-primary-bg-color: var(--font-foreground-color);
 
     /* Logo Display */
     --md-footer-logo-dark-mode: block;
     --md-footer-logo-light-mode: none;
 
     /* Custom Theme Colors */
-    --header-bg-color: hsl(0 0% 8.04%/.8);
+    --header-bg-color: rgb(from var(--sift-dark) r g b / 0.8);
     --bold-header-color: white;
     --font-foreground-color: rgb(255, 255, 255);
     --border-color: rgb(36, 36, 36);
@@ -80,15 +60,15 @@
 [data-md-color-scheme="default"] {
     /* Primary Colors */
     --md-primary-bg-color--light: hsla(0, 0%, 0%, 0.7);
-    --md-default-bg-color: rgb(255, 255, 255);
+    --md-default-bg-color: var(--sift-ceramic);
     --md-primary-bg-color: var(--font-foreground-color);
 
     /* Logo Display */
     --md-footer-logo-dark-mode: none;
     --md-footer-logo-light-mode: block;
 
     /* Custom Theme Colors */
-    --header-bg-color: hsl(0 0% 96%/.8);
+    --header-bg-color: rgb(from var(--sift-ceramic) r g b / 0.8);
     --bold-header-color: black;
     --font-foreground-color: rgb(10, 10, 10);
     --border-color: rgb(229, 229, 229);
@@ -127,9 +107,11 @@
 .md-header__button.md-logo {
     margin: 0 !important;
     padding: 0 !important;
+    padding-right: 4px !important;
 
     > img {
-        height: 2rem !important;
+        height: 18px !important;
+        width: auto !important;
     }
 }
 
@@ -205,7 +187,7 @@
    ============================================================================= */
 
 .md-code__content {
-    border-radius: 7px !important;
+    border-radius: 4pt !important;
     border: var(--border-color) solid 1px;
     background-color: var(--code-box-background-color) !important;
     font-size: 14px !important;
@@ -217,7 +199,7 @@
 
 .md-search__input, .md-search__suggest, .md-search__form {
     background-color: var(--search-bg) !important;
-    border-radius: 0.5rem !important;
+    border-radius: 4pt !important;
     border: var(--border-color) solid 1px;
 
     ::placeholder {

python/mkdocs.yml

@@ -5,7 +5,7 @@ copyright: "Copyright 2025 Sift Stack, Inc."
 theme:
   name: material
   custom_dir: docs/overrides
-  favicon: stylesheets/sift-favicon.ico
+  favicon: stylesheets/dark-favicon.ico
   palette:
     # Palette toggle for automatic mode
     - media: "(prefers-color-scheme)"
@@ -28,8 +28,8 @@ theme:
       toggle:
         icon: material/brightness-4
         name: Switch to system preference
-  logo_light_mode: stylesheets/sift_logo_dark.svg
-  logo_dark_mode: stylesheets/sift_logo_light.svg
+  logo_light_mode: stylesheets/sift_logo_light.svg
+  logo_dark_mode: stylesheets/sift_logo_dark.svg
   font:
     text: IBM Plex Sans
     code: IBM Plex Mono