Merge pull request #163 from readium/theming-improvements

Theming improvements

Author: JayPanoz

backstop.json

@@ -1,11 +1,6 @@
 {
   "id": "ReadiumCSS",
   "viewports": [
-    {
-      "label": "phone",
-      "width": 375,
-      "height": 667
-    },
     {
       "label": "tablet",
       "width": 1024,
@@ -97,6 +92,13 @@
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
+    {
+      "label": "Theming (Reading System)",
+      "url": "http://localhost:8000/tests/theming.html",
+      "delay": 0,
+      "selectors": ["document"],
+      "misMatchThreshold" : 0.1
+    },
     {
       "label": "Font family pref",
       "url": "http://localhost:8000/tests/font-family.html",
@@ -236,6 +238,27 @@
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
+    },
+    {
+      "label": "Blend Filter pref",
+      "url": "http://localhost:8000/tests/blend-filter.html",
+      "delay": 0,
+      "selectors": ["document"],
+      "misMatchThreshold" : 0.1
+    },
+    {
+      "label": "Darken Filter pref",
+      "url": "http://localhost:8000/tests/darken-filter.html",
+      "delay": 0,
+      "selectors": ["document"],
+      "misMatchThreshold" : 0.1
+    },
+    {
+      "label": "Invert Filter pref",
+      "url": "http://localhost:8000/tests/invert-filter.html",
+      "delay": 0,
+      "selectors": ["document"],
+      "misMatchThreshold" : 0.1
     }
   ],
   "paths": {

css/ReadiumCSS-config.css

@@ -26,8 +26,10 @@
 @custom-selector :--night-mode [style*="readium-night-on"];
 
 /* Filters (images) */
+@custom-selector :--blend-filter [style*="readium-blend-on"];
 @custom-selector :--darken-filter [style*="readium-darken-on"];
 @custom-selector :--invert-filter [style*="readium-invert-on"];
+@custom-selector :--invert-gaiji [style*="readium-invertGaiji-on"];
 
 /* Disabling pagination for vertical writing */
 @custom-selector :--no-vertical-pagination [style*="readium-noVerticalPagination-on"];