@readium/css/css/src/modules/user-settings-submodules/ReadiumCSS-customColors_pref.css

A set of reference stylesheets for EPUB Reading Systems

/* Readium CSS
   Custom colors pref

   A submodule managing custom colors for user settings
   Part of “Chrome Advanced” class – no flag required.

   Repo: https://github.com/readium/css */

:root[style*="--USER__backgroundColor"] {
  background-color: var(--USER__backgroundColor) !important;
}

:root[style*="--USER__backgroundColor"] * {
  background-color: transparent !important;
}

:root[style*="--USER__textColor"] {
  color: var(--USER__textColor) !important;
}

/* The 2 following declarations are consistent with night mode */

:root[style*="--USER__textColor"] *:not(a) {
  background-color: transparent !important;
  color: inherit !important;
  border-color: currentColor !important;
}

:root[style*="--USER__textColor"] svg text {
  fill: currentColor !important;
  stroke: none !important;
}

/* Color of links (:link + :visited) */

:root[style*="--USER__linkColor"] a:link,
:root[style*="--USER__linkColor"] a:link * {
  color: var(--USER__linkColor) !important;
}
   
:root[style*="--USER__visitedColor"] a:visited,
:root[style*="--USER__visitedColor"] a:visited * {
  color: var(--USER__visitedColor) !important;
}

/* Color of ::selection */
/* This differs from the implementation inherited in base 
   as it is using !important and will override authors’ styles. */

:root[style*="--USER__selectionBackgroundColor"][style*="--USER__selectionTextColor"] ::-moz-selection {
  background-color: var(--USER__selectionBackgroundColor) !important;
  color: var(--USER__selectionTextColor) !important;
}

:root[style*="--USER__selectionBackgroundColor"][style*="--USER__selectionTextColor"] ::selection {
  background-color: var(--USER__selectionBackgroundColor) !important;
  color: var(--USER__selectionTextColor) !important;
}