From: Jay Sitter <jay@jaysitter.com>
Date: Sat, 17 Jun 2023 00:02:07 +0000 (-0400)
Subject: feat: Fix some colors on dark mode
X-Git-Url: http://these/git/%22%7Burl%7D/%22https:/image.com/%7B%60%24%7BghostArchiveUrl%7D/%7BimageSrc%7D?a=commitdiff_plain;h=3d24a108ae4f642124c4b75e0bfe48494a478067;p=lemmy-ui.git

feat: Fix some colors on dark mode
---

diff --git a/src/assets/css/themes/darkly.css b/src/assets/css/themes/darkly.css
index a2b0917..49399db 100644
--- a/src/assets/css/themes/darkly.css
+++ b/src/assets/css/themes/darkly.css
@@ -19,6 +19,7 @@
   --warning: #f39c12;
   --danger: #e74c3c;
   --light: #303030;
+  --medium-light: var(--secondary);
   --dark: #dee2e6;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
diff --git a/src/assets/css/themes/litely.css b/src/assets/css/themes/litely.css
index 9f7d685..f9d2b2d 100644
--- a/src/assets/css/themes/litely.css
+++ b/src/assets/css/themes/litely.css
@@ -19,6 +19,7 @@
   --warning: #ffc107;
   --danger: #873208;
   --light: #f8f9fa;
+  --medium-light: var(--bs-gray-300);
   --dark: #343a40;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
diff --git a/src/shared/components/common/markdown-textarea.tsx b/src/shared/components/common/markdown-textarea.tsx
index 5d93220..3d0ab55 100644
--- a/src/shared/components/common/markdown-textarea.tsx
+++ b/src/shared/components/common/markdown-textarea.tsx
@@ -146,15 +146,15 @@ export class MarkdownTextArea extends Component<
         <div className="form-group row">
           <div className="col-12">
             <div
-              className="rounded bg-white"
+              className="rounded bg-light"
               style={{
-                border: "1px solid var(--bs-border-color)",
+                border: "1px solid var(--medium-light)",
               }}
             >
               <div
                 className="d-flex flex-wrap"
                 style={{
-                  "border-bottom": "1px solid var(--bs-border-color)",
+                  "border-bottom": "1px solid var(--medium-light)",
                 }}
               >
                 {this.getFormatButton("bold", this.handleInsertBold)}