feat(modules/web): souceEdito theme respect system darkmode

2024-10-02 21:38:40 +08:00
parent 9244715f41
commit 2734132872
8 changed files with 48 additions and 29 deletions
@@ -1,6 +1,7 @@
-code {
-  background-color: #f2f1f1;
-  padding: .125rem .25rem;
-  border-radius: 0.25rem;
-  font-size: 0.835rem;
+code {
+  border-radius: 4px;
+  padding: .15rem .5rem;
+  background-color: var(--el-fill-color-light);
+  transition: color .25s, background-color .5s;
+  font-size: 14px;
 }
@@ -1,7 +1,9 @@
-kbd {
-  background-color: hsl(0deg, 0%, 99%);
-  border-radius: 3px;
-  border: 1px solid hsl(0deg, 0%, 80%);
-  padding: 4px 5px;
-  font-weight: bold;
-}
+kbd {
+  align-items: center;
+  background: rgba(125, 125, 125, .1);
+  border-radius: 3px;
+  border: 0;
+  padding: 4px 5px;
+  font-weight: bold;
+  box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, .4);
+}
@@ -1,14 +1,13 @@
-@import './kbd.css';
-@import './code.css';
-
-body {
-    padding: 0;
-    margin: 0;
-}
-
-.el-tabs__header {
-    position: sticky;
-    top: 0px;
-    z-index: 2;
-    background-color: white;
+@import './kbd.css';
+@import './code.css';
+
+body {
+    padding: 0;
+    margin: 0;
+}
+
+.el-tabs__header {
+    position: sticky;
+    top: 0px;
+    z-index: 2;
 }