Add warsic color

Warsic · Nov 29, 2023 · 5dee17e · 5dee17e
1 parent 9214ffa
commit 5dee17e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
 
 <head>
     <meta charset="utf-8">
-    <link rel="stylesheet" type="text/css" href="./styles/purple.css">
+    <link rel="stylesheet" type="text/css" href="./styles/warsic.css">
     <link rel="stylesheet"
         href="https://fastly.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css">
     <script src="https://fastly.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>

diff --git a/styles/purple.css b/styles/purple.css
@@ -279,7 +279,7 @@ body {
 
 .content table tr:nth-child(2n),
 .content thead {
-    background-color: #fcfcfc;
+    background-color: var(--side-bar-bg-color);
 }
 
 /* 粗体 */
@@ -343,6 +343,7 @@ body {
 /* Code fences */
 /* border, bg, font */
 .content .hljs {
+    background-color: var(--side-bar-bg-color);
     border: 1px solid var(--border);
     border-radius: 5px;
     font-size: 0.9rem;
@@ -360,6 +361,11 @@ body {
     border-radius: 0.25rem;
 }
 
+.content .hljs code,
+.content .hljs tt {
+    background-color: var(--side-bar-bg-color);
+}
+
 /* task list */
 .content .contains-task-list {
     padding-left: 0;

diff --git a/styles/warsic.css b/styles/warsic.css
@@ -0,0 +1,10 @@
+@import "./purple.css";
+.markdown-purple,
+.purple {
+    --title-color: #4f7977;
+    --link-color: #4f7977;
+    --code-color: #4f7977;
+    --inline-code-bg: #e2eeee;
+    --border-quote: var(--border-quote-grey);
+    --header-weight: bold;
+}