From c8b6a6b6c52d22906f093bfce229058c1dcacf37 Mon Sep 17 00:00:00 2001 From: xiaoyifang <105986+xiaoyifang@users.noreply.github.com> Date: Mon, 4 Nov 2024 21:11:01 +0800 Subject: [PATCH] Update topic_userstyle.md (#1899) * Update topic_userstyle.md * Update topic_userstyle.md --------- Co-authored-by: shenleban tongying --- website/docs/topic_userstyle.md | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/website/docs/topic_userstyle.md b/website/docs/topic_userstyle.md index f619bf41..45bee8c5 100644 --- a/website/docs/topic_userstyle.md +++ b/website/docs/topic_userstyle.md @@ -1,5 +1,13 @@ 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. +``` +. <- GD's configuration folder +├── config +├── article-style.css +├── article-script.js +└── qt-style.css +``` + The `article-style.css` is just standard HTML [Style Sheets](https://developer.mozilla.org/docs/Web/CSS). 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](https://developer.chrome.com/docs/devtools/) You can adjust dark reader mode's parameter by add those lines to `article-script.js` @@ -17,7 +25,6 @@ Also, you can tune GoldenDict's interface by creating `qt-style.css` style sheet Samples of `article-style.css` and `qt-style.css` files can found in GoldenDict's source code at [/src/stylesheets](https://github.com/xiaoyifang/goldendict-ng/tree/staged/src/stylesheets) - ## "Addon" Styles Under GoldenDict's configuration folder, you can create a "styles" folder for "Addon" styles, so that you can switch between multiple `article-style.css` and `qt-style.css`.