Add support for user stylesheet

Fixes #947
johnfactotum · Jul 29, 2023 · efc2dd4 · efc2dd4
1 parent fd02c82
commit efc2dd4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/book-viewer.js b/src/book-viewer.js
@@ -106,6 +106,9 @@ const invertTheme = ({ light, dark }) => ({ light, dark, inverted: {
     link: utils.invertColor(dark.link),
 } })
 
+const userStylesheet = utils.readFile(Gio.File.new_for_path(
+    pkg.configpath('user-stylesheet.css')))
+
 class BookData {
     annotations = utils.connect(new AnnotationModel(), {
         'update-annotation': async (_, annotation) => {
@@ -470,6 +473,7 @@ GObject.registerClass({
                 hyphenate: view.hyphenate,
                 invert: view.invert,
                 theme: view.invert ? invertTheme(theme) : theme,
+                userStylesheet,
             },
         })
     }

diff --git a/src/main.js b/src/main.js
@@ -30,6 +30,9 @@ pkg.datadir = GLib.build_filenamev([GLib.get_user_data_dir(), pkg.name])
 pkg.datapath = path => GLib.build_filenamev([pkg.datadir, path])
 pkg.datafile = path => Gio.File.new_for_path(pkg.datapath(path))
 
+pkg.configdir = GLib.build_filenamev([GLib.get_user_config_dir(), pkg.name])
+pkg.configpath = path => GLib.build_filenamev([pkg.configdir, path])
+
 pkg.cachedir = GLib.build_filenamev([GLib.get_user_cache_dir(), pkg.name])
 pkg.cachepath = path => GLib.build_filenamev([pkg.cachedir, path])
 

diff --git a/src/reader/reader.js b/src/reader/reader.js
@@ -127,7 +127,7 @@ const open = async file => {
     emit({ type: 'book-ready', book, reader })
 }
 
-const getCSS = ({ lineHeight, justify, hyphenate, invert, theme }) => [`
+const getCSS = ({ lineHeight, justify, hyphenate, invert, theme, userStylesheet }) => [`
     @namespace epub "http://www.idpf.org/2007/ops";
     @media print {
         html {
@@ -186,7 +186,7 @@ const getCSS = ({ lineHeight, justify, hyphenate, invert, theme }) => [`
         text-align: ${justify ? 'justify' : 'start'};
         -webkit-hyphens: ${hyphenate ? 'auto' : 'manual'};
     }
-`]
+` + userStylesheet]
 
 const frameRect = (frame, rect, sx = 1, sy = 1) => {
     const left = sx * rect.left + frame.left