From deb8b14b25762b8b8da37665a4f6993511c201a4 Mon Sep 17 00:00:00 2001
From: Jacob Sommer <js0mmer@users.noreply.github.com>
Date: Wed, 13 Nov 2024 14:47:11 -0800
Subject: [PATCH] Fix input/textarea focus border color in dark theme (#507)

* force blue border color on focus

* fix checkbox border-color
---
 site/src/App.scss         | 2 +-
 site/src/style/theme.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/site/src/App.scss b/site/src/App.scss
index a03eb42c..5c2ad85a 100644
--- a/site/src/App.scss
+++ b/site/src/App.scss
@@ -137,7 +137,7 @@ button {
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain;
-  border: 1px solid #8888;
+  border: 1px solid var(--overlay3);
   border-radius: 0.25rem;
   width: 1em;
   height: 1em;
diff --git a/site/src/style/theme.scss b/site/src/style/theme.scss
index c822925d..def312fa 100644
--- a/site/src/style/theme.scss
+++ b/site/src/style/theme.scss
@@ -55,6 +55,10 @@
     border-color: var(--overlay3);
   }
 
+  .form-control:focus {
+    border-color: #86bbfb !important;
+  }
+
   .custom-control-label::before {
     background-color: var(--overlay3);
   }