Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-12 00:15:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

📄 Documenting keybinds for theme switch

Browse Source
This commit is contained in:
Aj - Thomas
2022-05-16 13:51:46 +02:00
committed by ajnart
parent d4c1148025
commit a71b50e33f
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ColorSchemeToggle/ColorSchemeSwitch.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { createStyles, Switch, Group, useMantineColorScheme } from '@mantine/core'; import { createStyles, Switch, Group, useMantineColorScheme, Kbd } from '@mantine/core';
import { Sun, MoonStars } from 'tabler-icons-react'; import { Sun, MoonStars } from 'tabler-icons-react';
const useStyles = createStyles((theme) => ({ const useStyles = createStyles((theme) => ({
@@ -40,6 +40,9 @@ export function ColorSchemeSwitch() {
<Switch checked={colorScheme === 'dark'} onChange={() => toggleColorScheme()} size="md" /> <Switch checked={colorScheme === 'dark'} onChange={() => toggleColorScheme()} size="md" />
</div> </div>
Switch to {colorScheme === 'dark' ? 'light' : 'dark'} mode Switch to {colorScheme === 'dark' ? 'light' : 'dark'} mode
<Group spacing={2}>
<Kbd>Ctrl</Kbd>+<Kbd>J</Kbd>
</Group>
</Group> </Group>
); );
} }