diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css index b2320b64e..41d723e9a 100644 --- a/app/javascript/src/styles/base/040_colors.css +++ b/app/javascript/src/styles/base/040_colors.css @@ -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); }