adding dark mode to docs (#18)

* adding dark mode to docs Signed-off-by: vsoch <vsoch@users.noreply.github.com>
converged-computing · Dec 14, 2022 · 6f5d3f2 · 6f5d3f2
1 parent f29f52b
commit 6f5d3f2
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 4 deletions.
diff --git a/cloud_select/client/__init__.py b/cloud_select/client/__init__.py
@@ -228,7 +228,7 @@ def get_parser():
     )
     cache.add_argument(
         "--clear",
-        help="dump output as json to terminal",
+        help="clear the cache",
         default=False,
         action="store_true",
     )

diff --git a/docs/index.html b/docs/index.html
@@ -7,22 +7,50 @@
   <meta name="description" content="Cloud Select for cloud resources">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+  <link
+    rel="stylesheet"
+    href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
+    title="docsify-darklight-theme"
+    type="text/css"/>
   <style>
 .markdown-section a {
     color: #f96777 !important;
 }
 .sidebar ul li.active>a {
     color:#f96777 !important;
 }
-.markdown-section code {
-  color: #1f2975 !important;
-}
 </style>
 </head>
 <body>
   <div id="app"></div>
   <script>
     window.$docsify = {
+        darklightTheme: {
+            siteFont : "PT Sans",
+            defaultTheme : 'dark',
+            codeFontFamily : 'Roboto Mono, Monaco, courier, monospace',
+            bodyFontSize : '17px',
+            dark: {
+                accent: '#42b983',
+                toogleBackground : '#ffffff',
+                background: '#091a28',
+                textColor: '#b4b4b4',
+                codeTextColor : '#ffffff',
+                codeBackgroundColor : '#0e2233',
+                borderColor : '#0d2538',
+                blockQuoteColor : '#858585',
+                highlightColor : '#d22778',
+                sidebarSublink : '#b4b4b4',
+                codeTypeColor : '#ffffff',
+                coverBackground : 'linear-gradient(to left bottom, hsl(223.9, 70.2%, 35.5%) 0%,hsl(218.5, 85.7%, 46.7%) 100%)',
+                toogleImage : 'url(https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/icons/sun.svg)'
+            },
+            light: {
+                codeTextColor: "#1f2975",
+                coverBackground : 'linear-gradient(to left bottom, hsl(223.9, 70.2%, 35.5%) 0%,hsl(218.5, 85.7%, 46.7%) 100%)',
+                toogleImage : 'url(https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/icons/moon.svg)'
+            }
+        },
       name: 'cloud-select',
       loadSidebar: "sidebar.md",
       repo: 'github.com/converged-computing/cloud-select',
@@ -70,5 +98,9 @@
   <script src="//unpkg.com/prismjs/components/prism-python.min.js"></script>
   <script src="//unpkg.com/prismjs/components/prism-docker.min.js"></script>
   <script src="//unpkg.com/prismjs/components/prism-yaml.min.js"></script>
+  <script
+    src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"
+    type="text/javascript">
+  </script>
 </body>
 </html>