Merge branch 'feature/docsify-themeable' into 'master'

adding docsify-themeable See merge request all-staff/hashiqube!86
carreirajuan · May 2, 2022 · 4714d2f · 4714d2f
1 parent 1e4886f
commit 4714d2f
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 20 deletions.
diff --git a/Vagrantfile b/Vagrantfile
@@ -124,7 +124,8 @@ Vagrant::configure("2") do |config|
         end
       end
 
-      # if you are not on Apple M chip and want to use docker provider do:
+      # IMPORTANT:
+      # if you are on Apple M chip you need to use docker provider do:
       # vagrant up --provision-with basetools --provider docker
       # https://developers.redhat.com/blog/2016/09/13/running-systemd-in-a-non-privileged-container
       # https://github.com/containers/podman/issues/3295

diff --git a/images/logo.png b/images/logo.png
diff --git a/index.html b/index.html
@@ -5,21 +5,23 @@
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <meta charset="UTF-8">
   <link rel="icon" type="image/png" href="images/logo.png">
-  <link rel="stylesheet" href="docsify/lib/vue.css">
+  <link rel="stylesheet" href="docsify/lib/vue.css" disabled>
   <link rel="stylesheet" href="docsify/lib/buble.css" disabled>
   <link rel="stylesheet" href="docsify/lib/dark.css" disabled>
   <link rel="stylesheet" href="docsify/lib/pure.css" disabled>
   <link rel="stylesheet" href="docsify/lib/mermaid.min.css">
+  <!-- Theme: Simple (latest v0.x.x) -->
+  <link
+    rel="stylesheet"
+    href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
+    title="docsify-darklight-theme"
+    type="text/css"
+  />
+
   <script src="docsify/lib/mermaid.min.js"></script>
   <style>
-    .markdown-section a {
-      color: var(--theme-color, #00a99c);
-    }
-    .markdown-section pre > code {
-      color: rgb(231, 90, 122);
-    }
-    .sidebar ul li.active > a {
-      color: var(--theme-color, #e75a7a);
+    .sidebar-nav ul ul, .sidebar nav ul ul {
+      margin-left: 0px;
     }
     .content {
       padding-top: 10px;
@@ -28,9 +30,6 @@
       padding-top: 10px;
       max-width: 1050px;
     }
-    .markdown-section code {
-      color: #e96e3c;
-    }
     .header {
       position: relative;
       display: none;
@@ -45,12 +44,17 @@
     .app-name-link img {
       width: 180px;
     }
-    .anchor span {
-      color: #a7298b;
+    #docsify-darklight-theme {
+      top: 5px;
+    }
+    .github-corner svg {
+      fill: transparent;
+      color: #ff0090;
     }
-    .markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong {
-      color: #a7298b;
-      font-weight: 600;
+  </style>
+  <style>
+    :root {
+      --sidebar-padding: 0 5px;
     }
   </style>
 </head>
@@ -65,6 +69,7 @@
       },
       logo: 'images/logo.png',
       name: 'HashiQube',
+      repo: 'https://github.com/servian/hashiqube',
       search: 'auto',
       auto2top: true,
       relativePath: false,
@@ -90,15 +95,60 @@
             return this.origin.code.apply(this, arguments);
           }
         }
+      },
+      themeable: {
+        readyTransition : true,
+        responsiveTables: true
+      },
+      // Style Guide: https://github.com/dracula/dracula-theme
+      darklightTheme: {
+        siteFont: "PT Sans",
+        defaultTheme: 'light',
+        codeFontFamily: 'Roboto Mono, Monaco, courier, monospace',
+        bodyFontSize: '17px',
+        dark: {
+          accent: '#8be9fd',
+          toggleBackground: '#f8f8f2',
+          background: '#282a36',
+          textColor: '#f8f8f2',
+          codeTextColor: '#8be9fd',
+          codeBackgroundColor: '#44475a',
+          borderColor: '#0d2538',
+          blockQuoteColor: '#8be9fd',
+          highlightColor: '#ff79c6',
+          sidebarSublink: '#f1fa8c',
+          codeTypeColor: '#8be9fd',
+          coverBackground: 'linear-gradient(to left bottom, hsl(118, 100%, 85%) 0%,hsl(181, 100%, 85%) 100%)',
+          toogleImage: 'url(https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/icons/sun.svg)'
+        },
+        light: {
+          accent: '#bd93f9',
+          toogleBackground : '#091a28',
+          background: '#ffffff',
+          textColor: '#34495e',
+          codeTextColor : '#525252',
+          codeBackgroundColor : '#f8f8f8',
+          borderColor : 'rgba(0, 0, 0, 0.07)',
+          blockQuoteColor : '#858585',
+          highlightColor : '#d22778',
+          sidebarSublink : '#34495e',
+          codeTypeColor : '#091a28',
+          coverBackground: 'linear-gradient(to left bottom, hsl(118, 100%, 85%) 0%,hsl(181, 100%, 85%) 100%)',
+          toogleImage: 'url(https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/icons/moon.svg)'
+        }
       }
     }
 
     var num = 0;
     mermaid.initialize({ logLevel:0, startOnLoad: false, themeCSS:'.label { font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif; }' });
 
   </script>
-  <script src="docsify/lib/docsify.min.js"></script>
-  <script src="docsify/lib/search.js"></script>
+  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
+  <script src="https://unpkg.com/docsify-copy-code@2"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
+  <script src="//unpkg.com/prismjs/components/prism-typescript.min.js"></script>
+  <script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js" type="text/javascript"></script>
   <div class="footer">footer</div>
 </body>
 </html>