docs - Initial theme layout

docs/docs/mkdocs.yml

@@ -1,10 +0,0 @@
-site_name: "MeshCentral2 Documentation"
-nav:
-  - Home: index.md
-site_description: "A remote monitoring and management tool"
-site_author: " Ylianst"
-site_url: "https://git.meshcentral.com/"
-
-# Repository
-repo_name: "Ylianst/MeshCentral"
-repo_url: "https://github.com/Ylianst/MeshCentral"

docs/docs/stylesheets/extra.css

@@ -0,0 +1,63 @@
+.md-header {
+    background-color: #0b3e81 !important;
+    color: white !important;
+}
+.md-search__input {
+    background-color: white !important;
+}
+.md-search__icon[for=__search]{
+    color: initial;
+}
+.md-container {
+    background-color: #0b3e81;
+}
+.md-footer-meta__inner {
+    background-color: #0b3e81;
+}
+.md-grid {
+}
+.md-nav__item .md-nav__link--active {
+    color: white;
+}
+.md-nav__link {
+    color: white;
+}
+.md-nav__link[data-md-state=blur] {
+    color: white;
+}
+.md-typeset a {
+    color: whitesmoke;
+    text-decoration: underline;
+    text-shadow: 4px 4px 8px black;
+}
+.md-typeset h1 {
+    color: white;
+    text-shadow: 4px 4px 8px black;
+}
+.md-typeset h2 {
+    color: white;
+    text-shadow: 4px 4px 8px black;
+}
+.md-typeset h3 {
+    color: white;
+    text-shadow: 4px 4px 8px black;
+}
+.md-typeset h4 {
+    color: white;
+    text-shadow: 4px 4px 8px black;
+}
+.md-typeset h5 {
+    color: white;
+    text-shadow: 4px 4px 8px black;
+}
+.md-main {
+    color: white !important;
+    background-color: #113962;
+    background: linear-gradient(to bottom, #104893 0%,#113962 100%);
+}
+a:link {
+    color: #c8c8c8;
+}
+.html {
+    background-color: #0b3e81;
+}

docs/mkdocs.yml

@@ -0,0 +1,54 @@
+site_name: "MeshCentral2 Documentation"
+nav:
+  - Home: index.md
+site_description: "A remote monitoring and management tool"
+site_author: " Ylianst"
+site_url: "https://git.meshcentral.com/"
+
+# Repository
+repo_name: "Ylianst/MeshCentral"
+repo_url: "https://github.com/Ylianst/MeshCentral"
+edit_uri: ""
+
+theme:
+  name: "material"
+  logo: "images/favicon.ico"
+  favicon: "images/favicon.ico"
+  language: "en"
+  palette:
+    primary: "white"
+    accent: "indigo"
+  features:
+extra_css:
+  - stylesheets/extra.css
+
+markdown_extensions:
+  - pymdownx.keys
+  - pymdownx.inlinehilite
+  - pymdownx.arithmatex:
+      generic: true
+  - pymdownx.betterem:
+      smart_enable: all
+  - pymdownx.caret
+  - admonition
+  - pymdownx.details
+  - pymdownx.highlight
+  - pymdownx.inlinehilite
+  - pymdownx.keys
+  - pymdownx.mark
+  - pymdownx.smartsymbols
+  - pymdownx.highlight
+  - pymdownx.inlinehilite
+  - pymdownx.keys
+  - pymdownx.mark
+  - pymdownx.smartsymbols
+  - codehilite:
+      guess_lang: false
+  - toc:
+      permalink: true
+  - pymdownx.emoji:
+      emoji_index: !!python/name:materialx.emoji.twemoji
+      emoji_generator: !!python/name:materialx.emoji.to_svg
+  - pymdownx.superfences
+  - pymdownx.tabbed:
+      alternate_style: true