From 1eddb0ad36e6d02f7a4fad58f7f8c76a5fc0a361 Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <andy@pixelde.su>
Date: Sun, 3 May 2020 20:39:21 +0200
Subject: [PATCH] Adjust input styling to be a bit more lenient in themes

---
 app/assets/stylesheets/_variables.scss        | 2 +-
 app/assets/stylesheets/overrides/_inputs.scss | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss
index 0cde0d68..76e0dadc 100644
--- a/app/assets/stylesheets/_variables.scss
+++ b/app/assets/stylesheets/_variables.scss
@@ -54,7 +54,7 @@ $avatar-sizes: (
 
 :root {
   --background: #f0edf4;
-  --input-bg: #ffffff;
+  --input-bg: var(--background);
   --raised-bg: #ffffff;
   --raised-accent: #f7f7f7;
 
diff --git a/app/assets/stylesheets/overrides/_inputs.scss b/app/assets/stylesheets/overrides/_inputs.scss
index d96894f7..68f9d348 100644
--- a/app/assets/stylesheets/overrides/_inputs.scss
+++ b/app/assets/stylesheets/overrides/_inputs.scss
@@ -1,4 +1,12 @@
 .form-control {
   background-color: var(--input-bg);
   color: RGB(var(--input-text));
+  border: 0;
+
+  &:focus {
+    background-color: var(--input-bg);
+    color: RGB(var(--input-text));
+    border-color: var(--primary);
+    box-shadow: .5px 0 0 0.1rem var(--primary);
+  }
 }
\ No newline at end of file