0628 更新

style/base.css

@@ -471,7 +471,7 @@ main.hidden {
 }
 
 .sidebar-toggle {
-  background: linear-gradient(to right, transparent 50px, #0ff8);
+  background: linear-gradient(to right, #0dd 50px, #0ff8);
   border: 0;
   outline: none;
   padding: 10px;
@@ -967,7 +967,7 @@ section.cover blockquote>p>a {
 }
 
 .markdown-section code {
-  border-radius: 2px;
+  border-radius: 4px;
   margin: 0 2px;
   padding: 3px 5px;
   white-space: pre-wrap
@@ -1227,4 +1227,27 @@ article.markdown-section:has(.intro)>.notice[onclick] {
   &:hover {
     transition: all 0.5s;
   }
+}
+
+div.medium-zoom-overlay{
+  opacity: 0.5 !important;
+}
+
+del{
+  text-decoration: none;
+  background-color: #5C5D67;
+  color: #5C5D67;
+  transition: background-color 0.1s, color 0.1s;
+  border-radius: 4px;
+  cursor: pointer;
+  &:hover {
+    background-color: #7B7C84;
+    color: #7B7C84;
+    transition: background-color 0.1s, color 0.1s;
+  }
+  &:active {
+    background-color: inherit;
+    color: inherit;
+    transition: background-color 0.1s, color 0.1s;    
+  }
 }

style/color.css

@@ -128,7 +128,7 @@ body {
 .markdown-section h3,
 .markdown-section h4,
 .markdown-section strong {
-  color: var(--section-background-color);
+  color: var(--section-color);
 }
 
 .markdown-section a {
@@ -142,7 +142,7 @@ body {
 
 .markdown-section code {
   background-color: var(--section-main-color);
-  color: var(--section-background-color);
+  color: var(--theme-color);
   font-family: d9c, d9;
 }
 
@@ -220,4 +220,8 @@ article.markdown-section:has(.intro)>.notice {
   &[onclick]:hover{
     background-color: var(--section-main-color);
   }
+}
+
+div.medium-zoom-overlay{
+  background-color: var(--background-color) !important;
 }

style/dark.css

@@ -2,6 +2,7 @@ body.dark {
   --main-color: #c8c8c8;
   --main-theme-color: #008080;
   --background-color: #1f1f1f;
+  --background-border-color: #303030;
   --section-main-color: #0f0f0f;
   --section-background-color: #003333;
   --section-table-header-border-color: #303030;
@@ -15,6 +16,8 @@ body.dark {
   --notice-border-color: #303030;
   --notice-hover-background-color: #525252cc;
   -webkit-tap-highlight-color: rgb(0, 0, 0);
+
+  --special-theme-position-backgound-color: #177500;
 }
 
 body.dark .sidebar li>a:has(>img) {

style/light.css

@@ -2,6 +2,7 @@ body.light {
   --main-color: #202020;
   --main-theme-color: #008585;
   --background-color: #dddddd;
+  --background-border-color: #b1b1b1;
   --section-main-color: #00c9c9;
   --section-background-color: #009999;
   --section-table-header-border-color: #b1b1b1;
@@ -15,6 +16,8 @@ body.light {
   --notice-border-color: #b1b1b1;
   --notice-hover-background-color: #e0e0e0;
   -webkit-tap-highlight-color: rgb(255, 255, 255);
+  
+  --special-theme-position-backgound-color: #05a000;
 }
 
 body.light .sidebar li>a:has(>img) {

style/special.css

@@ -114,9 +114,9 @@ div.theme-positions>.infobox {
     width: max-content;
     height: max-content;
     padding: 3px;
-    border: 2px solid #535353;
+    border: 2px solid var(  --background-border-color);
     border-radius: 2px;
-    background-color: #363636;
+    background-color: var(--background-color);
     text-align: center;
     z-index: 20;
     font-size: 15px;
@@ -130,7 +130,7 @@ div.theme-positions>.infobox {
             font-weight: bold;
 
             &.c {
-                background-color: #177500;
+                background-color: var(--special-theme-position-backgound-color);
                 border-radius: 3px;
             }
         }