From cd55b39b7c5b6b5b3e2e11be2d295414bf9d7b86 Mon Sep 17 00:00:00 2001
From: Rajat Talesra <rajat@forem.com>
Date: Wed, 30 Nov 2022 17:36:02 +0530
Subject: [PATCH] Visibility issue fixes (#18785)

---
 app/assets/stylesheets/components/forms.scss  | 2 +-
 app/assets/stylesheets/components/syntax.scss | 4 ++++
 app/assets/stylesheets/config/_colors.css     | 3 +++
 app/assets/stylesheets/themes/dark.css        | 3 +++
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/forms.scss b/app/assets/stylesheets/components/forms.scss
index 96163000c..0752f2efd 100644
--- a/app/assets/stylesheets/components/forms.scss
+++ b/app/assets/stylesheets/components/forms.scss
@@ -3,7 +3,7 @@
 @import 'react-dates/lib/css/_datepicker.css';
 
 %form-styling {
-  --border-width: 1px;
+  --border-width: 1.5px;
   background-color: var(--form-bg);
   border: var(--border-width) solid var(--form-border);
   color: var(--body-color);
diff --git a/app/assets/stylesheets/components/syntax.scss b/app/assets/stylesheets/components/syntax.scss
index 26efa94ab..2af57c2dc 100644
--- a/app/assets/stylesheets/components/syntax.scss
+++ b/app/assets/stylesheets/components/syntax.scss
@@ -133,6 +133,10 @@ code {
   padding: 0.1em 0.25em;
 }
 
+p > code {
+  background: var(--code-inline-bg);
+}
+
 .highlight .hll {
   background-color: #49483e;
 }
diff --git a/app/assets/stylesheets/config/_colors.css b/app/assets/stylesheets/config/_colors.css
index 4fed57fd2..fc2d0135c 100644
--- a/app/assets/stylesheets/config/_colors.css
+++ b/app/assets/stylesheets/config/_colors.css
@@ -163,6 +163,9 @@
   --reaction-save-bg: rgba(var(--indigo-600), 0.1);
   --reaction-comment-color: rgb(var(--yellow-500));
   --reaction-comment-bg: rgba(var(--yellow-500), 0.1);
+
+  /* Code */
+  --code-inline-bg: rgb(var(--black), 0.1);
 }
 
 :root {
diff --git a/app/assets/stylesheets/themes/dark.css b/app/assets/stylesheets/themes/dark.css
index 2726f674b..c3fe0710e 100644
--- a/app/assets/stylesheets/themes/dark.css
+++ b/app/assets/stylesheets/themes/dark.css
@@ -169,6 +169,9 @@
   --reaction-save-bg: rgba(var(--indigo-500), 0.1);
   --reaction-comment-color: rgb(var(--yellow-500));
   --reaction-comment-bg: rgba(var(--yellow-500), 0.1);
+
+  /* Code */
+  --code-inline-bg: rgb(var(--white), 0.1);
 }
 
 :root {