43 |
--------------------------------------------------------------------------------
/xExtension-ThemeModeSynchronizer/extension.php:
--------------------------------------------------------------------------------
1 | dark_theme = FreshRSS_Context::$user_conf->theme;
7 | FreshRSS_Context::$user_conf->light_theme = FreshRSS_Context::$user_conf->theme;
8 | FreshRSS_Context::$user_conf->save();
9 | return true;
10 | }
11 |
12 | public function init() {
13 | $this->registerTranslates();
14 | $this->registerHook('js_vars', [$this, 'providePreferredThemesInJs']);
15 | Minz_View::appendScript($this->getFileUrl('main.js', 'js'));
16 | }
17 |
18 | public function handleConfigureAction() {
19 | if (Minz_Request::isPost()) {
20 | foreach (['dark_theme', 'light_theme', 'theme'] as $param) {
21 | if (Minz_Request::param($param)) {
22 | FreshRSS_Context::$user_conf->_param($param, Minz_Request::param($param));
23 | }
24 | }
25 | FreshRSS_Context::$user_conf->save();
26 | }
27 | }
28 |
29 | public function providePreferredThemesInJs($vars) {
30 | return array_merge($vars, ['ThemeModeSynchronizer' => [
31 | 'darkTheme' => FreshRSS_Context::$user_conf->dark_theme,
32 | 'lightTheme' => FreshRSS_Context::$user_conf->light_theme,
33 | 'postUrl' => _url('extension', 'configure', 'e', $this->getName()),
34 | 'warning' => array_map(function($value) {
35 | return _t('ext.theme_mode_synchronizer.warning.' . $value);
36 | }, [
37 | 'anonymous' => 'anonymous',
38 | 'unsupported' => 'unsupported'
39 | ])
40 | ]]);
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/xExtension-ThemeModeSynchronizer/i18n/en/ext.php:
--------------------------------------------------------------------------------
1 | [
5 | 'dark_theme' => 'Dark Theme',
6 | 'light_theme' => 'Light Theme',
7 | 'warning' => [
8 | 'anonymous' => 'Due to lack of authorization, ThemeModeSynchronizer extension cannot work as expected.',
9 | 'unsupported' => 'Due to the limitation of current browser, ThemeModeSynchronizer extension cannot work as expected.'
10 | ]
11 | ]
12 | ];
13 |
--------------------------------------------------------------------------------
/xExtension-ThemeModeSynchronizer/i18n/zh-cn/ext.php:
--------------------------------------------------------------------------------
1 | [
5 | 'dark_theme' => '深色主题',
6 | 'light_theme' => '浅色主题',
7 | 'warning' => [
8 | 'anonymous' => '受匿名阅读模式限制，Theme Mode Synchronizer 插件无法正常工作。',
9 | 'unsupported' => '受当前浏览器限制，Theme Mode Synchronizer 插件无法正常工作。'
10 | ]
11 | ]
12 | ];
13 |
--------------------------------------------------------------------------------
/xExtension-ThemeModeSynchronizer/metadata.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Theme Mode Synchronizer",
3 | "author": "Aidi Stan",
4 | "description": "Synchronize the theme with your system light/dark mode",
5 | "version": "1.1.4",
6 | "entrypoint": "ThemeModeSynchronizer",
7 | "type": "user"
8 | }
9 |
--------------------------------------------------------------------------------
/xExtension-ThemeModeSynchronizer/static/main.js:
--------------------------------------------------------------------------------
1 | window.addEventListener('load', () => {
2 |
3 | (() => {
4 | const context = window.context.extensions.ThemeModeSynchronizer
5 |
6 | // Decode double-html-encoded postUrl
7 | const txt = document.createElement('textarea')
8 | txt.innerHTML = context.postUrl // once for js_vars
9 | txt.innerHTML = txt.value // once for _url
10 | context.postUrl = txt.value
11 | })()
12 |
13 | function getCurrentTheme() {
14 | for (node of document.querySelectorAll('link[rel="stylesheet"]')) {
15 | const match = new RegExp('/themes/([^/]+)/').exec(node.attributes.href?.value)
16 | if (match && match[1] !== 'base-theme') {
17 | return match[1]
18 | }
19 | }
20 | }
21 |
22 | function getSystemMode() {
23 | if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
24 | return 'dark'
25 | } else {
26 | return 'light'
27 | }
28 | }
29 |
30 | function syncWithSystemMode(callTiming) {
31 | const theme = getCurrentTheme()
32 | const preferredTheme = context.extensions.ThemeModeSynchronizer[getSystemMode() + 'Theme']
33 |
34 | if (preferredTheme && theme !== preferredTheme) {
35 | fetch(context.extensions.ThemeModeSynchronizer.postUrl, {
36 | method: 'POST',
37 | headers: { 'Content-Type': 'application/json' },
38 | body: JSON.stringify({
39 | _csrf: context.csrf,
40 | theme: preferredTheme
41 | })
42 | })
43 | .then(() => {
44 | const duringReading = callTiming === 'onChange' &&
45 | ['normal', 'global', 'reader'].includes(context.current_view)
46 |
47 | if (!duringReading) location.reload()
48 | })
49 | }
50 | }
51 |
52 | if (context.anonymous) {
53 | return console.log(context.extensions.ThemeModeSynchronizer.warning.anonymous)
54 | } else if (!window.matchMedia) {
55 | return console.log(context.extensions.ThemeModeSynchronizer.warning.unsupported)
56 | } else {
57 | syncWithSystemMode('onLoad')
58 |
59 | window.matchMedia('(prefers-color-scheme: dark)')
60 | .addEventListener('change', () => syncWithSystemMode('onChange'))
61 | }
62 | })
63 |
--------------------------------------------------------------------------------