1
0
mirror of https://github.com/django/django.git synced 2025-06-01 09:39:12 +00:00

Fixed #34036 -- Improved color contrast in admin light theme.

Thanks Nimra for the initial patch.
This commit is contained in:
Mariana 2023-07-14 23:14:42 +01:00 committed by Mariusz Felisiak
parent e8252fc445
commit 6ad2738a8f
2 changed files with 10 additions and 10 deletions

View File

@ -22,11 +22,11 @@ html[data-theme="light"],
--breadcrumbs-fg: #c4dce8; --breadcrumbs-fg: #c4dce8;
--breadcrumbs-link-fg: var(--body-bg); --breadcrumbs-link-fg: var(--body-bg);
--breadcrumbs-bg: var(--primary); --breadcrumbs-bg: #264b5d;
--link-fg: #417893; --link-fg: #417893;
--link-hover-color: #036; --link-hover-color: #036;
--link-selected-fg: #5b80b2; --link-selected-fg: var(--secondary);
--hairline-color: #e8e8e8; --hairline-color: #e8e8e8;
--border-color: #ccc; --border-color: #ccc;
@ -42,10 +42,10 @@ html[data-theme="light"],
--selected-row: #ffc; --selected-row: #ffc;
--button-fg: #fff; --button-fg: #fff;
--button-bg: var(--primary); --button-bg: var(--secondary);
--button-hover-bg: #609ab6; --button-hover-bg: #205067;
--default-button-bg: var(--secondary); --default-button-bg: #205067;
--default-button-hover-bg: #205067; --default-button-hover-bg: var(--secondary);
--close-button-bg: #747474; --close-button-bg: #747474;
--close-button-hover-bg: #333; --close-button-hover-bg: #333;
--delete-button-bg: #ba2121; --delete-button-bg: #ba2121;
@ -102,7 +102,7 @@ body {
/* LINKS */ /* LINKS */
a:link, a:visited { a:link, a:visited {
color: var(--link-fg); color: var(--body-fg);
text-decoration: none; text-decoration: none;
transition: color 0.15s, background 0.15s; transition: color 0.15s, background 0.15s;
} }
@ -584,7 +584,7 @@ input[type=button][disabled].default {
font-weight: 400; font-weight: 400;
font-size: 0.8125rem; font-size: 0.8125rem;
text-align: left; text-align: left;
background: var(--primary); background: var(--header-bg);
color: var(--header-link-color); color: var(--header-link-color);
} }

View File

@ -41,7 +41,7 @@
} }
.selector-chosen h2 { .selector-chosen h2 {
background: var(--primary); background: var(--secondary);
color: var(--header-link-color); color: var(--header-link-color);
} }
@ -446,7 +446,7 @@ span.clearable-file-input label {
} }
.calendar td.selected a { .calendar td.selected a {
background: var(--primary); background: var(--secondary);
color: var(--button-fg); color: var(--button-fg);
} }