accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2025-02-02 12:08:27 +00:00
Code Issues Releases Activity

feat: Added checks for system theme

Browse Source
This commit is contained in:
pu-raihan 2024-03-27 13:09:53 +05:30
parent 70e3aacbdc
commit 0eb63e5a1a
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/POS/ClosePOSShiftModal.vue
View File

@ -32,7 +32,7 @@
@row-change="handleChange" @row-change="handleChange"
/> />
<div class="mt-4 grid grid-cols-2 gap-4 flex items-end"> <div class="mt-4 grid grid-cols-2 gap-4 items-end">
<Button <Button
class="w-full py-5 bg-red-500 dark:bg-red-700" class="w-full py-5 bg-red-500 dark:bg-red-700"
@click="$emit('toggleModal', 'ShiftClose', false)" @click="$emit('toggleModal', 'ShiftClose', false)"

2
src/pages/POS/OpenPOSShiftModal.vue
View File

@ -36,7 +36,7 @@
@row-change="handleChange" @row-change="handleChange"
/> />
<div class="mt-4 grid grid-cols-2 gap-4 flex items-end"> <div class="mt-4 grid grid-cols-2 gap-4 items-end">
<Button <Button
class="w-full py-5 bg-red-500 dark:bg-red-700" class="w-full py-5 bg-red-500 dark:bg-red-700"
@click="$router.back()" @click="$router.back()"

3
src/renderer.ts
View File

@ -21,8 +21,7 @@ import { setDarkMode } from './utils/theme';
} }
fyo.store.language = language || 'English'; fyo.store.language = language || 'English';
const darkMode = fyo.config.get('darkMode') as boolean; setDarkMode();
setDarkMode(darkMode);
registerIpcRendererListeners(); registerIpcRendererListeners();
const { isDevelopment, platform, version } = await ipc.getEnv(); const { isDevelopment, platform, version } = await ipc.getEnv();

9
src/utils/theme.ts
View File

@ -11,7 +11,14 @@ export async function toggleDarkMode(): Promise<void> {
fyo.config.set('darkMode', true); fyo.config.set('darkMode', true);
} }
export function setDarkMode(darkMode: boolean): void { export function setDarkMode(): void {
var darkMode = fyo.config.get('darkMode');
/* Fetching system theme */
if (darkMode === undefined){
darkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
fyo.config.set('darkMode', darkMode);
}
if (darkMode) { if (darkMode) {
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');
return; return;