Responsive skin update dark theme.

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

1 files changed, 37 insertions, 43 deletions

diff --git a/pub/skins/pmwiki-responsive/skin.css b/pub/skins/pmwiki-responsive/skin.css
index 694ca6fe..7fd9780b 100644
--- a/pub/skins/pmwiki-responsive/skin.css
+++ b/pub/skins/pmwiki-responsive/skin.css
@@ -17,30 +17,31 @@
 ***********************************************************************/
 
 :root {
-  --pm-color: black;
+  --pm-color: #000;
   --pm-bgcolor: #f7f7f7;
   --pm-overlay-bgcolor: rgba(0, 0, 0, .2);
   --pm-frame-bgcolor: #f9f9f9;
-  --pm-wikibody-bgcolor: white;
-  --pm-dropdown-bgcolor: white; /*#wikileft, #wikihead-searchform, #wikicmds*/
+  --pm-wikibody-bgcolor: #fff;
+  --pm-dropdown-bgcolor: #fff; /*#wikileft, #wikihead-searchform, #wikicmds*/
   --pm-bordercolor: #ccc;
   --pm-markuptable-bordercolor: #ccf;
   --pm-createlink-bordercolor: #888;
-  --pm-scrolltable-bordercolor: red;
+  --pm-scrolltable-bordercolor: #f00;
   --pm-sidehead-linkcolor: #505050;
-  --pm-sidebar-linkcolor: black;
-  --pm-sidebar-linkhover: blue;
-  --pm-note-color: green;
+  --pm-sidebar-linkcolor: #000;
+  --pm-sidebar-linkhover: #00f;
+  --pm-note-color: #080;
   --pm-diffbox-bordercolor: #999;
   --pm-difftime-bgcolor: #ddd;
   --pm-diffadd-bgcolor: #9f9;
   --pm-diffdel-bgcolor: #ff9;
-  --pm-rcplus-hover-color: white;
-  --pm-rcplus-hover-bgcolor: blue;
+  --pm-rcplus-hover-color: #fff;
+  --pm-rcplus-hover-bgcolor: #00f;
   --pm-rcnew-bgcolor: #ffa;
   --pm-simpletable-bordercolor: #888;
   --pm-simpletable-th-bgcolor: #ccc;
   --pm-simpletable-zebra-bgcolor: #eee;
+  --pm-dropdown-shadowcolor: rgba(0,0,0,0.75);
 }
 
 html, body, #bodywrap {
@@ -73,9 +74,7 @@ html, body, #bodywrap {
   height: auto;
   overflow: auto;
   top: 8px;  
-  -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
-  -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
-  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
+  box-shadow: 2px 2px 8px 0px var(--pm-dropdown-shadowcolor);
 }
 
 #wikihead {
@@ -169,12 +168,7 @@ html, body, #bodywrap {
 #wikicmds-toggle:checked ~ * #wikicmds {   
   display: block;
   opacity: 1;
-  
--webkit-animation: fadein 1s; 
-   -moz-animation: fadein 1s;
-    -ms-animation: fadein 1s;
-     -o-animation: fadein 1s;
-        animation: fadein 1s;
+  animation: fadein 1s;
 }
 
 #wikioverlay {
@@ -198,7 +192,7 @@ html, body, #bodywrap {
 
 
 
-/* These are for the left-sidebar. */
+/* These are for the sidebar. */
 #wikileft .vspace { margin-top:20px; }
 #wikileft ul { list-style:none; padding:0px; margin:0px; }
 #wikileft li { margin:8px 0px; padding-left: 6px; }
@@ -243,7 +237,7 @@ pre { line-height: 18px; }
 pre code, code code, pre pre { font-size:100%; }
 pre, code.escaped { max-width: 100%; overflow: auto; }
 
-/* Large tables can scroll */
+/* Wide tables can scroll */
 div.scrollable { max-width: 100%; overflow: auto; border: 1px dotted var(--pm-scrolltable-bordercolor);}
 
 #wikiedit form { margin:0px; width:100%; max-width:100%; }
@@ -449,9 +443,7 @@ table.sortable th.dir-d::after {
     height: auto;
     max-height: none;
     overflow: auto;
-    top: 0px;  
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
+    top: 0px;
     box-shadow: none;
   }
   #wikicmds-toggle-label,  #wikileft-toggle-label,  #wikihead-search-toggle-label {
@@ -601,30 +593,32 @@ table.sortable th.dir-d::after {
 @media screen {
   
   html.pmDarkTheme {
-    --pm-color: #ccc;
+    --pm-color: #ddd;
     --pm-bgcolor: #1a1a1a;
     --pm-overlay-bgcolor: rgba(255, 255, 255, .1);
-    --pm-frame-bgcolor: #222;
+    --pm-frame-bgcolor: #1a1a1a;
+    
     --pm-wikibody-bgcolor: #121212;
     --pm-dropdown-bgcolor: #121212; /*#wikileft, #wikihead-searchform, #wikicmds*/
-    --pm-bordercolor: #555;
-    --pm-markuptable-bordercolor: #08a;
-    --pm-createlink-bordercolor: #888;
-    --pm-scrolltable-bordercolor: red;
-    --pm-sidehead-linkcolor: #aaa;
-    --pm-sidebar-linkcolor: #eee;
-    --pm-sidebar-linkhover: #88f;
-    --pm-note-color: #afa;
-    --pm-diffbox-bordercolor: #777;
-    --pm-difftime-bgcolor: #333;
-    --pm-diffadd-bgcolor: #030;
-    --pm-diffdel-bgcolor: #400;
-    --pm-rcplus-hover-color: #333;
-    --pm-rcplus-hover-bgcolor: #aaf;
-    --pm-rcnew-bgcolor: #333;
-    --pm-simpletable-bordercolor: #888;
-    --pm-simpletable-th-bgcolor: #222;
-    --pm-simpletable-zebra-bgcolor: #121212;
+    --pm-bordercolor: #3c3c3c;
+    --pm-markuptable-bordercolor: #30355e;
+    --pm-createlink-bordercolor: #7a7a7a;
+    --pm-scrolltable-bordercolor: #ff0f04;
+    --pm-sidehead-linkcolor: #b0b0b0;
+    --pm-sidebar-linkcolor: #ddd;
+    --pm-sidebar-linkhover: #c281ff;
+    --pm-note-color: #32a124;
+    --pm-diffbox-bordercolor: #6a6a6a;
+    --pm-difftime-bgcolor: #2c2c2c;
+    --pm-diffadd-bgcolor: #002f00;
+    --pm-diffdel-bgcolor: #1a1300;
+    --pm-rcplus-hover-color: #000;
+    --pm-rcplus-hover-bgcolor: #c281ff;
+    --pm-rcnew-bgcolor: #171200;
+    --pm-simpletable-bordercolor: #7a7a7a;
+    --pm-simpletable-th-bgcolor: #3c3c3c;
+    --pm-simpletable-zebra-bgcolor: #1c1c1c;
+    --pm-dropdown-shadowcolor: rgba(255, 255, 255, 0.75);
     color-scheme: dark;
   }