jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

uploads: fix file upload component colors in dark mode.

Browse Source 
Fix the file upload component blending into the background in dark mode.
This commit is contained in:
evazion
2022-01-28 21:15:08 -06:00
parent 21dcf53dcb
commit 5d0c14d2bd
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/file_upload_component/file_upload_component.scss
View File

@@ -1,4 +1,6 @@
.file-upload-component { .file-upload-component {
background-color: var(--file-upload-component-background-color);
form { form {
margin: 0; margin: 0;
} }

4
app/javascript/src/styles/base/040_colors.css
View File

@@ -164,6 +164,7 @@ html {
--modqueue-tag-warning-color: var(--red-1); --modqueue-tag-warning-color: var(--red-1);
--file-upload-component-background-color: var(--body-background-color);
--uploads-dropzone-background: var(--grey-1); --uploads-dropzone-background: var(--grey-1);
--uploads-dropzone-progress-bar-foreground-color: var(--link-color); --uploads-dropzone-progress-bar-foreground-color: var(--link-color);
--uploads-dropzone-progress-bar-background-color: var(--link-hover-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); --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-foreground-color: var(--link-color);
--uploads-dropzone-progress-bar-background-color: var(--link-hover-color); --uploads-dropzone-progress-bar-background-color: var(--link-hover-color);