style: update dark mode

yanglbme · yanglbme · commit ab21dc98c136 · 2021-03-28T12:16:17.000+08:00
diff --git a/docs/04-hotspot-gc.md b/docs/04-hotspot-gc.md
@@ -10,7 +10,9 @@ HotSpot 虚拟机提供了多种垃圾收集器，每种收集器都有各自的
 
 一般客户端应用所需内存较小，不会创建太多对象，而且堆内存不大，因此垃圾收集器回收时间短，即使在这段时间停止一切用户线程，也不会感觉明显卡顿。因此 Serial 垃圾收集器**适合客户端**使用。
 
-由于 Serial 收集器只使用一条 GC 线程，避免了线程切换的开销，从而简单高效。 ![Serial](./images/serial.png)
+由于 Serial 收集器只使用一条 GC 线程，避免了线程切换的开销，从而简单高效。 
+
+![Serial](./images/serial.png)
 
 ### ParNew 垃圾收集器（多线程）
 
diff --git a/index.html b/index.html
@@ -10,9 +10,14 @@
   <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="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css" />
-  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-dark-mode@0.6.1/dist/style.css" />
+  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css">
   <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png" />
   <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png" />
+  <style>
+    .markdown-section code {
+      font-weight: 400;
+    }
+  </style>
 </head>
 
 <body>
@@ -29,10 +34,20 @@
         previousText: "上一章节",
         nextText: "下一章节",
       },
-      darkMode: {
-        light: {
-          toggleBtnBg: "#42b983",
+      darklightTheme: {
+        defaultTheme: 'light',
+        siteFont: 'Source Sans Pro,Helvetica Neue,Arial,sans-serif',
+        codeFontFamily: 'Roboto Mono, Monaco, courier, monospace',
+        bodyFontSize: '15px',
+        dark: {
+          background: 'rgb(28,32,34)',
+          highlightColor: '#e96900',
+          codeBackgroudColor: 'rgb(34,39,46)',
+          codeTextColor: '#b4b4b4',
         },
+        light: {
+          highlightColor: '#e96900',
+        }
       },
       plugins: [
         function (hook, vm) {
@@ -100,12 +115,12 @@
   </script>
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-java.min.js"></script>
-  <script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script>
+  <script src="//cdn.jsdelivr.net/npm/docsify-copy-code@2.1.1/dist/docsify-copy-code.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.js"></script>
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.js"></script>
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.js"></script>
-  <script src="//cdn.jsdelivr.net/npm/docsify-dark-mode@0.6.1/dist/index.js"></script>
   <script src="//cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
+  <script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"></script>
 </body>
 
 </html>
