From 35f65bb23e56f5b01f5b2efc0c0859da66108061 Mon Sep 17 00:00:00 2001
From: Michal Sapka <michal@sapka.me>
Date: Wed, 7 Sep 2022 21:59:21 +0200
Subject: feat: add brightness to topnav

---
 components/topnav.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'components/topnav.tsx')

diff --git a/components/topnav.tsx b/components/topnav.tsx
index 80a6ce3..e1cdb71 100644
--- a/components/topnav.tsx
+++ b/components/topnav.tsx
@@ -9,8 +9,9 @@ import {
   MenuButton,
   MenuList,
   MenuItem,
+  Container,
   useMediaQuery,
-  Container
+  useColorModeValue
 } from '@chakra-ui/react'
 import { GiHamburgerMenu } from "react-icons/gi"
 import { DiGithubBadge } from "react-icons/di"
@@ -45,6 +46,7 @@ export default function Navbar() {
     position="fixed"
     backdropFilter="auto" 
     backdropBlur="6px"
+    backdropBrightness={useColorModeValue("1.1", "1")}
     width="100%"
     pt="5px"
   >
-- 
cgit v1.2.3

