forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-14 12:06:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

enable light/dark mode toggle button

Browse source
This commit is contained in:
Paul Wackerow 2022-11-15 18:00:50 -08:00
parent c71e2e2e23
commit fe4014c03c
No known key found for this signature in database
GPG key ID: BB63E296FE9CAB8D
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/UI/Header.tsx
View file

@ -1,4 +1,4 @@
import { Box, Flex, Input, InputGroup, Link, Stack, Text } from '@chakra-ui/react'; import { Box, Flex, Input, InputGroup, Link, Stack, Text, useColorMode } from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
import NextLink from 'next/link'; import NextLink from 'next/link';
@ -6,6 +6,7 @@ import { HamburgerIcon, LensIcon, MoonIcon } from '../UI/icons';
import { DOCS_PAGE, DOWNLOADS_PAGE } from '../../constants'; import { DOCS_PAGE, DOWNLOADS_PAGE } from '../../constants';
export const Header: FC = () => { export const Header: FC = () => {
const { toggleColorMode } = useColorMode();
return ( return (
<Flex <Flex
mb={4} mb={4}
@ -100,9 +101,11 @@ export const Header: FC = () => {
{/* DARK MODE SWITCH */} {/* DARK MODE SWITCH */}
<Box <Box
as='button'
p={4} p={4}
borderRight={{ base: '2px', md: 'none' }} borderRight={{ base: '2px', md: 'none' }}
borderColor='primary' borderColor='primary'
onClick={toggleColorMode}
> >
<MoonIcon color="primary" /> <MoonIcon color="primary" />
</Box> </Box>