goldendict-ng/website/docs/topic_userstyle.md
shenleban tongying 41776d2b89
feat: add article-script.js
* like article-style.css but for javascript
2023-06-03 20:53:46 -04:00

1.1 KiB

By creating article-style.css or article-script.js in GoldenDict's configuration folder (beside the config file), you can change dictionaries' presentation or inject javascript to dictionaries.

The article-style.css is just standard HTML Style Sheets. To know class or id names used in article, you can open inspector by right click article's body and click Inspect (F12). The inspector's documentation can be found at Chrome DevTools

You can adjust dark reader mode's parameter by add those lines to article-script.js

DarkReader.enable({
    brightness: 100,
    contrast: 100,
    sepia: 0,
    grayscale: 0,
});

Also, you can tune GoldenDict's interface by creating qt-style.css style sheet file in GoldenDict configuration folder. It is a Qt Style Sheet loaded during startup.

Samples of article-style.css and qt-style.css files can found in GoldenDict's source code at /src/stylesheets