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

css: tweak dark mode colors.

Browse Source
This commit is contained in:
evazion
2019-09-22 02:58:09 -05:00
parent 0a08f9ea9b
commit 14077502a9
1 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -234,12 +234,14 @@ body[data-user-theme="dark"] {
--grey-4: #9596a8; /* hsluv(265, 15, 62.50); */
--grey-5: #c9c9d2; /* hsluv(265, 15, 81.25); */
--red-0: #652828; /* hsluv(12, 50, 25); */
--red-3: #af4a4b; /* hsluv(12, 50, 45); */
--red-1: #f07a7b; /* hsluv(12, 80, 65); */
--red-2: #f3a4a4; /* hsluv(12, 80, 75); */
--yellow-0: #625121; /* hsluv(65, 80, 35); */
--yellow-1: #e8c259; /* hsluv(65, 80, 80); */
--yellow-2: #fae0a8; /* hsluv(65, 80, 90); */
--green-0: #164423; /* hsluv(135, 80, 25); */
--green-3: #2d7942; /* hsluv(135, 80, 45); */
--green-1: #46b265; /* hsluv(135, 80, 65); */
--green-2: #53d077; /* hsluv(135, 80, 75); */
--aqua-0: #293f3d; /* hsluv(180, 50, 25); */
@@ -302,23 +304,23 @@ body[data-user-theme="dark"] {
--user-admin-color: var(--red-1);
/* misc specific colors */
--autocomplete-selected-background-color: var(--grey-2);
--autocomplete-border: 1px solid var(--grey-3);
--autocomplete-selected-background-color: var(--grey-3);
--autocomplete-border: 1px solid var(--grey-4);
--autocomplete-arrow-color: var(--text-color);
--bulk-update-request-approved-color: var(--green-1);
--bulk-update-request-failed-color: var(--red-1);
--comment-sticky-background-color: var(--grey-2);
--comment-sticky-background-color: var(--blue-0);
--diff-list-added-color: var(--green-1);
--diff-list-removed-color: var(--red-1);
--diff-list-obsolete-added-color: var(--green-0);
--diff-list-obsolete-removed-color: var(--red-0);
--diff-list-obsolete-added-color: var(--green-3);
--diff-list-obsolete-removed-color: var(--red-3);
--dtext-blockquote-background: var(--grey-2);
--dtext-blockquote-background: var(--grey-3);
--dtext-blockquote-border: 1px solid var(--grey-4);
--dtext-code-background: var(--grey-3);
--dtext-code-background: var(--grey-2);
--dtext-expand-border: 1px inset var(--grey-4);
--dtext-spoiler-color: black;
--dtext-spoiler-background-color: black;
@@ -347,12 +349,12 @@ body[data-user-theme="dark"] {
--forum-post-highlight-background-color: var(--blue-0);
--jquery-ui-widget-content-text-color: var(--text-color);
--jquery-ui-widget-content-background: var(--body-background-color);
--jquery-ui-dialog-box-shadow: none;
--jquery-ui-widget-content-background: var(--grey-2);
--jquery-ui-dialog-box-shadow: 0px 0px 8px var(--grey-1);
--jquery-ui-state-error-background: var(--red-0);
--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-background: var(--blue-0);
--jquery-ui-state-highlight-border: 1px solid var(--blue-1);
--jquery-ui-state-highlight-text-color: var(--text-color);
@@ -364,8 +366,8 @@ body[data-user-theme="dark"] {
--modqueue-positive-score-background-color: var(--success-background-color);
--modqueue-negative-score-background-color: var(--error-background-color);
--news-updates-background: var(--grey-2);
--news-updates-border: 2px solid var(--grey-3);
--news-updates-background: var(--grey-3);
--news-updates-border: 2px solid var(--grey-4);
--note-body-background: #FFE;
--note-body-text-color: var(--grey-1);
@@ -376,18 +378,18 @@ body[data-user-theme="dark"] {
--unsaved-note-box-inner-border: 1px solid var(--red-1);
--note-preview-border: 1px solid var(--red-1);
--note-preview-background: white;
--note-highlight-color: var(--blue-0);
--note-highlight-color: var(--blue-1);
--note-tn-color: var(--muted-text-color);
--notice-text-color: var(--grey-5);
--notice-background: var(--grey-3);
--notice-background: var(--blue-0);
--notice-border: 1px solid var(--blue-1);
--paginator-arrow-background-color: white;
--paginator-arrow-color: var(--link-color);
--paginator-ellipsis-color: var(--grey-4);
--post-artist-commentary-container-background: var(--grey-2);
--post-artist-commentary-container-background: var(--grey-3);
--post-artist-commentary-container-border: 1px solid var(--grey-3);
--post-mode-menu-view-background: var(--body-background-color);
@@ -404,25 +406,25 @@ body[data-user-theme="dark"] {
--post-mode-menu-ban-background: var(--red-1);
--post-notice-border: 1px solid var(--grey-3);
--post-search-notice-background: var(--grey-2);
--post-search-notice-background: var(--grey-3);
--post-child-notice-background: var(--yellow-0);
--post-parent-notice-background: var(--green-0);
--post-resized-notice-background: var(--indigo-0);
--post-pending-notice-background: var(--blue-0);
--post-resized-notice-background: var(--purple-0);
--post-pending-notice-background: var(--indigo-0);
--post-flagged-notice-background: var(--red-0);
--post-deleted-notice-background: var(--red-0);
--post-banned-notice-background: var(--red-0);
--post-appealed-notice-background: var(--aqua-0);
--post-appealed-notice-background: var(--blue-0);
--post-tooltip-background-color: var(--body-background-color);
--post-tooltip-border-color: var(--grey-3);
--post-tooltip-header-background-color: var(--grey-2);
--post-tooltip-background-color: var(--grey-3);
--post-tooltip-border-color: var(--grey-4);
--post-tooltip-header-background-color: var(--grey-3);
--post-tooltip-info-color: var(--grey-5);
--post-tooltip-inactive-color: var(--grey-4);
--post-tooltip-scrollbar-background: var(--grey-2);
--post-tooltip-scrollbar-background: var(--grey-4);
--post-tooltip-scrollbar-border: none;
--post-tooltip-scrollbar-thumb-color: var(--grey-4);
--post-tooltip-scrollbar-track-background: var(--grey-3);
--post-tooltip-scrollbar-thumb-color: var(--grey-5);
--post-tooltip-scrollbar-track-background: var(--grey-1);
--post-tooltip-scrollbar-track-border: none;
--preview-pending-color: var(--blue-1);
@@ -444,7 +446,7 @@ body[data-user-theme="dark"] {
--uploads-dropzone-progress-bar-background-color: var(--link-hover-color);
--user-upgrade-gold-background-color: var(--yellow-0);
--user-upgrade-platinum-background-color: var(--grey-2);
--user-upgrade-platinum-background-color: var(--blue-0);
--user-upgrade-table-row-hover-background-color: transparent;
--wiki-page-other-name-background-color: var(--grey-3);
@@ -455,6 +457,6 @@ body[data-user-theme="dark"] {
--sign-in-link-color: var(--red-1);
--new-artist-color: var(--red-1);
--remove-favorite-button: var(--red-1);
--fetch-source-data-border: 1px solid var(--grey-3);
--fetch-source-data-border: 1px solid var(--grey-4);
--quick-search-form-background: var(--grey-1);
}