FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix theme icon in transparent menu (#801)

Browse source 
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
Emruz Hossain 2023-09-30 05:17:47 +06:00 • committed by GitHub
parent 5f0aebcf68
commit c943f39617
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/scripts/sections/navbar.js
View file

@ -1,6 +1,7 @@
const updateNavBar = () => {
const topNavbar = document.getElementById('top-navbar')
const navbarToggler = document.getElementById('navbar-toggler')
const themeIcon = document.getElementById('navbar-theme-icon-svg')
if (window.scrollY > 40) {
topNavbar?.classList.remove('transparent-navbar')
@ -9,6 +10,8 @@ const updateNavBar = () => {
navbarToggler?.classList.remove('navbar-dark')
navbarToggler?.classList.add('navbar-light')
// color theme selector a.k.a. dark mode
themeIcon?.classList.remove('svg-inverted')
// get the main logo from hidden img tag
const mainLogo = document.getElementById('main-logo')
@ -23,6 +26,9 @@ const updateNavBar = () => {
navbarToggler?.classList.remove('navbar-light')
navbarToggler?.classList.add('navbar-dark')
// color theme selector a.k.a. dark mode
themeIcon?.classList.add('svg-inverted')
// get the inverted logo from hidden img tag
const invertedLogo = document.getElementById('inverted-logo')
if (invertedLogo) {

4
assets/styles/components/images.scss
View file

@ -42,3 +42,7 @@ html[data-theme='dark'] {
color: get-dark-color('muted-text-color');
}
}
.svg-inverted {
filter: invert(1);
}

2
assets/styles/navigators/navbar.scss
View file

@ -184,7 +184,7 @@
background-color: get-light-color('bg-primary');
box-shadow: $box-shadow;
}
#themeMenu{
#themeMenu {
width: 100%;
}
}