From 2f548efc1021919d1f55809fb38ffe37ab8c8579 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 19 Sep 2025 14:34:48 +0200
Subject: [PATCH] Settings: Use `box-shadow` for color picker outline (#6207)

---
 src/components/left/settings/folders/SettingsFolders.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/left/settings/folders/SettingsFolders.scss b/src/components/left/settings/folders/SettingsFolders.scss
index 4323fd848..9c46e4523 100644
--- a/src/components/left/settings/folders/SettingsFolders.scss
+++ b/src/components/left/settings/folders/SettingsFolders.scss
@@ -144,10 +144,10 @@
   color: var(--accent-color);
 
   background-color: currentColor;
-  outline: none;
+  box-shadow: none;
 
   /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
-  transition: border 100ms ease-in-out, outline 100ms ease-in-out;
+  transition: border 100ms ease-in-out, box-shadow 100ms ease-in-out;
 }
 
 .color-picker-item-disabled {
@@ -175,7 +175,7 @@
   &:hover,
   &:active {
     border: 0.125rem solid var(--color-background);
-    outline: 0.125rem solid currentColor;
+    box-shadow: 0 0 0 0.125rem currentColor;
   }
 }