Move dark theme label styles to skin.css.

git-svn-id: svn://pmwiki.org/pmwiki/trunk@4666 524c5546-5005-0410-9a3e-e25e191bd360

2 files changed, 12 insertions, 7 deletions

diff --git a/pub/pmwiki-darktoggle.js b/pub/pmwiki-darktoggle.js
index 3f0ec247..d3372444 100644
--- a/pub/pmwiki-darktoggle.js
+++ b/pub/pmwiki-darktoggle.js
@@ -101,13 +101,7 @@
       position: 'fixed'
     });
     document.body.appendChild(label);
-    current = dce('span');
-    setStyles(current, {
-      padding: '.2em .5em',
-      fontWeight: 700,
-      backgroundColor: 'inherit',
-      filter: 'invert(.8)',
-    });
+    current = dce('mark');
     label.append(Config.label, current);
   }
 
diff --git a/pub/skins/pmwiki-responsive/skin.css b/pub/skins/pmwiki-responsive/skin.css
index cf8e2fbc..27bffab5 100644
--- a/pub/skins/pmwiki-responsive/skin.css
+++ b/pub/skins/pmwiki-responsive/skin.css
@@ -654,3 +654,14 @@ table.sortable th.dir-d::after {
   opacity: 100%;
 }
 
+.darkThemeLabel {
+  box-shadow: 2px 2px 4px 0px var(--pm-dropdown-shadowcolor);
+}
+
+.darkThemeLabel mark {
+  padding: .2em .5em;
+  color: inherit;
+  background-color: inherit;
+  filter: invert(.8);
+  font-weight: bold;
+}