From 5d0c14d2bd9b5f73b07d21768a734f75511953c7 Mon Sep 17 00:00:00 2001 From: evazion Date: Fri, 28 Jan 2022 21:15:08 -0600 Subject: [PATCH] uploads: fix file upload component colors in dark mode. Fix the file upload component blending into the background in dark mode. --- .../file_upload_component/file_upload_component.scss | 2 ++ app/javascript/src/styles/base/040_colors.css | 4 +++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/app/components/file_upload_component/file_upload_component.scss b/app/components/file_upload_component/file_upload_component.scss index f5e34f57b..cede94190 100644 --- a/app/components/file_upload_component/file_upload_component.scss +++ b/app/components/file_upload_component/file_upload_component.scss @@ -1,4 +1,6 @@ .file-upload-component { + background-color: var(--file-upload-component-background-color); + form { margin: 0; } diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css index ea7860aa3..a6672364d 100644 --- a/app/javascript/src/styles/base/040_colors.css +++ b/app/javascript/src/styles/base/040_colors.css @@ -164,6 +164,7 @@ html { --modqueue-tag-warning-color: var(--red-1); + --file-upload-component-background-color: var(--body-background-color); --uploads-dropzone-background: var(--grey-1); --uploads-dropzone-progress-bar-foreground-color: var(--link-color); --uploads-dropzone-progress-bar-background-color: var(--link-hover-color); @@ -368,7 +369,8 @@ body[data-current-user-theme="dark"] { --modqueue-tag-warning-color: var(--red-7); - --uploads-dropzone-background: var(--grey-8); + --file-upload-component-background-color: var(--grey-8); + --uploads-dropzone-background: var(--grey-7); --uploads-dropzone-progress-bar-foreground-color: var(--link-color); --uploads-dropzone-progress-bar-background-color: var(--link-hover-color);