Making focus style in ui a bit clearer.

dotnetmentor · Jan 11, 2024 · 079294c · 079294c
1 parent 783122c
commit 079294c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/ui/src/assets/main.css b/ui/src/assets/main.css
@@ -4,7 +4,7 @@
 :root:not([data-theme="dark"]) {
   --primary: #d81b60;
   --primary-hover: #c2185b;
-  --primary-focus: rgba(216, 27, 96, 0.125);
+  --primary-focus: rgba(216, 27, 96, 0.25);
   --primary-inverse: #FFF;
 }
 
@@ -14,7 +14,7 @@
   :root:not([data-theme]) {
     --primary: #d81b60;
     --primary-hover: #e91e63;
-    --primary-focus: rgba(216, 27, 96, 0.25);
+    --primary-focus: rgba(216, 27, 96, 0.5);
     --primary-inverse: #FFF;
   }
 }
@@ -24,7 +24,7 @@
 [data-theme="dark"] {
   --primary: #d81b60;
   --primary-hover: #e91e63;
-  --primary-focus: rgba(216, 27, 96, 0.25);
+  --primary-focus: rgba(216, 27, 96, 0.5);
   --primary-inverse: #FFF;
 }