From ee586c9e6404dc00a3cfd2fc9b1b89ce38152dc2 Mon Sep 17 00:00:00 2001
From: endriu3314 <a.croitoru3@icloud.com>
Date: Fri, 29 Jan 2021 01:05:39 +0000
Subject: [PATCH] Add focus ring and remove default focus outline

---
 src/components/themeSwitcher.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/themeSwitcher.js b/src/components/themeSwitcher.js
index 0e02db6..55091c0 100644
--- a/src/components/themeSwitcher.js
+++ b/src/components/themeSwitcher.js
@@ -45,11 +45,11 @@ export default function ThemeSwitcher() {
     setDark(!darkmode)
   }
 
-  const buttonColor = darkmode ? 'bg-gray-700' : 'bg-gray-200'
+  const buttonColor = darkmode ? 'bg-gray-700 focus:ring-gray-700' : 'bg-gray-200 focus:ring-gray-200'
 
   return (
     <button
-      className={`${buttonColor} rounded-full h-7 w-7 mr-4`}
+      className={`${buttonColor} rounded-full h-7 w-7 mr-4 focus:outline-none focus:ring-2 focus:ring-opacity-50`}
       onClick={changeTheme}
     >
       {darkmode ? sunIcon : moonIcon}