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

10

La mayoría de los lectores de libros electrónicos vienen con un interruptor estándar de modo nocturno fácil. Estoy tratando de resolver esto en Calibre. Hasta ahora, he podido cambiar el tema de la aplicación para usar mi tema oscuro del Sistema creando

$ sudo nano /etc/profile.d/calibre.sh

export CALIBRE_USE_SYSTEM_THEME=1

Entonces

$ sudo service gdm restart

Pero todavía necesito ayuda para que el fondo del Ebook Viewer sea más oscuro con un texto más claro.

Dawoodjee
fuente
En la versión 4.6 es export CALIBRE_USE_DARK_PALETTE=1para la GUI oscura en Calibre principal, como se dijo en el comentario de @meskobalazs. Para el espectador, los colores ahora se pueden cambiar desde la configuración, por lo que he publicado una nueva respuesta.
cipricus

Respuestas:

1

No creo que se necesite un nuevo archivo CSS. Además, las instrucciones en la respuesta principal están desactualizadas (en relación con una versión anterior de Calibre con una GUI de Ebook Viewer diferente), y también lo es el comando (en la pregunta) para la paleta oscura de la GUI principal de Calibre; probando en la versión 4.6, es export CALIBRE_USE_DARK_PALETTE=1para lograr ese resultado, como se 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 visor , no con Calibre en sí; o, desde Calibre principal, 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í

Entonces colores

ingrese la descripción de la imagen aquí

Entonces nuevo esquema

ingrese la descripción de la imagen aquí

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

Seleccione Aplicar y Aceptar.


Con ciertos documentos de libros electrónicos, he visto un problema extraño en el que el color de la fuente permaneció 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. Al probar eso, extraje el archivo epub (de hecho, es un zip; algunos administradores de archivos necesitan la zipextensión, algunos pueden extraerlo directamente) y encontré un lugar /EXTRACTED_LOCATION/OEBPS/Content/Content.cssdonde la línea color:Blackapareció varias veces. Reemplazar eso con "Gris" 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í he descubierto que el cambio se puede hacer desde Calibre: Convertir libros> Apariencia> Estilo , seleccionar para convertir al mismo formato y marcar "Colores" (en lugar de / al lado de "Fuentes").

ingrese la descripción de la imagen aquí

cipricus
fuente
11

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

Guarda el tema predeterminado

  1. Abra un libro electrónico (cualquier libro electrónico).
  2. Haga clic en el icono de Configuración ( icono de destornillador y llave inglesa según su versión) en la parte inferior izquierda.
  3. Abra la pestaña Temas y guarde el tema con el nombre que prefiera.

Crea el tema oscuro

  1. Abra la pestaña de la hoja de estilo del usuario
  2. Pegue el código CSS del tema Solarised Dark en la parte inferior de esta respuesta. Provisto de saucemcboss 'Github Repo .
  3. Abra la pestaña Temas y guarde el nuevo tema con su nombre de elección.

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

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[title] {
  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;
}
Dawoodjee
fuente
Supongo que se trata de una versión anterior, ahora la configuración es un poco diferente: haga clic derecho dentro del visor, luego "Preferencias".
cipricus
2

Con la versión 4.6 de Calibre, ahora puede usar la CALIBRE_USE_DARK_PALETTE=1variable de entorno.

ulle
fuente