fix dark mode link color

This commit is contained in:
janis
2023-01-23 19:40:07 +01:00
parent 0647307ad9
commit 92cc355226
3 changed files with 9 additions and 2 deletions

View File

@@ -32,6 +32,10 @@ html, body {
'menu footer footer footer footer'; 'menu footer footer footer footer';
} }
.docs-link {
color: blue;
}
.logo { .logo {
width: 60%; width: 60%;
height: auto; height: auto;

View File

@@ -17,6 +17,7 @@ function setTheme () {
$( '.nav-subitem' ).css( 'background-color', 'rgb(18, 18, 99)' ); $( '.nav-subitem' ).css( 'background-color', 'rgb(18, 18, 99)' );
$( '.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' );
} }
} }
@@ -41,16 +42,18 @@ function setPreferredTheme ( userTheme ) {
function toggleDarkMode () { function toggleDarkMode () {
if ( theme == 'light' ) { if ( theme == 'light' ) {
$( '.content' ).animate( { 'background-color': 'rgb(46, 46, 46)' } ); $( '.content' ).animate( { 'background-color': 'rgb(46, 46, 46)' } );
$( '.content' ).animate( { 'color': 'white' } );
$( '.docs-link' ).animate( { 'color': 'white' } );
$( '.top-container' ).animate( { 'background-color': 'rgb(100, 100, 100)' } ); $( '.top-container' ).animate( { 'background-color': 'rgb(100, 100, 100)' } );
$( '.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)' } );
$( '.content' ).animate( { 'color': 'white' } );
document.getElementById( 'darkToggle' ).innerHTML = '☼'; document.getElementById( 'darkToggle' ).innerHTML = '☼';
setPreferredTheme( 'dark' ); setPreferredTheme( 'dark' );
} else { } else {
$( '.content' ).animate( { 'background-color': 'white' } ); $( '.content' ).animate( { 'background-color': 'white' } );
$( '.content' ).animate( { 'color': 'black' } ); $( '.content' ).animate( { 'color': 'black' } );
$( '.docs-link' ).animate( { 'color': 'blue' } );
$( '.nav-subitem' ).animate( { 'background-color': 'rgb(27, 27, 165)' } ); $( '.nav-subitem' ).animate( { 'background-color': 'rgb(27, 27, 165)' } );
$( '.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' } );