From 2041aa5913cf04522adb7f3fd97579b7fbd53a20 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 14 Sep 2021 11:24:17 +0300
Subject: [PATCH] Add --focus-ring

---
 public/themes/arya-blue/theme.css               | 1 +
 public/themes/arya-green/theme.css              | 1 +
 public/themes/arya-orange/theme.css             | 1 +
 public/themes/arya-purple/theme.css             | 1 +
 public/themes/bootstrap4-dark-blue/theme.css    | 1 +
 public/themes/bootstrap4-dark-purple/theme.css  | 1 +
 public/themes/bootstrap4-light-blue/theme.css   | 1 +
 public/themes/bootstrap4-light-purple/theme.css | 1 +
 public/themes/fluent-light/theme.css            | 1 +
 public/themes/luna-amber/theme.css              | 1 +
 public/themes/luna-blue/theme.css               | 1 +
 public/themes/luna-green/theme.css              | 1 +
 public/themes/luna-pink/theme.css               | 1 +
 public/themes/md-dark-deeppurple/theme.css      | 1 +
 public/themes/md-dark-indigo/theme.css          | 1 +
 public/themes/md-light-deeppurple/theme.css     | 1 +
 public/themes/md-light-indigo/theme.css         | 1 +
 public/themes/mdc-dark-deeppurple/theme.css     | 1 +
 public/themes/mdc-dark-indigo/theme.css         | 1 +
 public/themes/mdc-light-deeppurple/theme.css    | 1 +
 public/themes/mdc-light-indigo/theme.css        | 1 +
 public/themes/nova-accent/theme.css             | 1 +
 public/themes/nova-alt/theme.css                | 1 +
 public/themes/nova-vue/theme.css                | 1 +
 public/themes/nova/theme.css                    | 1 +
 public/themes/rhea/theme.css                    | 1 +
 public/themes/saga-blue/theme.css               | 1 +
 public/themes/saga-green/theme.css              | 1 +
 public/themes/saga-orange/theme.css             | 1 +
 public/themes/saga-purple/theme.css             | 1 +
 public/themes/tailwind-light/theme.css          | 1 +
 public/themes/vela-blue/theme.css               | 1 +
 public/themes/vela-green/theme.css              | 1 +
 public/themes/vela-orange/theme.css             | 1 +
 public/themes/vela-purple/theme.css             | 1 +
 35 files changed, 35 insertions(+)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index d9b71a3e1..22863f199 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1e1e1e;
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #93cbf9;
 }
 
 * {
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 4b39a7cf1..22d8a69ac 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1e1e1e;
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #a7d8a9;
 }
 
 * {
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 8a9b3811f..5f3464534 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1e1e1e;
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #ffe284;
 }
 
 * {
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 1d9ef0e28..9c9877746 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1e1e1e;
   --surface-border:#383838;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #cf95d9;
 }
 
 * {
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index bbc131342..a9990bf76 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#2a323d;
   --surface-border:#3f4b5b;
   --surface-hover:rgba(255,255,255,.04);
+  --focus-ring: 0 0 0 1px #e3f3fe;
 }
 
 * {
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 01807bd89..4602bad65 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#2a323d;
   --surface-border:#3f4b5b;
   --surface-hover:rgba(255,255,255,.04);
+  --focus-ring: 0 0 0 1px #f0e6f5;
 }
 
 * {
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 87c87363b..49c39ef68 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#dee2e6;
   --surface-hover:#e9ecef;
+  --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }
 
 * {
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 42724d289..6d428aca5 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#dee2e6;
   --surface-hover:#e9ecef;
+  --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
 }
 
 * {
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 1d972d620..cee885bd8 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#edebe9;
   --surface-hover:#f3f2f1;
+  --focus-ring: inset 0 0 0 1px #605e5c;
 }
 
 * {
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 450bc811d..901eb5d0c 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#323232;
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
+  --focus-ring: 0 0 0 0.1rem white;
 }
 
 * {
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 33288d091..53d30a13a 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#323232;
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
+  --focus-ring: 0 0 0 0.1rem white;
 }
 
 * {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index a8bd25d43..3e1c0b916 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#323232;
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
+  --focus-ring: 0 0 0 0.1rem white;
 }
 
 * {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index b191b8f7b..c273fec49 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#323232;
   --surface-border:#4b4b4b;
   --surface-hover:#4c4c4c;
+  --focus-ring: 0 0 0 0.1rem white;
 }
 
 * {
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 63601b4ea..9bbb7b145 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#262626;
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index f28624066..0dadd7f3a 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#262626;
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 1052dbb5c..de37ec729 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 9652352ff..e6ddce909 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 730fd87f9..b8af90080 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#262626;
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 01b6b2a5b..e88173d7d 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#262626;
   --surface-border:hsla(0,0%,100%,.12);
   --surface-hover:hsla(0,0%,100%,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index d107f4eb2..a539b0d37 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index f0b38bc68..9394eab4a 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:rgba(0,0,0,.12);
   --surface-hover:rgba(0,0,0,.04);
+  --focus-ring: none;
 }
 
 /* roboto-regular - latin-ext_latin */
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 21132f258..728075ea2 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
+  --focus-ring: 0 0 0 0.2rem #8dcdff;
 }
 
 * {
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 1547f992f..37a214d2a 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
+  --focus-ring: 0 0 0 0.2rem #8dcdff;
 }
 
 * {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index e1d6c371f..64bcbd018 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
+  --focus-ring: 0 0 0 0.2rem #c2e9d8;
 }
 
 * {
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 6b6fefed4..3e35f7b95 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#c8c8c8;
   --surface-hover:#eaeaea;
+  --focus-ring: 0 0 0 0.2rem #8dcdff;
 }
 
 * {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index e32f4f1b3..38db9926f 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#dadada;
   --surface-hover: #eaeaea;
+  --focus-ring: 0 0 0 0.2rem #e4e9ec;
 }
 
 * {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 98c16c8c8..9d0d82842 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
+  --focus-ring: 0 0 0 0.2rem #a6d5fa;
 }
 
 * {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 32d5f44a3..4c4a02622 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
+  --focus-ring: 0 0 0 0.2rem #b7e0b8;
 }
 
 * {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 1e4149138..4bb8edc28 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
+  --focus-ring: 0 0 0 0.2rem #ffe69c;
 }
 
 * {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index c06ae126e..2aa4a3601 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#dee2e6;
   --surface-hover: #e9ecef;
+  --focus-ring: 0 0 0 0.2rem #df9eea;
 }
 
 * {
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 739fae673..004ce934e 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#ffffff;
   --surface-border:#e5e7eb;
   --surface-hover: #f4f4f5;
+  --focus-ring: 0 0 0 1px #6366F1;
 }
 
 @font-face {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index e46747384..13778baf8 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1f2d40;
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #93cbf9;
 }
 
 * {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 20c7c21f9..30e7b1464 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1f2d40;
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #a7d8a9;
 }
 
 * {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index f3b16be39..cb5c70acc 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1f2d40;
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #ffe284;
 }
 
 * {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index fbdc3ba92..a8371b08d 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -40,6 +40,7 @@
   --surface-overlay:#1f2d40;
   --surface-border:#304562;
   --surface-hover:rgba(255,255,255,.03);
+  --focus-ring: 0 0 0 1px #cf95d9;
 }
 
 * {