From f77c71201506ed6304c79645fb05e9d056d32fd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ant=C3=B3nio=20Almeida?= <promatik@gmail.com>
Date: Sat, 15 Jul 2023 21:02:36 +0100
Subject: [PATCH] Avoid scss color dependency on :focus (#1647)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
---
 .changeset/stupid-dingos-train.md | 5 +++++
 src/scss/_variables.scss          | 2 --
 src/scss/mixins/_mixins.scss      | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/stupid-dingos-train.md

diff --git a/.changeset/stupid-dingos-train.md b/.changeset/stupid-dingos-train.md
new file mode 100644
index 000000000..73a564a1c
--- /dev/null
+++ b/.changeset/stupid-dingos-train.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Avoid SCSS color dependency on `:focus`
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 95850b1a8..a4a20a00e 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -486,8 +486,6 @@ $focus-ring-width: 0.25rem !default;
 $focus-ring-opacity: 0.25 !default;
 $focus-ring-color: rgba(var(--#{$prefix}primary-rgb), $focus-ring-opacity) !default;
 $focus-ring-blur: 0 !default;
-$focus-ring-border-color: rgba(var(--#{$prefix}primary-rgb), 50%) !default;
-$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
 
 // Transitions
 $transition-time: 0.3s !default;
diff --git a/src/scss/mixins/_mixins.scss b/src/scss/mixins/_mixins.scss
index 48a559ef8..01498fe5d 100644
--- a/src/scss/mixins/_mixins.scss
+++ b/src/scss/mixins/_mixins.scss
@@ -60,9 +60,9 @@
 
 @mixin focus-ring($show-border: false) {
   outline: 0;
-  box-shadow: $focus-ring-box-shadow;
+  box-shadow: 0 0 $focus-ring-blur $focus-ring-width rgba(var(--tblr-primary-rgb), 0.25);
 
   @if($show-border) {
-    border-color: $focus-ring-border-color;
+    border-color: rgba(var(--tblr-primary-rgb), 0.25);
   }
 }
\ No newline at end of file