feat: more dark elements

MoegirlPediaInterfaceAdmins · Aug 30, 2024 · 854c4b3 · 854c4b3
1 parent d2a5ebf
commit 854c4b3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/gadgets/Purgecache/MediaWiki:Gadget-Purgecache.css b/src/gadgets/Purgecache/MediaWiki:Gadget-Purgecache.css
@@ -10,11 +10,11 @@
     --n-color-focus: #0000;
     --n-color-disabled: #0000;
     --n-ripple-color: #18a058;
-    --n-text-color: rgb(51 54 57);
+    --n-text-color: var(--theme-text-color, rgb(51 54 57));
     --n-text-color-hover: #36ad6a;
     --n-text-color-pressed: #0c7a43;
     --n-text-color-focus: #36ad6a;
-    --n-text-color-disabled: rgb(51 54 57);
+    --n-text-color-disabled: var(--theme-empty-color, rgb(51 54 57));
     --n-border: 1px solid rgb(224 224 230);
     --n-border-hover: 1px solid #36ad6a;
     --n-border-pressed: 1px solid #0c7a43;
@@ -43,11 +43,11 @@
     --n-color-focus: rgba(24 160 88 22%);
     --n-color-disabled: rgb(46 51 56 / 5%);
     --n-ripple-color: #0000;
-    --n-text-color: #18a058;
+    --n-text-color: var(--theme-text-color, rgb(51 54 57));
     --n-text-color-hover: #18a058;
     --n-text-color-pressed: #18a058;
     --n-text-color-focus: #18a058;
-    --n-text-color-disabled: #18a058;
+    --n-text-color-disabled: var(--theme-empty-color, rgb(51 54 57));
     --n-border: 1px solid #18a058;
     --n-border-hover: 1px solid #36ad6a;
     --n-border-pressed: 1px solid #0c7a43;

diff --git a/src/gadgets/site-styles/MediaWiki:Gadget-site-styles.css b/src/gadgets/site-styles/MediaWiki:Gadget-site-styles.css
@@ -1409,20 +1409,20 @@ body.overlay-scrollbars #bodyContent {
 }
 
 /* TODO: 暗色模式 暂时直接反转颜色 */
-[color-mode="dark"] :is(.infobox, .moe-infobox, .navbox) {
+[color-mode="dark"] :is(.infobox, .moe-infobox, .infoboxSpecial, .navbox, .ztdh, #powersearch, #topicpath) {
     /* FIXME: 100% 反色太黑了，所以使用90%，但是这会造成图片的颜色轻微失真 */
     filter: invert(0.9) hue-rotate(198deg);
     color: #222;
 }
 
-[color-mode="dark"] :is(.infobox, .moe-infobox, .navbox) a {
+[color-mode="dark"] :is(.infobox, .moe-infobox, .infoboxSpecial, .navbox, .ztdh, #powersearch) a {
     --color: #155d33;
 }
 
-[color-mode="dark"] :is(.infobox, .moe-infobox, .navbox) figure,
-[color-mode="dark"] :is(.infobox, .moe-infobox, .navbox) img,
-[color-mode="dark"] :is(.infobox, .moe-infobox, .navbox) iframe,
-[color-mode="dark"] :is(.infobox, .moe-infobox, .navbox) div[style*="image"] {
+[color-mode="dark"] :is(.infobox, .moe-infobox, .infoboxSpecial, .navbox, .ztdh, #powersearch) figure,
+[color-mode="dark"] :is(.infobox, .moe-infobox, .infoboxSpecial, .navbox, .ztdh, #powersearch) img,
+[color-mode="dark"] :is(.infobox, .moe-infobox, .infoboxSpecial, .navbox, .ztdh, #powersearch) iframe,
+[color-mode="dark"] :is(.infobox, .moe-infobox, .infoboxSpecial, .navbox, .ztdh, #powersearch) div[style*="image"] {
     filter: invert(1) hue-rotate(180deg);
     opacity: 1;
 }