GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 00:38:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: add dark class to the elements when dark mode is enabled to support components library modes (#7607)

Browse Source
This commit is contained in:
Shaheer Kochai 2025-05-06 20:14:26 +04:30 committed by GitHub
parent 08579242eb
commit b80626f5e2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/container/AppLayout/index.tsx
View File

@ -376,9 +376,11 @@ function AppLayout(props: AppLayoutProps): JSX.Element {
useEffect(() => {
if (isDarkMode) {
document.body.classList.remove('lightMode');
document.body.classList.add('dark');
document.body.classList.add('darkMode');
} else {
document.body.classList.add('lightMode');
document.body.classList.remove('dark');
document.body.classList.remove('darkMode');
}
}, [isDarkMode]);
@ -588,7 +590,7 @@ function AppLayout(props: AppLayoutProps): JSX.Element {
);
return (
<Layout className={cx(isDarkMode ? 'darkMode' : 'lightMode')}>
<Layout className={cx(isDarkMode ? 'darkMode dark' : 'lightMode')}>
<Helmet>
<title>{pageTitle}</title>
</Helmet>
@ -638,7 +640,9 @@ function AppLayout(props: AppLayoutProps): JSX.Element {
</div>
)}
<Flex className={cx('app-layout', isDarkMode ? 'darkMode' : 'lightMode')}>
<Flex
className={cx('app-layout', isDarkMode ? 'darkMode dark' : 'lightMode')}
>
{isToDisplayLayout && !renderFullScreen && <SideNav />}
<div
className={cx('app-content', {