diff --git a/python/docs/stylesheets/dark-favicon.ico b/python/docs/stylesheets/dark-favicon.ico new file mode 100644 index 000000000..888a914b6 Binary files /dev/null and b/python/docs/stylesheets/dark-favicon.ico differ diff --git a/python/docs/stylesheets/extra.css b/python/docs/stylesheets/extra.css index 92b39513c..8674e3eb1 100644 --- a/python/docs/stylesheets/extra.css +++ b/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,7 +34,7 @@ [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 */ @@ -62,7 +42,7 @@ --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,7 +60,7 @@ [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 */ @@ -88,7 +68,7 @@ --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 { diff --git a/python/docs/stylesheets/sift-favicon.ico b/python/docs/stylesheets/sift-favicon.ico deleted file mode 100644 index 47e2cd32e..000000000 Binary files a/python/docs/stylesheets/sift-favicon.ico and /dev/null differ diff --git a/python/docs/stylesheets/sift_logo_dark.svg b/python/docs/stylesheets/sift_logo_dark.svg index 13596ce75..51828af97 100644 --- a/python/docs/stylesheets/sift_logo_dark.svg +++ b/python/docs/stylesheets/sift_logo_dark.svg @@ -1,3 +1,11 @@ - - + + + + + + + + + + diff --git a/python/docs/stylesheets/sift_logo_light.svg b/python/docs/stylesheets/sift_logo_light.svg index 75e3f8bdb..dcfe2250c 100644 --- a/python/docs/stylesheets/sift_logo_light.svg +++ b/python/docs/stylesheets/sift_logo_light.svg @@ -1,3 +1,11 @@ - - + + + + + + + + + + diff --git a/python/mkdocs.yml b/python/mkdocs.yml index 0ca39526e..ed12ad4e7 100644 --- a/python/mkdocs.yml +++ b/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