From a8afdb0cdca95b995b8db6f3a5d0fd60e1fbb1d8 Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 30 Oct 2025 12:48:33 +0200
Subject: [PATCH] add focus outline

---
 customize.dist/src/less2/include/sidebar-layout.less | 8 ++++++++
 customize.dist/src/less2/include/support.less        | 5 +++++
 customize.dist/src/less2/include/tokenfield.less     | 3 +++
 www/moderation/app-moderation.less                   | 6 ++++++
 4 files changed, 22 insertions(+)

diff --git a/customize.dist/src/less2/include/sidebar-layout.less b/customize.dist/src/less2/include/sidebar-layout.less
index 83aae7587..86eab5a38 100644
--- a/customize.dist/src/less2/include/sidebar-layout.less
+++ b/customize.dist/src/less2/include/sidebar-layout.less
@@ -121,6 +121,11 @@
                         display: flex;
                         flex-flow: column;
                         align-items: baseline;
+                        input, textarea {
+                            &:focus-visible {
+                                outline: @variables_focus_style;
+                            }
+                        }
                     }
                     .cp-usergrid-container {
                         margin-bottom: 0px !important;
@@ -219,6 +224,9 @@
                             border-right: 0px;
                             border-top-right-radius: 0px;
                             border-bottom-right-radius: 0px;
+                            &:focus-visible {
+                                outline: @variables_focus_style;
+                            }
                         }
                         input:invalid {
                             border-color: red;
diff --git a/customize.dist/src/less2/include/support.less b/customize.dist/src/less2/include/support.less
index 8b7ffca58..3d37ec696 100644
--- a/customize.dist/src/less2/include/support.less
+++ b/customize.dist/src/less2/include/support.less
@@ -40,6 +40,11 @@
             padding: 10px 15px;
             height: 300px;
         }
+        textarea, input {
+            &:focus-visible {
+                outline: @variables_focus_style;
+            }
+        }
         .cp-support-list-send, .cp-support-reply-cancel {
             margin-right: @variables_icon_margin;
         }
diff --git a/customize.dist/src/less2/include/tokenfield.less b/customize.dist/src/less2/include/tokenfield.less
index 8ab571025..e0f28f97d 100644
--- a/customize.dist/src/less2/include/tokenfield.less
+++ b/customize.dist/src/less2/include/tokenfield.less
@@ -43,6 +43,9 @@
             input {
                 flex: 1;
                 min-width: 0 !important;
+                &:focus-visible {
+                    outline: @variables_focus_style;
+                }
             }
             button {
                 // no radius in input + button combo
diff --git a/www/moderation/app-moderation.less b/www/moderation/app-moderation.less
index 4a33358a4..b3031e004 100644
--- a/www/moderation/app-moderation.less
+++ b/www/moderation/app-moderation.less
@@ -78,6 +78,9 @@
             height: 5rem;
             min-width: 5rem;
             flex: 1;
+            &:focus-visible {
+                outline: @variables_focus_style;
+            }
         }
         .cp-moderation-userdata-inputs {
             display: flex;
@@ -88,6 +91,9 @@
             :first-child {
                 margin-top: 0 !important;
             }
+            input:focus-visible{
+                outline: @variables_focus_style;
+            }
         }
     }