From 828b225dac7a3fcc366949a60b15b5927ce7a011 Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Thu, 19 Sep 2019 12:55:52 -0500
Subject: [PATCH] css: tweak dark mode styles.

* Adjust platinum user color.
* Change alert notices to grey with blue border.
* Add padding to text <input> elements so that the text isn't right next
  to the edge.
---
 app/javascript/src/styles/base/020_base.scss  | 1 +
 app/javascript/src/styles/base/040_colors.css | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/javascript/src/styles/base/020_base.scss b/app/javascript/src/styles/base/020_base.scss
index fe29aa756..e8a537220 100644
--- a/app/javascript/src/styles/base/020_base.scss
+++ b/app/javascript/src/styles/base/020_base.scss
@@ -60,6 +60,7 @@ input, select, textarea {
   background: var(--form-input-background);
   border: var(--form-input-border);
   color: var(--form-input-text-color);
+  padding-left: 0.25em;
 }
 
 input[type="button"], input[type="submit"], button {
diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css
index 4568745fc..a9e853c38 100644
--- a/app/javascript/src/styles/base/040_colors.css
+++ b/app/javascript/src/styles/base/040_colors.css
@@ -294,7 +294,7 @@ body[data-user-theme="dark"] {
 
   --user-member-color: var(--blue-1);
   --user-gold-color: var(--yellow-1);
-  --user-platinum-color: var(--grey-5);
+  --user-platinum-color: var(--grey-4);
   --user-builder-color: var(--purple-1);
   --user-moderator-color: var(--green-1);
   --user-admin-color: var(--red-1);
@@ -351,7 +351,7 @@ body[data-user-theme="dark"] {
   --jquery-ui-state-error-border: 1px solid var(--grey-4);
   --jquery-ui-state-error-text-color: var(--text-color);
   --jquery-ui-state-highlight-background: var(--grey-3);
-  --jquery-ui-state-highlight-border: 1px solid var(--grey-4);
+  --jquery-ui-state-highlight-border: 1px solid var(--blue-1);
   --jquery-ui-state-highlight-text-color: var(--text-color);
 
   --keyboard-shortcut-color: var(--text-color);
@@ -378,8 +378,8 @@ body[data-user-theme="dark"] {
   --note-tn-color: var(--muted-text-color);
 
   --notice-text-color: var(--grey-5);
-  --notice-background: var(--indigo-0);
-  --notice-border: 1px solid var(--grey-3);
+  --notice-background: var(--grey-3);
+  --notice-border: 1px solid var(--blue-1);
 
   --paginator-arrow-background-color: white;
   --paginator-arrow-color: var(--link-color);