From 6553d7ef1167e6b151de91b52ab1c689dfb613ad Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Sun, 25 Sep 2022 20:17:10 +0200
Subject: [PATCH] Tweak CSS variables

---
 src/index.scss                          | 2 +-
 src/page/header/header.scss             | 2 +-
 src/page/image-viewer/image-viewer.scss | 2 +-
 src/style/vars.scss                     | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index 605106c..706d11d 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -130,7 +130,7 @@ iframe {
   outline: none;
 
   &:not(:hover) {
-    outline: var(--accent-color) solid 3px;
+    outline: var(--accent-color) solid var(--line-width);
   }
 }
 
diff --git a/src/page/header/header.scss b/src/page/header/header.scss
index bc0083b..1dbbfb4 100644
--- a/src/page/header/header.scss
+++ b/src/page/header/header.scss
@@ -42,7 +42,7 @@
 
   @include on-small-screen {
     :focus:not(:hover) {
-      outline: var(--very-light-text-color) solid 3px !important;
+      outline: var(--very-light-text-color) solid var(--line-width);
     }
   }
 
diff --git a/src/page/image-viewer/image-viewer.scss b/src/page/image-viewer/image-viewer.scss
index f1ce1ea..840631f 100644
--- a/src/page/image-viewer/image-viewer.scss
+++ b/src/page/image-viewer/image-viewer.scss
@@ -35,7 +35,7 @@
     top: 0;
 
     &:focus:not(:hover) {
-      outline: var(--very-light-text-color) solid 3px !important;
+      outline: var(--very-light-text-color) solid var(--line-width);
     }
   }
 }
diff --git a/src/style/vars.scss b/src/style/vars.scss
index bbd9c0d..e30c5cb 100644
--- a/src/style/vars.scss
+++ b/src/style/vars.scss
@@ -3,7 +3,7 @@
 :root {
   --transition-time: 200ms;
   --transition-time-long: 300ms;
-  --line-width: 3px;
+  --line-width: 4px;
   --line-height: 18px;
   --accent-color: #b7455e;
   --sun-color: #f7f78c;
@@ -49,8 +49,8 @@
   --background: #242638;
   --normal-text-color: #ffffff;
   --card-color: #263551;
-  --blurred-card-color: #26355155;
-  --blur-radius: 24px;
+  --blurred-card-color: #212f4a77;
+  --blur-radius: 30px;
   --special-text-color: #ffffff;
   --inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.4);
 }