mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-01-12 01:45:25 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #6584 from Simounet/fix/5808-auto-dark-theme-flickering

Browse source
This commit is contained in:
Jérémy Benoist 2023-06-07 06:32:05 +02:00 committed by GitHub
commit 004de9e7c3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/Resources/static/themes/material/index.js
View file

@ -19,7 +19,7 @@ import './css/index.scss';
const mobileMaxWidth = 993; const mobileMaxWidth = 993;
function darkTheme() { (function darkTheme() {
const rootEl = document.querySelector('html'); const rootEl = document.querySelector('html');
const themeDom = { const themeDom = {
darkClass: 'dark-theme', darkClass: 'dark-theme',
@ -87,7 +87,9 @@ function darkTheme() {
return true; return true;
}, },
}; };
preferedColorScheme.init();
const addDarkThemeListeners = () => {
$(document).ready(() => {
const lightThemeButtons = document.querySelectorAll('.js-theme-toggle[data-theme="light"]'); const lightThemeButtons = document.querySelectorAll('.js-theme-toggle[data-theme="light"]');
[...lightThemeButtons].map((lightThemeButton) => { [...lightThemeButtons].map((lightThemeButton) => {
lightThemeButton.addEventListener('click', (e) => { lightThemeButton.addEventListener('click', (e) => {
@ -115,7 +117,12 @@ function darkTheme() {
}); });
return true; return true;
}); });
} });
};
preferedColorScheme.init();
addDarkThemeListeners();
}());
const stickyNav = () => { const stickyNav = () => {
const nav = $('.js-entry-nav-top'); const nav = $('.js-entry-nav-top');
@ -150,7 +157,6 @@ const articleScroll = () => {
$(document).ready(() => { $(document).ready(() => {
// sideNav // sideNav
$('.button-collapse').sideNav(); $('.button-collapse').sideNav();
darkTheme();
$('select').material_select(); $('select').material_select();
$('.collapsible').collapsible({ $('.collapsible').collapsible({
accordion: false, accordion: false,

2
web/wallassets/material.js
View file

File diff suppressed because one or more lines are too long

2
web/wallassets/material.js.map
View file

File diff suppressed because one or more lines are too long