Dark theme tweaks

Former-commit-id: 60e68bbc066ec878948a61cf82f4ee0f2d0c1f30 [formerly 4bf7c4955c4f435f93d4bf46e23344827cf1debe]
Former-commit-id: bc6c925ff78933a9bbb6f573efec57d7cfabe2c3

bin/Release/AppX/vs.appxrecipe

@@ -32,7 +32,7 @@
     <AppXManifest Include="C:\Users\geoff\Source\Repos\kiwix-js-windows\bin\Release\AppxManifest.xml">
       <PackagePath>AppxManifest.xml</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
-      <Modified>2017-08-07T21:21:50.902</Modified>
+      <Modified>2017-08-08T08:17:07.452</Modified>
     </AppXManifest>
   </ItemGroup>
   <ItemGroup>
@@ -371,7 +371,7 @@
     </AppxPackagedFile>
     <AppxPackagedFile Include="C:\Users\geoff\Source\Repos\kiwix-js-windows\www\-\s\style-dark.css">
       <PackagePath>www\-\s\style-dark.css</PackagePath>
-      <Modified>2017-08-04T11:34:29.919</Modified>
+      <Modified>2017-08-08T07:49:34.312</Modified>
     </AppxPackagedFile>
     <AppxPackagedFile Include="C:\Users\geoff\Source\Repos\kiwix-js-windows\www\-\s\style-mobile.css">
       <PackagePath>www\-\s\style-mobile.css</PackagePath>
@@ -387,7 +387,7 @@
     </AppxPackagedFile>
     <AppxPackagedFile Include="C:\Users\geoff\Source\Repos\kiwix-js-windows\www\css\app.css">
       <PackagePath>www\css\app.css</PackagePath>
-      <Modified>2017-08-04T11:45:18.503</Modified>
+      <Modified>2017-08-08T08:16:36.049</Modified>
     </AppxPackagedFile>
     <AppxPackagedFile Include="C:\Users\geoff\Source\Repos\kiwix-js-windows\www\css\bootstrap-theme.css">
       <PackagePath>www\css\bootstrap-theme.css</PackagePath>
@@ -1460,7 +1460,7 @@
     <AppxPackagedFile Include="C:\Users\geoff\Source\Repos\kiwix-js-windows\bin\Release\ReverseMap\resources.pri">
       <PackagePath>resources.pri</PackagePath>
       <ReRegisterAppIfChanged>true</ReRegisterAppIfChanged>
-      <Modified>2017-08-07T21:17:04.825</Modified>
+      <Modified>2017-08-08T05:41:27.827</Modified>
     </AppxPackagedFile>
   </ItemGroup>
   <ItemGroup>

bin/Release/AppX/www/-/s/style-dark.css

@@ -14,7 +14,7 @@
  */
 
   /* transparent background */
-  div, span:not(.legend-color):not([class*="wikEd"]), .MainPageBG, .navbox-list,
+  div, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]), .MainPageBG, .navbox-list,
   div#mw-head, .mw-wsmfinal-content, #bodyContent, .referencetooltip > li + li,
   div.vectorTabs ul li, tr[style*="background:#F5FFFA"],
   th[style*="background-color: #fff"], .mw-echo-notifications-badge,
@@ -25,14 +25,13 @@
   }
 
   /*** Overall ***/
-td, p, li, th:not([style*="background"]), caption, div,
-span:not([class*="color"]):not([class*="wikEd"]),
-p code, label code, dl code
-{
+td:not([style*="background"]), p, li, th:not([style*="background"]), caption, div,
+/*span:not([class*="color"]):not([class*="wikEd"]),*/
+p code, label code, dl code {
     color: lightgray;
 }
 
-  td[style*="color"] {
+  td[style*="color"], td span[style*="color"] {
       color: lightslategray !important;
   }
 
@@ -47,6 +46,10 @@ a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button {
     color: lightblue !important;
 }
 
+td[style*=background] a:first-child {
+    color: dimgray !important
+}
+
   a:visited, #toc a:visited, #toc a:visited span
   {
     color: palevioletred !important;
@@ -138,7 +141,7 @@ html, body {
     background-color: #222 !important;
   }
 
-.navbox th, .climate-table th, .wikitable th, .navbox-title, th[bgcolor], td[bgcolor] {
+.navbox th, .climate-table th, .wikitable th, .navbox-title, th[bgcolor], td[bgcolor], th[style*="background"] {
     background-color: darkslategray !important;
     border-color: #555 !important;
 }
@@ -157,7 +160,9 @@ tr[bgcolor] {
 table[style*="background-color:#fff;"], .search-form fieldset, table.ambox, tr[style*="background-color: #fff;"],
 .mw-ui-button[style*="background-color:#008B6D"], tr[style*="background-color: #f5faff;"],
 tr[style*="background:#E9E9E9"] > *, table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;"],
-td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="background:#eeeeff"], td[style*="background:#e8e8e8"], td[style*="background:#ddddff"], td[style*="background:#efefef"], td[style*="background:#e9e9e9"], .oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7"] {
+td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="background:#eeeeff"], td[style*="background:#e8e8e8"],
+td[style*="background:#ddddff"], td[style*="background:#efefef"], td[style*="background:#e9e9e9"], td[style*="background:#f1f1f1"],
+.oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7"] {
     background-color: #282828 !important;
 }
 
@@ -169,7 +174,7 @@ td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="b
 
 td[style*="background: #ececec;"], th[style*="background:#eee"], th[style*="background-color: #eee"],
 tr[style*="background-color: #f7f7f7;"], th[style*="background:#F2F2F2"], th[style*="background:#ffffff"], #filetoc, .toccolours, th[style*="background:#F9F9F9"], th[style*="background:#e8e8e8"], table.plainlinks, th[style*="background-color: lightgrey"], th[style*="background:#ddd"], .infobox th[style*="background"], .infobox td[style*="background"],
-td[style*="background:#F2F2F2"], table.wikitable > tbody > tr[style*="background-color:#F6F6F6"],
+td[style*="background:#F2F2F2"], table.wikitable > tbody > tr[style*="background-color:#F6F6F6"], td[style*="background:#e1e1e1"],
 .tlheader {
     background-color: #333 !important;
 }

bin/Release/AppX/www/css/app.css

@@ -101,7 +101,7 @@
     color: #337ab7;
 }
 
-.darkfooter a span .glyphicon {
+.darkfooter .glyphicon {
     color: lightblue;
 }
 

bld/Release/PackageLayout/www/-/s/style-dark.css

@@ -14,7 +14,7 @@
  */
 
   /* transparent background */
-  div, span:not(.legend-color):not([class*="wikEd"]), .MainPageBG, .navbox-list,
+  div, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]), .MainPageBG, .navbox-list,
   div#mw-head, .mw-wsmfinal-content, #bodyContent, .referencetooltip > li + li,
   div.vectorTabs ul li, tr[style*="background:#F5FFFA"],
   th[style*="background-color: #fff"], .mw-echo-notifications-badge,
@@ -25,14 +25,13 @@
   }
 
   /*** Overall ***/
-td, p, li, th:not([style*="background"]), caption, div,
-span:not([class*="color"]):not([class*="wikEd"]),
-p code, label code, dl code
-{
+td:not([style*="background"]), p, li, th:not([style*="background"]), caption, div,
+/*span:not([class*="color"]):not([class*="wikEd"]),*/
+p code, label code, dl code {
     color: lightgray;
 }
 
-  td[style*="color"] {
+  td[style*="color"], td span[style*="color"] {
       color: lightslategray !important;
   }
 
@@ -47,6 +46,10 @@ a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button {
     color: lightblue !important;
 }
 
+td[style*=background] a:first-child {
+    color: dimgray !important
+}
+
   a:visited, #toc a:visited, #toc a:visited span
   {
     color: palevioletred !important;
@@ -138,7 +141,7 @@ html, body {
     background-color: #222 !important;
   }
 
-.navbox th, .climate-table th, .wikitable th, .navbox-title, th[bgcolor], td[bgcolor] {
+.navbox th, .climate-table th, .wikitable th, .navbox-title, th[bgcolor], td[bgcolor], th[style*="background"] {
     background-color: darkslategray !important;
     border-color: #555 !important;
 }
@@ -157,7 +160,9 @@ tr[bgcolor] {
 table[style*="background-color:#fff;"], .search-form fieldset, table.ambox, tr[style*="background-color: #fff;"],
 .mw-ui-button[style*="background-color:#008B6D"], tr[style*="background-color: #f5faff;"],
 tr[style*="background:#E9E9E9"] > *, table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;"],
-td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="background:#eeeeff"], td[style*="background:#e8e8e8"], td[style*="background:#ddddff"], td[style*="background:#efefef"], td[style*="background:#e9e9e9"], .oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7"] {
+td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="background:#eeeeff"], td[style*="background:#e8e8e8"],
+td[style*="background:#ddddff"], td[style*="background:#efefef"], td[style*="background:#e9e9e9"], td[style*="background:#f1f1f1"],
+.oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7"] {
     background-color: #282828 !important;
 }
 
@@ -169,7 +174,7 @@ td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="b
 
 td[style*="background: #ececec;"], th[style*="background:#eee"], th[style*="background-color: #eee"],
 tr[style*="background-color: #f7f7f7;"], th[style*="background:#F2F2F2"], th[style*="background:#ffffff"], #filetoc, .toccolours, th[style*="background:#F9F9F9"], th[style*="background:#e8e8e8"], table.plainlinks, th[style*="background-color: lightgrey"], th[style*="background:#ddd"], .infobox th[style*="background"], .infobox td[style*="background"],
-td[style*="background:#F2F2F2"], table.wikitable > tbody > tr[style*="background-color:#F6F6F6"],
+td[style*="background:#F2F2F2"], table.wikitable > tbody > tr[style*="background-color:#F6F6F6"], td[style*="background:#e1e1e1"],
 .tlheader {
     background-color: #333 !important;
 }

www/-/s/style-dark.css

@@ -14,7 +14,7 @@
  */
 
   /* transparent background */
-  div, span:not(.legend-color):not([class*="wikEd"]), .MainPageBG, .navbox-list,
+  div, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]), .MainPageBG, .navbox-list,
   div#mw-head, .mw-wsmfinal-content, #bodyContent, .referencetooltip > li + li,
   div.vectorTabs ul li, tr[style*="background:#F5FFFA"],
   th[style*="background-color: #fff"], .mw-echo-notifications-badge,
@@ -25,14 +25,13 @@
   }
 
   /*** Overall ***/
-td, p, li, th:not([style*="background"]), caption, div,
-span:not([class*="color"]):not([class*="wikEd"]),
-p code, label code, dl code
-{
+td:not([style*="background"]), p, li, th:not([style*="background"]), caption, div,
+/*span:not([class*="color"]):not([class*="wikEd"]),*/
+p code, label code, dl code {
     color: lightgray;
 }
 
-  td[style*="color"] {
+  td[style*="color"], td span[style*="color"] {
       color: lightslategray !important;
   }
 
@@ -47,6 +46,10 @@ a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button {
     color: lightblue !important;
 }
 
+td[style*=background] a:first-child {
+    color: dimgray !important
+}
+
   a:visited, #toc a:visited, #toc a:visited span
   {
     color: palevioletred !important;
@@ -138,7 +141,7 @@ html, body {
     background-color: #222 !important;
   }
 
-.navbox th, .climate-table th, .wikitable th, .navbox-title, th[bgcolor], td[bgcolor] {
+.navbox th, .climate-table th, .wikitable th, .navbox-title, th[bgcolor], td[bgcolor], th[style*="background"] {
     background-color: darkslategray !important;
     border-color: #555 !important;
 }
@@ -157,7 +160,9 @@ tr[bgcolor] {
 table[style*="background-color:#fff;"], .search-form fieldset, table.ambox, tr[style*="background-color: #fff;"],
 .mw-ui-button[style*="background-color:#008B6D"], tr[style*="background-color: #f5faff;"],
 tr[style*="background:#E9E9E9"] > *, table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;"],
-td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="background:#eeeeff"], td[style*="background:#e8e8e8"], td[style*="background:#ddddff"], td[style*="background:#efefef"], td[style*="background:#e9e9e9"], .oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7"] {
+td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="background:#eeeeff"], td[style*="background:#e8e8e8"],
+td[style*="background:#ddddff"], td[style*="background:#efefef"], td[style*="background:#e9e9e9"], td[style*="background:#f1f1f1"],
+.oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7"] {
     background-color: #282828 !important;
 }
 
@@ -169,7 +174,7 @@ td[style*="background:lightgray"], td[style*="background:#f0f0f0"], td[style*="b
 
 td[style*="background: #ececec;"], th[style*="background:#eee"], th[style*="background-color: #eee"],
 tr[style*="background-color: #f7f7f7;"], th[style*="background:#F2F2F2"], th[style*="background:#ffffff"], #filetoc, .toccolours, th[style*="background:#F9F9F9"], th[style*="background:#e8e8e8"], table.plainlinks, th[style*="background-color: lightgrey"], th[style*="background:#ddd"], .infobox th[style*="background"], .infobox td[style*="background"],
-td[style*="background:#F2F2F2"], table.wikitable > tbody > tr[style*="background-color:#F6F6F6"],
+td[style*="background:#F2F2F2"], table.wikitable > tbody > tr[style*="background-color:#F6F6F6"], td[style*="background:#e1e1e1"],
 .tlheader {
     background-color: #333 !important;
 }

www/css/app.css

@@ -101,7 +101,7 @@
     color: #337ab7;
 }
 
-.darkfooter a span .glyphicon {
+.darkfooter .glyphicon {
     color: lightblue;
 }