Saltar al contenido

¿Cómo obtengo un tema oscuro / modo nocturno en Calibre Ebook Viewer?

Después de investigar con especialistas en esta materia, programadores de deferentes ramas y maestros hemos dado con la solución al dilema y la plasmamos en esta publicación.

Solución:

Además de los pasos de la pregunta para oscurecer el tema general de la aplicación, uno debe aplicar un tema dentro del visor de libros electrónicos. He aquí cómo hacerlo:

Guardar el tema predeterminado

  1. Abra un libro electrónico (cualquier libro electrónico).
  2. Clickea en el Icono de configuración (icono de destornillador y llave inglesa según su versión) en la parte inferior izquierda.
  3. Abierto Tematización Tab y Ahorrar el tema por su nombre de elección.

Crea el tema oscuro

  1. Abre el Hoja de estilo de usuario Pestaña
  2. Pegue el código CSS del tema Solarised Dark en la parte inferior de esta respuesta. Procedente de Github Repo de saucemcboss.
  3. Abierto Tematización Tab y Ahorrar el nuevo tema con su nombre de elección.

De esta forma, se aplicará a todos sus libros electrónicos, junto con el tema de la aplicación. Puede cambiar entre el tema predeterminado y oscuro desde la pestaña Temas Carga botón.

CSS:

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary 
  display: block;

audio,
canvas,
video 
  display: inline-block;

audio:not([controls]) 
  display: none;
  height: 0;

[hidden] 
  display: none;

html 
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

body 
  margin: 0;

a:focus 
  outline: thin dotted;

a:active,
a:hover 
  outline: 0;

h1 
  font-size: 2em;

abbr¿Cómo obtengo un tema oscuro / modo nocturno en Calibre Ebook Viewer?
 
  border-bottom: 1px dotted;

b,
strong 
  font-weight: bold;

dfn 
  font-style: italic;

mark 
  background: #ff0;
  color: #000;

code,
kbd,
pre,
samp 
  font-family: monospace, serif;
  font-size: 1em;

pre 
  white-space: pre-wrap;
  word-wrap: break-word;

q 
  quotes: "201C" "201D" "2018" "2019";

small 
  font-size: 80%;

sub,
sup 
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;

sup 
  top: -0.5em;

sub 
  bottom: -0.25em;

img 
  border: 0;

svg:not(:root) 
  overflow: hidden;

figure 
  margin: 0;

fieldset 
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;

legend 
  border: 0;
  padding: 0;

button,
input,
select,
textarea 
  font-family: inherit;
  font-size: 100%;
  margin: 0;

button,
input 
  line-height: normal;

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] 
  -webkit-appearance: button;
  cursor: pointer;

button[disabled],
input[disabled] 
  cursor: default;

input[type="checkbox"],
input[type="radio"] 
  box-sizing: border-box;
  padding: 0;

input[type="search"] 
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration 
  -webkit-appearance: none;

button::-moz-focus-inner,
input::-moz-focus-inner 
  border: 0;
  padding: 0;

textarea 
  overflow: auto;
  vertical-align: top;

table 
  border-collapse: collapse;
  border-spacing: 0;

html 
  font-family: 'PT Sans', sans-serif;

pre,
code 
  font-family: 'Inconsolata', sans-serif;

h1,
h2,
h3,
h4,
h5,
h6 
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;

html 
  background-color: #073642;
  color: #839496;

body 
  background-color: #002b36;
  margin: 0 auto;
  max-width: 23cm;
  border: 1pt solid #586e75;
  padding: 1em;

code 
  background-color: #073642;
  padding: 2px;

a 
  color: #b58900;

a:visited 
  color: #cb4b16;

a:hover 
  color: #cb4b16;

h1 
  color: #d33682;

h2,
h3,
h4,
h5,
h6 
  color: #859900;

pre 
  background-color: #002b36;
  color: #839496;
  border: 1pt solid #586e75;
  padding: 1em;
  box-shadow: 5pt 5pt 8pt #073642;

pre code 
  background-color: #002b36;

h1 
  font-size: 2.8em;

h2 
  font-size: 2.4em;

h3 
  font-size: 1.8em;

h4 
  font-size: 1.4em;

h5 
  font-size: 1.3em;

h6 
  font-size: 1.15em;

.tag 
  background-color: #073642;
  color: #d33682;
  padding: 0 0.2em;

.todo,
.next,
.done 
  color: #002b36;
  background-color: #dc322f;
  padding: 0 0.2em;

.tag 
  -webkit-border-radius: 0.35em;
  -moz-border-radius: 0.35em;
  border-radius: 0.35em;

.TODO 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #2aa198;

.NEXT 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #268bd2;

.ACTIVE 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #268bd2;

.DONE 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #859900;

.WAITING 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #cb4b16;

.HOLD 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #d33682;

.NOTE 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #d33682;

.CANCELLED 
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  background-color: #859900;

No creo que se necesite un nuevo archivo CSS. Además, las instrucciones en la respuesta principal están desactualizadas (relacionadas con una versión anterior de Calibre con una GUI de visor de libros electrónicos diferente), al igual que el comando (en la pregunta) para la paleta oscura de la GUI principal de Caliber; probando en la versión 4.6, es export CALIBRE_USE_DARK_PALETTE=1 para lograr ese resultado, como dijo en el comentario de @meskobalazs).

Para obtener un fondo oscuro y una fuente clara en el visor de libros electrónicos, simplemente abra un libro electrónico con él (con el espectador, no con el propio Calibre; o, desde la página principal de Calibre, seleccione el libro y presione el botón “Ver” (Leer libros)); luego, haga clic derecho, luego Preferencias

ingrese la descripción de la imagen aquí

Luego Colores

ingrese la descripción de la imagen aquí

Luego Nuevo esquema

ingrese la descripción de la imagen aquí

Luego, configure los colores para el fondo y el primer plano (texto).

Seleccione Solicitar y OK.


Con ciertos documentos de libros electrónicos, he visto un problema extraño en el que el color de la fuente permanecía negro sin importar la configuración anterior, en cuyo caso oscurecer el fondo no es una opción. En tales casos, algunos otros lectores de libros electrónicos tuvieron el mismo problema (Foliate), mientras que algunos pudieron solucionarlo (Bookworm).

Como se dijo aquí en relación con el tipo de fuente, el archivo CSS dentro del libro electrónico puede anular la configuración del software, incluido el color de la fuente. Probando eso, he extraído el archivo epub (de hecho, es un zip; algunos administradores de archivos necesitan el zip extensión, algunos pueden extraer directamente) y encontraron una /EXTRACTED_LOCATION/OEBPS/Content/Content.css donde la linea color:Black apareció varias veces. Reemplazar eso con “Gray” da un gris bastante oscuro (pero legible), mientras que “#DBDBDB” da un gris más claro. (Después de ese cambio, comprima los archivos y carpetas extraídos nuevamente en un archivo zip y cambie esa extensión a epub).

Pero aquí descubrí que el cambio se puede hacer desde dentro de Calibre: Convertir libros> Apariencia> Estilo, seleccione convertir al mismo formato y marque “Colores” (en lugar de / al lado de “Fuentes”).

ingrese la descripción de la imagen aquí

Con la versión 4.6 de Calibre, ahora puede usar el CALIBRE_USE_DARK_PALETTE=1 Variable ambiental.

Tienes la posibilidad dar visibilidad a este tutorial si si solucionó tu problema.

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *