Support for dark mode

.gitignore

@@ -0,0 +1 @@
+.cache

docs/docs/cluster/cluster.md

@@ -1,6 +1,6 @@
 # Anatomy of a Drove Cluster
 The following diagram provides a high level overview of a typical Drove cluster.
-![Drove Cluster](../images/cluster.svg)
+![Drove Cluster](../images/cluster.png)
 The overall topology consists of the following components:
 
 - An **Apache ZooKeeper** cluster for state persistence and coordination

docs/docs/getting-started.md

@@ -1,4 +1,8 @@
-# Getting started with Drove
+---
+hide:
+  - navigation
+---
+# Getting Started
 
 To get a trivial cluster up and running on a machine, the [compose file](https://raw.githubusercontent.com/PhonePe/drove-orchestrator/master/compose/compose.yaml) can be used.
 
@@ -49,8 +53,15 @@ password = admin
 ```
 
 ## Deploy an app
+
+Get the sample app spec:
+```shell
+wget https://raw.githubusercontent.com/PhonePe/drove-cli/master/sample/test_app.json
+```
+
+Now deploy the app.
 ```shell
-drove -c local apps create sample/test_app.json
+drove -c local apps create test_app.json
 ```
 
 ## Scale the app

docs/docs/index.md

@@ -1,3 +1,7 @@
+---
+hide:
+  - navigation
+---
 # Introduction
 
 Drove is a container orchestrator built at [PhonePe](https://phonepe.com). It is focussed on simplicity, container performance and easy operations.

docs/docs/stylesheets/extra.css

@@ -0,0 +1,4 @@
+/* Dark mode */
+[data-md-color-scheme="slate"] img {
+    background-color: lightgray;
+}

docs/mkdocs.yml

@@ -6,13 +6,58 @@ theme:
   name: material
   features:
     - navigation.tracking
+    - navigation.path
+    - navigation.tabs
+    - navigation.tabs.sticky
+    # - navigation.sections
     - content.code.copy
     - content.code.annotate
-    # - navigation.expand
+    - navigation.expand
+    - toc.follow
+    - navigation.top
+    - search.suggest
+    - search.highlight
+    - search.share
+
+  palette:
+
+        # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default 
+
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to system preference
 plugins:
   - glightbox
   - search
   - awesome-pages
+  - privacy:
+      enabled: true
+      cache: true
+      cache_dir: .cache/plugins/privacy
+      assets: true
+      assets_fetch: true
+      assets_fetch_dir: assets/external
+      links: true
+      links_noopener: true
+  - offline:
+     enabled: true
+copyright: "Copyright © 2024  PhonePe India Pvt Ltd"
 
 markdown_extensions:
   - toc:
@@ -36,3 +81,6 @@ markdown_extensions:
         - name: mermaid
           class: mermaid
           format: !!python/name:pymdownx.superfences.fence_code_format
+
+extra_css:
+  - stylesheets/extra.css