janishutz-legacy/impress.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix darkmode of toggle

Browse Source
This commit is contained in:
janis
2023-02-10 19:20:54 +01:00
parent 7b7b645980
commit 52c22d839c
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
website/js/docs/loader.js
View File

@@ -20,6 +20,7 @@ function setTheme () {
$( '.navitem' ).css( 'background-color', 'rgb(12, 12, 60)' ); $( '.navitem' ).css( 'background-color', 'rgb(12, 12, 60)' );
$( '.nav-container' ).css( 'background-color', 'rgb(0, 0, 100)' ); $( '.nav-container' ).css( 'background-color', 'rgb(0, 0, 100)' );
$( '.docs-link' ).css( 'color', 'white' ); $( '.docs-link' ).css( 'color', 'white' );
$( '#darkToggle' ).css( 'color', 'white' );
} }
} }
@@ -50,6 +51,7 @@ function toggleDarkMode () {
$( '.nav-subitem' ).animate( { 'background-color': 'rgb(18, 18, 99)' } ); $( '.nav-subitem' ).animate( { 'background-color': 'rgb(18, 18, 99)' } );
$( '.navitem' ).animate( { 'background-color': 'rgb(12, 12, 60)' } ); $( '.navitem' ).animate( { 'background-color': 'rgb(12, 12, 60)' } );
$( '.nav-container' ).animate( { 'background-color': 'rgb(0, 0, 100)' } ); $( '.nav-container' ).animate( { 'background-color': 'rgb(0, 0, 100)' } );
$( '#darkToggle' ).animate( { 'color': 'white' } );
document.getElementById( 'darkToggle' ).innerHTML = '☼'; document.getElementById( 'darkToggle' ).innerHTML = '☼';
setPreferredTheme( 'dark' ); setPreferredTheme( 'dark' );
} else { } else {
@@ -60,6 +62,7 @@ function toggleDarkMode () {
$( '.navitem' ).animate( { 'background-color': 'rgb(22, 22, 117)' } ); $( '.navitem' ).animate( { 'background-color': 'rgb(22, 22, 117)' } );
$( '.nav-container' ).animate( { 'background-color': 'blue' } ); $( '.nav-container' ).animate( { 'background-color': 'blue' } );
$( '.top-container' ).animate( { 'background-color': 'rgb(223, 223, 223)' } ); $( '.top-container' ).animate( { 'background-color': 'rgb(223, 223, 223)' } );
$( '#darkToggle' ).animate( { 'color': 'black' } );
document.getElementById( 'darkToggle' ).innerHTML = '☽'; document.getElementById( 'darkToggle' ).innerHTML = '☽';
setPreferredTheme( 'light' ); setPreferredTheme( 'light' );
} }