From 8a7196eeace0146858399324f13102945c2c5d06 Mon Sep 17 00:00:00 2001
From: Siklos <siklos@tuta.io>
Date: Thu, 15 Sep 2022 12:53:08 +0200
Subject: [PATCH] Increase opacity for better visibility

---
 src/Components/Category/Category.tsx | 4 ++--
 src/index.scss                       | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Components/Category/Category.tsx b/src/Components/Category/Category.tsx
index 1dfdd21..2de579d 100644
--- a/src/Components/Category/Category.tsx
+++ b/src/Components/Category/Category.tsx
@@ -22,14 +22,14 @@ export function Category(props: ICategoryProps): JSX.Element {
           className='flex flex-row group full'
           onClick={() => setIsOpen(!isOpen)}
         >
-          <span className={'transition-all flex-1 h-full justify-center sidebar-component-left rounded-b-none bg-slate-400/60 group-hover:bg-blue-600'}>
+          <span className={'transition-all flex-1 h-full justify-center sidebar-component-left rounded-b-none bg-slate-400/80 group-hover:bg-blue-600'}>
             {TruncateString(props.category, 25)}
           </span>
           <span className={'flex-none h-full justify-center sidebar-component-right rounded-b-none'}>
             <ChevronRightIcon className='transition-all w-5 rotate-90' />
           </span>
         </div>
-        <div className='transition-all grid gap-2 p-2 bg-slate-400/60 overflow-auto rounded-b-lg visible'>
+        <div className='transition-all grid gap-2 p-2 bg-slate-400/80 overflow-auto rounded-b-lg visible'>
           { props.children }
         </div>
       </button>
diff --git a/src/index.scss b/src/index.scss
index 58b95cd..b6bdcce 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -8,15 +8,15 @@
   }
 
   .sidebar-component {
-    @apply transition-all px-2 py-6 text-sm rounded-lg bg-slate-300/60 hover:bg-blue-500 hover:text-slate-50
+    @apply transition-all px-2 py-6 text-sm rounded-lg bg-slate-300/80 hover:bg-blue-500 hover:text-slate-50
   }
 
   .sidebar-component-left {
-    @apply transition-all px-2 py-6 text-sm rounded-l-lg bg-slate-300/60 group-hover:bg-blue-500 group-hover:text-slate-50
+    @apply transition-all px-2 py-6 text-sm rounded-l-lg bg-slate-300/80 group-hover:bg-blue-500 group-hover:text-slate-50
   }
 
   .sidebar-component-right {
-    @apply transition-all px-2 py-6 text-sm rounded-r-lg bg-slate-400/60 group-hover:bg-blue-600 group-hover:text-slate-50
+    @apply transition-all px-2 py-6 text-sm rounded-r-lg bg-slate-400/80 group-hover:bg-blue-600 group-hover:text-slate-50
   }
 
   .sidebar-component-card {