Remove day mode

This is now part of base as default

Author: JayPanoz

README.md

@@ -9,7 +9,7 @@ Readium CSS provides styles for reflowable text:
 - paged and scrolled views;
 - a “patch” for HTML5 Suggested Rendering specific to publications (e.g. extra styles for hyphenation, breaks, etc.);
 - default styles for unstyled ebooks;
-- reading modes (day, night, and sepia);
+- reading modes (night and sepia);
 - themes;
 - user settings;
 - a set of baselines and recommendations for accessibility, overrides, and internationalization.

backstop.json

@@ -72,8 +72,8 @@
       "misMatchThreshold" : 0.1
     },
     {
-      "label": "Day mode pref",
-      "url": "http://localhost:8000/tests/day.html",
+      "label": "Default colors pref",
+      "url": "http://localhost:8000/tests/default-colors.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1

css/ReadMe.md

@@ -77,7 +77,6 @@ In the `css/src` folder, you’ll find all the needed stylesheets you will proce
 ```
 @import "../ReadiumCSS-config.css";
 @import "modules/ReadiumCSS-base.css";
-@import "modules/ReadiumCSS-day_mode.css";
 @import "modules/ReadiumCSS-fonts.css";
 @import "modules/ReadiumCSS-html5patch.css";
 @import "modules/ReadiumCSS-safeguards.css";
@@ -176,17 +175,19 @@ root.style.setProperty("--USER__bodyHyphens", "auto");
 
 Of course this example is simplistic. You could for instance create an helper to set multiple properties at once.
 
-#### Apply sepia theme/mode
+#### Apply sepia mode
 
-To apply the sepia theme/mode, you can use a flag that will apply preset values.
+To apply the sepia mode, you can use a flag that will apply preset values.
 
 ```
 root.style.setProperty("--USER__appearance", "readium-sepia-on");
 ```
 
 ## Create Themes
 
-In this model, themes are a set of user settings you can store and retrieve. Add the properties to `html` and you get a theme.
+In Readium CSS model, themes are a set of user settings you can store and retrieve. Add the properties to `html` and you get a theme.
+
+Depending on the prefix you are using, `--RS__` or `--USER__`, your theme will override the publisher’s styles or not. The rule being `USER > PUBLISHER > RS`.
 
 Check the [User Preferences doc](../docs/CSS12-user_prefs.md) for a list of available user variables.
 

css/src/ReadiumCSS-before-cjk-horizontal.css

@@ -1,7 +1,6 @@
 @import "../ReadiumCSS-config.css";
 @import "modules/ReadiumCSS-namespaces.css";
 @import "modules/ReadiumCSS-base.css";
-@import "modules/ReadiumCSS-day_mode.css";
 /* @import "modules/ReadiumCSS-fonts.css"; */
 @import "modules/ReadiumCSS-html5patch.css";
 @import "modules/ReadiumCSS-safeguards.css";

css/src/ReadiumCSS-before-cjk-vertical.css

@@ -1,7 +1,6 @@
 @import "../ReadiumCSS-config.css";
 @import "modules/ReadiumCSS-namespaces.css";
 @import "modules/ReadiumCSS-base.css";
-@import "modules/ReadiumCSS-day_mode.css";
 /* @import "modules/ReadiumCSS-fonts.css"; */
 @import "modules/ReadiumCSS-html5patch.css";
 @import "modules/ReadiumCSS-safeguards-vertical.css";

css/src/ReadiumCSS-before-rtl.css

@@ -1,7 +1,6 @@
 @import "../ReadiumCSS-config.css";
 @import "modules/ReadiumCSS-namespaces.css";
 @import "modules/ReadiumCSS-base.css";
-@import "modules/ReadiumCSS-day_mode.css";
 /* @import "modules/ReadiumCSS-fonts.css"; */
 @import "modules/ReadiumCSS-html5patch.css";
 @import "modules/ReadiumCSS-safeguards.css";

css/src/ReadiumCSS-before.css

@@ -1,7 +1,6 @@
 @import "../ReadiumCSS-config.css";
 @import "modules/ReadiumCSS-namespaces.css";
 @import "modules/ReadiumCSS-base.css";
-@import "modules/ReadiumCSS-day_mode.css";
 @import "modules/ReadiumCSS-fonts.css";
 @import "modules/ReadiumCSS-html5patch.css";
 @import "modules/ReadiumCSS-safeguards.css";

css/src/modules/ReadiumCSS-base.css

@@ -26,6 +26,25 @@
   --RS__lineHeightCompensation: 1;
 
   --RS__baseLineHeight: calc(1.5 * var(--RS__lineHeightCompensation));
+
+  /* Default theme (previously implemented as day mode) */
+  @import-json "../../vars/day.json";
+
+  background-color: var(--RS__backgroundColor) !important;
+  color: var(--RS__textColor) !important;
+}
+
+/* Note: We’re not defining colors of links cos’ the selector specificity with :link and :visited could override publishers’ styles */
+
+/* Note: Though `::selection` was present in drafts of CSS Selectors Level 3, it was removed during the Candidate Recommendation phase because its behavior was under-specified (especially with nested elements) and interoperability wasn’t achieved. Source: https://developer.mozilla.org/en-US/docs/Web/CSS/::selection */
+::-moz-selection {
+  background-color: var(--RS__selectionBackgroundColor);
+  color: var(--RS__selectionTextColor);
+}
+
+::selection {
+  background-color: var(--RS__selectionBackgroundColor);
+  color: var(--RS__selectionTextColor);
 }
 
 /* Set default font for the html doc, so that it can be overridden by the authors’s stylesheet */

css/src/modules/ReadiumCSS-day_mode.css

@@ -13,7 +13,7 @@
   @import-json "../../vars/night.json";
 }
 
-/* we don’t need to redeclare bg-color and color for :root since we will inherit and update from day/default mode */
+/* we don’t need to redeclare bg-color and color for :root since we will inherit and update from base */
 
 :root:--night-mode *:not(a) {
   background-color: transparent !important;