Release 2.2.0 version

Author: maximilionus

.github/workflows/release_actions.yml

@@ -0,0 +1,22 @@
+name: release actions
+
+on:
+  release:
+    types:
+      - published
+
+jobs:
+  attach_usercss:
+    name: attach user-css file
+    runs-on: "ubuntu-18.04"
+    env:
+      usercss_path: "./python_docs_dark.user.css"
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: upload file
+        uses: AButler/upload-release-assets@v2.0
+        with:
+          files: "${{ env.usercss_path }}"
+          repo-token: ${{ secrets.GITHUB_TOKEN }}

CHANGELOG.md

@@ -1,6 +1,12 @@
 # Python Docs - Dark Theme: Changelog
 
 
+## **2.2.0** - 2022.02.27
+### Added
+- Support for new elements of python documentation pages
+- Support for mobile version elemets
+
+
 ## **2.1.1** - 2020.11.16
 ### Fixed
 - Colors highlighting for some code elements

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 maximilionus
+Copyright (c) 2022 maximilionus
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,19 +1,19 @@
 <h1 align="center">
-    Python Docs<br>
-    Dark Theme
+    Python Documentation<br>
+    Dark 🌒 Theme
 </h1>
-<details align="center"><summary>Preview Image</summary>
+<details align="center"><summary align="left">🎨 Preview Image</summary>
     <img src="./images/preview.png">
 </details>
 
-## About
+## ❓ About
 This repository contains the userstyle dark theme for python documentation and other web pages that inherit the stylesheet from official docs.
 
-## Installation
-1. Ensure that **Stylus** extension ([Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne), [Firefox](https://addons.mozilla.org/ru/firefox/addon/styl-us/)) is installed in your browser
-2. 📦 [Install the usercss](https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark.user.css)
+## 📦 Installation
+1. 🧩 Ensure that **Stylus** extension ([Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne), [Firefox](https://addons.mozilla.org/ru/firefox/addon/styl-us/)) is installed in your browser
+2. ⬇️ [Install The Usercss](https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark.user.css)
 
-## Supported Domains
+## ☄️ Supported Domains
 Here's list of domains that are currenlty supported by this userstyle.
 
 - docs.python.org

images/preview.png

@@ -4,7 +4,7 @@
 @homepageURL    https://github.com/maximilionus/python_docs_dark
 @updateURL      https://github.com/maximilionus/python_docs_dark/raw/master/python_docs_dark.user.css
 @license        MIT
-@version        2.1.1
+@version        2.2.0
 @description    Dark theme for docs.python.org
 @author         maximilionus <maximilionuss@gmail.com>
 ==/UserStyle== */
@@ -31,6 +31,23 @@
         border-radius: 4px;
     }
 
+    .mobile-nav {
+        background-color: var(--background-light);
+        color: var(--text-normal)
+    }
+
+    .menu-wrapper {
+        background-color: var(--background-dark);
+    }
+
+    .menu a {
+        color: var(--text-normal);
+    }
+
+    .toggler__label {
+        border-color: var(--background-dark);
+    }
+
     div#sidebarbutton {
         color: #6d6d6d !important;
         background-color: var(--background-light) !important;
@@ -62,7 +79,8 @@
         background-color: var(--background-dark);
     }
 
-    div.topic {
+    div.topic,
+    .nav-content .search input[type=submit] {
         border: 0px;
         background-color: var(--background-gray);
     }
@@ -169,6 +187,20 @@
         background-color: var(--background-gray);
     }
 
+    .version_switcher_placeholder,
+    .language_switcher_placeholder,
+    .nav-content
+    {
+        background-color: var(--background-dark);
+        border: 2px solid var(--background-gray);
+        border-radius: 5px;
+    }
+
+    .language_switcher_placeholder select, .version_switcher_placeholder select {
+        background-color: var(--background-dark);
+        border: none;
+    }
+
     .highlight .o {
         color: #bfbfbf;
     }
@@ -268,4 +300,8 @@
     .highlight .na {
         color: #508fce;
     }
+
+    .warning code {
+        background-color: var(--background-dark);
+    }
 }