导出

src/index.css

@@ -1,10 +1,16 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');
 @import "tailwindcss";
 
+html {
+  height: 100%;
+  height: -webkit-fill-available;
+}
+
 html,
 body,
 #root {
   height: 100%;
+  min-height: 100dvh;
   overscroll-behavior: none;
 }
 
@@ -13,6 +19,15 @@ body {
   overflow: hidden;
 }
 
+body {
+  background-color: #f8fafc;
+}
+
+html.app-dark-shell,
+html.app-dark-shell body {
+  background-color: #323232;
+}
+
 /* 可滚动区域隐藏滚动条 */
 .scrollbar-hide {
   scrollbar-width: none;
@@ -656,6 +671,20 @@ body {
   background: #2a2a2a;
 }
 
+.visibility-rule-summary.is-disabled {
+  opacity: 0.62;
+  background: #222;
+}
+
+.visibility-rule-summary.is-disabled .visibility-rule-summary-text {
+  color: #777;
+  text-decoration: line-through;
+}
+
+.visibility-rule-summary.is-disabled .visibility-rule-summary-text .var-token {
+  color: #5a8fb0;
+}
+
 .visibility-rule-summary-btn {
   flex: 1;
   min-width: 0;