📖 Update mkdocs, mkdocs-material, add light palette, minor change…

… of theme.
somespecialone · Nov 1, 2023 · a29f5bd · a29f5bd
1 parent f24c765
commit a29f5bd
Show file tree

Hide file tree

Showing 6 changed files with 301 additions and 124 deletions.
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -6,9 +6,3 @@ updates:
     schedule:
       interval: "weekly"
     open-pull-requests-limit: 3
-
-  - package-ecosystem: "github-actions"
-    directory: "/"
-    schedule:
-      interval: "weekly"
-    open-pull-requests-limit: 3
diff --git a/docs/theme/extra.css b/docs/theme/extra.css
@@ -1,33 +1,75 @@
-:root, [data-md-color-scheme=default] {
+[data-md-color-scheme] {
     --md-primary-fg-color: #171A21;
     --md-primary-bg-color: #c5c3c0;
     --md-default-bg-color: #1b2838;
-    --md-default-fg-color: #fff;
-    --md-default-fg-color--light: #acb2b8;
+    --md-default-fg-color: #b8b6b4;
+    --md-default-fg-color--light: #fff;
     --md-accent-fg-color: #66C0F4;
-    --md-default-fg-color--lighter: rgba(136, 136, 136, 0.32);
-}
+    --md-default-fg-color--lighter: rgba(136, 136, 136, 0.5);
 
-:root > * {
-    --md-typeset-a-color: var(--md-accent-fg-color);
-    --md-default-fg-color--lightest: var(--md-default-fg-color--lighter);
+    --md-typeset-a-color: #C6D4DF;
+    --md-typeset-color: var(--md-default-fg-color);
+    --md-footer-bg-color: #000;
 
     /* Code blocks colors */
     --md-code-fg-color: white;
     --md-code-bg-color: #2C3746;
     --md-code-hl-name-color: white;
     --md-code-hl-string-color: #0FF1CE;
     --md-code-hl-punctuation-color: white;
+
+    --md-admonition-bg-color: var(--md-default-bg-color)
 }
 
-/* mkautodoc */
-div.autodoc-docstring {
-  padding-left: 20px;
-  margin-bottom: 30px;
-  border-left: 5px solid rgba(230, 230, 230);
+[data-md-color-scheme=light] {
+    --md-primary-fg-color: #7c87a1;
+    --md-primary-bg-color: #fff;
+    --md-default-bg-color: #f2f4fa;
+    --md-default-fg-color: #656463;
+
+    --md-default-fg-color--light: #000;
+    --md-accent-fg-color: #66C0F4;
+
+    --md-typeset-a-color: #7c99ab;
+
+    /* Code blocks colors */
+    --md-code-fg-color: #000;
+    --md-code-bg-color: #fff;
+    --md-code-hl-name-color: #000;
+    --md-code-hl-string-color: green;
+    --md-code-hl-punctuation-color: #000;
+
+    --md-footer-bg-color: #1b2838;
 }
 
-div.autodoc-members {
-  padding-left: 20px;
-  margin-bottom: 15px;
+/* nav titles, list, anchors */
+.md-nav__title, .md-typeset h2, .md-typeset h3 {
+    color: var(--md-default-fg-color--light);
+}
+
+.md-nav__list {
+    color: var(--md-typeset-a-color);
+}
+
+.md-nav__item .md-nav__link--active {
+    color: var(--md-accent-fg-color);
+}
+
+/* mkautodoc */
+/*div.autodoc-docstring {*/
+/*    padding-left: 20px;*/
+/*    margin-bottom: 30px;*/
+/*    border-left: 5px solid rgba(230, 230, 230);*/
+/*}*/
+
+/*div.autodoc-members {*/
+/*    padding-left: 20px;*/
+/*    margin-bottom: 15px;*/
+/*}*/
+
+/* steam style */
+::selection {
+    background: var(--md-accent-fg-color);
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6666666667);
+    color: white;
 }
diff --git a/docs/theme/main.html b/docs/theme/main.html
@@ -1,13 +1,47 @@
 {% extends "base.html" %}
 
 {% block announce %}
-    <style>
-        #announce-ukraine {
-            font-size: 0.59rem;
+<style>
+    @keyframes marquee-left {
+        to {
+            transform: translateX(-100%);
         }
-    </style>
-  <div id="announce-ukraine">
-      I'M SORRY TO BOTHER YOU AGAIN, BUT IF THERE'S SOMETHING I CAN DO, I'LL DO IT. DON'T LET MY COUNTRY AND PEOPLE DIE.
-      ANYTHING, EVEN ONE WORD IN SUPPORT OF UKRAINE, WILL BE IMPORTANT. THANKS! 💛💙
-  </div>
+    }
+
+    #announce-ukraine {
+        height: 1rem;
+    }
+
+    #announce-ukraine > a {
+        position: absolute;
+        left: 0;
+        right: 0;
+        overflow: hidden;
+
+        display: flex;
+        white-space: nowrap;
+
+        font-style: italic;
+    }
+
+    #announce-ukraine > a > span {
+        animation: marquee-left 1s linear infinite;;
+    }
+</style>
+<div id="announce-ukraine">
+    <a href="https://stand-with-ukraine.pp.ua">
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+        <span>#StandWithUkraine 💛💙</span>
+    </a>
+</div>
 {% endblock %}
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -1,10 +1,12 @@
-site_name: AioSteampy
+site_name: AIOSTEAMPY
 site_url: https://aiosteampy.somespecial.one
+site_author: Dmytro Tkachenko
+site_description: Simple library to trade and interact with steam market, webapi, guard.
 
 repo_name: aiosteampy
 repo_url: https://github.com/somespecialone/aiosteampy
 
-copyright: Copyright &copy; 2023 Dmytro Tkachenko
+copyright: Copyright &copy; 2022 - 2023 Dmytro Tkachenko
 
 theme:
   name: material
@@ -21,6 +23,19 @@ theme:
     - navigation.expand
     - navigation.top
     - toc.follow
+    - search.suggest
+
+  palette:
+  - media: "(prefers-color-scheme: dark)"
+    scheme: default
+    toggle:
+      icon: material/lightbulb
+      name: Switch to light mode
+  - media: "(prefers-color-scheme: light)"
+    scheme: light
+    toggle:
+      icon: material/lightbulb-outline
+      name: Switch to dark mode
 
 extra_css:
   - theme/extra.css
@@ -29,8 +44,6 @@ extra:
   social:
     - icon: fontawesome/solid/envelope
       link: mailto:[email protected]
-    - icon: fontawesome/brands/linkedin
-      link: https://www.linkedin.com/in/somespecialone/
     - icon: fontawesome/solid/globe
       link: https://somespecial.one