QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-20 14:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: theme preloading and dark mode

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-11-26 21:27:42 +02:00
parent 8817be4813
commit 74e46364ac
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/webapp/index.html
View File

@@ -9,7 +9,8 @@
name="description" name="description"
content="Bigcapital Financial Managment Software" content="Bigcapital Financial Managment Software"
/> />
<link rel="manifest" href="/manifest.json" /> <link rel="modulepreload" href="/manifest.json" />
<script type="module" src="/public/preload-theme.js"></script>
<title>Bigcapital</title> <title>Bigcapital</title>
</head> </head>
<body class="bp4-dark"> <body class="bp4-dark">
@@ -25,4 +26,3 @@
<script type="module" src="/src/index.tsx"></script> <script type="module" src="/src/index.tsx"></script>
</body> </body>
</html> </html>

16
packages/webapp/public/preload-theme.js Normal file
View File

@@ -0,0 +1,16 @@
const theme =
localStorage.getItem('theme') ||
(window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'light');
if (theme === 'dark') {
document.documentElement.classList.add('bp4-dark');
document.body.classList.add('bp4-dark');
}
// Remove dark mode for payment portal pages
if (window.location.pathname.startsWith('/payment')) {
document.documentElement.classList.remove('bp4-dark');
document.body.classList.remove('bp4-dark');
}