rocky-linux/peridot
4
0
Fork 0
mirror of https://github.com/rocky-linux/peridot.git synced 2024-12-20 17:58:29 +00:00
Code Issues Projects Releases Activity

Add browser level dark color scheme

Browse Source
This commit is contained in:
Ted Adams 2023-01-26 10:46:48 -08:00
parent b6d94ecdc4
commit c6e8688dc0
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apollo/ui/src/theme.ts
View File

@ -30,12 +30,23 @@
* POSSIBILITY OF SUCH DAMAGE.
*/
import { extendTheme, type ThemeConfig } from '@chakra-ui/react';
import { extendTheme, type Theme, type ThemeConfig } from '@chakra-ui/react';
const config: ThemeConfig = {
initialColorMode: 'system',
};
const theme = extendTheme({ config });
const styles: Theme['styles'] = {
global: (props) => ({
':root': {
colorScheme: props.colorMode,
},
}),
};
const theme = extendTheme({
config,
styles,
});
export default theme;