Filtry dzienników; poprawki stylistyczne

src/styles/JournalSection.scss

@@ -8,11 +8,11 @@
   }
 
   &-enter-active {
-    transition: all 150ms ease-out;
+    transition: all 150ms 100ms ease-out;
   }
 
   &-leave-active {
-    transition: all 150ms ease-out;
+    transition: all 150ms 100ms ease-out;
   }
 }
 
@@ -47,7 +47,7 @@
 
 .journal_item,
 .journal_warning {
-  background: #202020;
+  background-color: #1a1a1a;
   padding: 1em;
   margin-bottom: 1em;
 }

src/styles/global.scss

@@ -12,6 +12,25 @@
 
   --clr-error: #df3e3e;
   --clr-warning: #c59429;
+
+  font-size: 16px;
+}
+
+::-webkit-scrollbar {
+  width: 1rem;
+  height: 1rem;
+  background-color: transparent;
+
+  &-track {
+    border-radius: 0.5em;
+    background-color: #333;
+
+  }
+
+  &-thumb {
+    border-radius: 0.5em;
+    background-color: #666;
+  }
 }
 
 html {
@@ -36,30 +55,6 @@ body {
   }
 }
 
-*:focus-visible {
-  outline: 1px solid white;
-  outline-offset: 1px;
-}
-
-:root {
-  font-size: 16px;
-}
-
-::-webkit-scrollbar {
-  width: 1rem;
-  height: 1rem;
-
-  &-track {
-    border-radius: 0.5em;
-  }
-
-  &-thumb {
-    border-radius: 0.5em;
-
-    background-color: #1b1b1b;
-  }
-}
-
 .g-tooltip {
   position: relative;