fix(log): incorrect color in light mode

libnyanpasu · Dec 26, 2023 · 211bc44 · 211bc44
1 parent 0c7e12f
commit 211bc44
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/log/log-item.module.scss b/src/components/log/log-item.module.scss
@@ -1,5 +1,4 @@
 .item {
-  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */
   :global(.shiki) {
     margin-top: 0.25em;
     margin-bottom: 0;
@@ -10,8 +9,15 @@
     }
 
     span {
-      color: var(--shiki-dark) !important;
       white-space: normal;
     }
   }
+
+  &.dark {
+    :global(.shiki) {
+      span {
+        color: var(--shiki-dark) !important;
+      }
+    }
+  }
 }
diff --git a/src/components/log/log-item.tsx b/src/components/log/log-item.tsx
@@ -68,7 +68,11 @@ const LogItem = (props: Props) => {
         }
       >
         <span
-          className={classNames(styles.item, "data")}
+          className={classNames(
+            styles.item,
+            theme.palette.mode === "dark" && styles.dark,
+            "data",
+          )}
           dangerouslySetInnerHTML={{
             __html: payload,
           }}