From b6a5aabc783bf27bb88bb1e185c9ce795f8f8c9a Mon Sep 17 00:00:00 2001
From: czarhex <czarhex@protonmail.com>
Date: Tue, 26 Jul 2022 23:40:51 +0200
Subject: [PATCH] border color by theme

---
 src/_flyouts.scss | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/_flyouts.scss b/src/_flyouts.scss
index 4e7dee1..51d5eaa 100644
--- a/src/_flyouts.scss
+++ b/src/_flyouts.scss
@@ -10,7 +10,7 @@
     background: rgba(0, 0, 0, 0.436) !important; 
     backdrop-filter: blur(20px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px;
 }
 .theme-light {
@@ -35,7 +35,7 @@
     }
     .messageContainer-3VTXBC, .messages-23can0, .messageGroupWrapper-1jf_7C {
         box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-        border: 1px solid rgb(78, 78, 81); 
+        border: 1px solid var(--surCordBorder); 
         border-radius: 5px;
     }
     .theme-light {
@@ -63,7 +63,7 @@
     background: rgba(0, 0, 0, 0.436) !important; 
     backdrop-filter: blur(20px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 10px;
 }
 .theme-light {
@@ -79,7 +79,7 @@
     background: rgba(0, 0, 0, 0) !important; 
 }
     .role-2TIOKu {
-        border: 1px solid rgb(78, 78, 81); 
+        border: 1px solid var(--surCordBorder); 
     }
     .input-2z42oC {
         border-radius: 50px;
@@ -91,7 +91,7 @@
 .theme-dark .root-g14mjS, .container-2O1UgZ {
     backdrop-filter: blur(20px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px;
     background: rgba(41, 38, 39, 0.276);
 }
@@ -114,7 +114,7 @@
     background: rgba(0, 0, 0, 0.436); 
     backdrop-filter: blur(10px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px;
 }
 .theme-light {
@@ -168,7 +168,7 @@
         background: rgba(0, 0, 0, 0.436); 
         backdrop-filter: blur(10px);
         box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-        border: 1px solid rgb(78, 78, 81); 
+        border: 1px solid var(--surCordBorder); 
         border-radius: 5px;
     }
 .theme-light {
@@ -192,7 +192,7 @@
     background: rgba(0, 0, 0, 0.436); 
     backdrop-filter: blur(10px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px;
 }
 .theme-light {
@@ -211,14 +211,14 @@
     background: rgba(0, 0, 0, 0.436); 
     backdrop-filter: blur(10px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px; 
 }
 .resultsGroup-cfY57t { 
     background: rgba(0, 0, 0, 0.436); 
     backdrop-filter: blur(10px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px;
 }
 .searchOption-3u1gRt:hover, .option-ayUoaq:hover {
@@ -251,7 +251,7 @@
     background: rgba(0, 0, 0, 0.436); 
     backdrop-filter: blur(10px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px;
     margin-right: 5px;
     margin-left: 5px;
@@ -265,7 +265,7 @@
         background: rgba(0, 0, 0, 0.436); 
         backdrop-filter: blur(10px);
         box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-        border: 1px solid rgb(78, 78, 81); 
+        border: 1px solid var(--surCordBorder); 
         border-radius: 5px;
         border-radius: 20px;
         margin-right: 8px;
@@ -325,7 +325,7 @@
     background: rgba(0, 0, 0, 0.436); 
     backdrop-filter: blur(10px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
-    border: 1px solid rgb(78, 78, 81); 
+    border: 1px solid var(--surCordBorder); 
     border-radius: 5px;
 }
 .theme-light {