akai-tools/readest
2
0
Fork 0
forked from akai/readest
Code Pull Requests Activity

css: multiply img color in light mode when overriding book color (#1656)

Browse Source 
This fixed image color issue for EPUBs in #1649.
This commit is contained in:
Huang Xin
2025-07-22 00:17:16 +08:00
committed by GitHub
parent 88ccc528d4
commit 2d12210606
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/readest-app/src/utils/style.ts
+8 -7
View File
@@ -110,6 +110,13 @@ const getColorStyles = (
html, body {
color: ${fg};
}
html[has-background], body[has-background] {
--background-set: var(--theme-bg-color);
}
html {
background-color: var(--theme-bg-color, transparent);
background: var(--background-set, none);
}
div, p, h1, h2, h3, h4, h5, h6 {
${overrideColor ? `background-color: ${bg} !important;` : ''}
${overrideColor ? `color: ${fg} !important;` : ''}
@@ -129,6 +136,7 @@ const getColorStyles = (
}
img {
${isDarkMode && invertImgColorInDark ? 'filter: invert(100%);' : ''}
${!isDarkMode && overrideColor ? 'mix-blend-mode: multiply;' : ''}
}
/* inline images */
p img, span img, sup img {
@@ -190,18 +198,11 @@ const getLayoutStyles = (
white-space: pre-wrap !important;
tab-size: 2;
}
html[has-background], body[has-background] {
--background-set: var(--theme-bg-color);
}
html, body {
${writingMode === 'auto' ? '' : `writing-mode: ${writingMode} !important;`}
text-align: var(--default-text-align);
max-height: unset;
}
html {
background-color: var(--theme-bg-color, transparent);
background: var(--background-set, none);
}
body {
overflow: unset;
zoom: ${zoomLevel};