Chore(docs): enable code highlighting and theme switcher

Signed-off-by: Petra Mirelli <80395360+iNtEgraIR2021@users.noreply.github.com>
Co-authored-by: Sean Molenaar <SMillerDev@users.noreply.github.com>
Signed-off-by: Benjamin Brahmer <info@b-brahmer.de>

docs/features/integration.md

@@ -13,18 +13,18 @@ Ex.
 #### Chrome / Edge
 
 1. Install [RSS Subscription Extension (by Google)](https://chrome.google.com/webstore/detail/rss-subscription-extensio/nlbjncdgjeocebhnmkbbbdekmmmcbfjd) extension
-2. Open the extension's options menu
-3. Click `Add..`
-4. In the *Description* field, enter a description for the RSS reader entry. 'NextCloud News' is a reasonable name.
-5. Enter `https://<NEXTCLOUD_BASE_PATH>/index.php/apps/news?subscribe_to=%s` replacing &lt;NEXTCLOUD_BASE_PATH&gt; with the base URL path to your NextCloud instance.
+1. Open the extension's options menu
+1. Click `Add..`
+1. In the *Description* field, enter a description for the RSS reader entry. 'NextCloud News' is a reasonable name.
+1. Enter `https://<NEXTCLOUD_BASE_PATH>/index.php/apps/news?subscribe_to=%s` replacing &lt;NEXTCLOUD_BASE_PATH&gt; with the base URL path to your NextCloud instance.
     * Domain based example: <https://cloud.mydomain.com/index.php/apps/news?subscribe_to=%s>
     * Domain+subpath based example: <https://cloud.mydomain.com/nextcloud/index.php/apps/news?subscribe_to=%s>
 
 #### Firefox
 
 1. Install Firefox Add-on Extension [Awesome RSS](https://addons.mozilla.org/en-US/firefox/addon/awesome-rss/)
-2. Open the `Preferences` for the extension
-3. In the 'Subscribe using' section, select the `NextCloud` radio button
-4. In the field link field, enter the base NextCloud URL.
+1. Open the `Preferences` for the extension
+1. In the 'Subscribe using' section, select the `NextCloud` radio button
+1. In the field link field, enter the base NextCloud URL.
     * Domain based example: <https://cloud.mydomain.com/>
     * Domain+subpath based example: <https://cloud.mydomain.com/nextcloud/>

mkdocs.yml

@@ -28,6 +28,22 @@ theme:
   logo: assets/logo.svg
   favicon: assets/favicon.png
   font: false
+  palette:
+   - media: "(prefers-color-scheme: light)"
+     scheme: default
+     accent: indigo
+     primary: indigo
+     toggle:
+        icon: material/toggle-switch-off-outline
+        name: Switch to dark mode
+   - media: "(prefers-color-scheme: dark)"
+     scheme: slate
+     primary: indigo
+     accent: indigo
+     toggle:
+        icon: material/toggle-switch
+        name: Switch to light mode
+
   features:
     - navigation.indexes
     - navigation.tracking
@@ -37,6 +53,13 @@ theme:
 
 markdown_extensions:
   - admonition
+  - pymdownx.highlight:
+      anchor_linenums: true
+      line_spans: "code-line"
+      pygments_lang_class: true
+  - pymdownx.inlinehilite
+  - pymdownx.snippets
+  - pymdownx.superfences
 
 # extra:
 #   version: