Browse Source

added support of dark themes

Former-commit-id: 017e397c19c84e2e996a9594aca8cafef8e2e86c
Gildas 6 năm trước cách đây
mục cha
commit
30fd7795ed
1 tập tin đã thay đổi với 17 bổ sung4 xóa
  1. 17 4
      extension/ui/pages/help.css

+ 17 - 4
extension/ui/pages/help.css

@@ -9,13 +9,11 @@ body>div {
     max-width: 1024px;
     margin-left: auto;
     margin-right: auto;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 8px;
+    border: 1px #bfbfbf dotted;
+    border-radius: 4px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 20px;
-    box-shadow: #888 2px 2px 2px;
 }
 
 div>iframe {
@@ -188,4 +186,19 @@ kbd.light,
     ul {
         padding-left: 10px;
     }
+}
+
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #373737;
+    }
+
+    body>div, a {
+        background-color: #202023;
+        color: #fdfdfd;
+    }
+
+    .option {
+        color: #afafaf;
+    }
 }