From def05a92e709246fabd9f9c824ff04c7f7a1c848 Mon Sep 17 00:00:00 2001 From: Kyle Gospodnetich Date: Wed, 28 Aug 2024 17:30:33 -0700 Subject: [PATCH] chore(docs): Add basic CSS theme --- docs/mkdocs.yml | 3 ++- docs/src/stylesheets/bazzite.css | 32 ++++++++++++++++++++++++++++++++ 2 files changed, 34 insertions(+), 1 deletion(-) create mode 100644 docs/src/stylesheets/bazzite.css diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml index 72637b18..fe00a0a3 100644 --- a/docs/mkdocs.yml +++ b/docs/mkdocs.yml @@ -14,6 +14,7 @@ validation: extra_css: - stylesheets/image_sizing.css + - stylesheets/bazzite.css theme: name: material custom_dir: theme_overrides @@ -36,7 +37,7 @@ theme: name: Switch to system preference favicon: img/favicon.svg - logo: img/logo_BW.svg + logo: img/favicon.svg icon: repo: fontawesome/brands/github features: diff --git a/docs/src/stylesheets/bazzite.css b/docs/src/stylesheets/bazzite.css new file mode 100644 index 00000000..1fc72f94 --- /dev/null +++ b/docs/src/stylesheets/bazzite.css @@ -0,0 +1,32 @@ +@import url(https://fonts.googleapis.com/css?family=DM+Sans); + +body { + --md-text-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +.md-header--shadow, +.md-tabs { + backdrop-filter: blur(10px); + background-color: rgba(38,38,38,0.95); + box-shadow: 0px 3px 8px rgba(0,0,0,0.25); +} + +.md-header { + backdrop-filter: blur(10px); + background-color: rgba(38,38,38,0.95); +} + +.md-footer { + display: none; + visibility: hidden; +} + +.md-header__source { + padding-top: 5px; +} + +.md-source { + border-radius: 15px; + background-image: linear-gradient(130deg, #0546AD 0%, #8A2BE2 100%); + box-shadow: 0px 0px 5px rgba(0,0,0,0.25); +}