vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Merge pull request #16947 from ankush/contrast

Browse source 
fix(a11y): increase contrast in various places
This commit is contained in:
Ankush Menat 2022-05-25 09:38:51 +05:30 • committed by GitHub
commit b1a0dfecb3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 17 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frappe/public/js/frappe/list/list_view.js
View file

@ -870,9 +870,7 @@ frappe.views.ListView = class ListView extends frappe.views.BaseList {
</div>`;
}
const comment_count = `<span class="${
!doc._comment_count ? "text-extra-muted" : ""
} comment-count">
const comment_count = `<span class="comment-count">
${frappe.utils.icon('small-message')}
${doc._comment_count > 99 ? "99+" : doc._comment_count}
</span>`;

25
frappe/public/scss/common/css_variables.scss
View file

@ -16,7 +16,7 @@
--blue-900: #1A4469;
--blue-800: #154875;
--blue-700: #1366AE;
--blue-600: #1579D0;
--blue-600: #1673C5;
--blue-500: #2490EF;
--blue-400: #50A6F2;
--blue-300: #7CBCF5;
@ -143,7 +143,7 @@
--btn-shadow: var(--shadow-xs);
// Type Colors
--text-muted: var(--gray-600);
--text-muted: var(--gray-700);
--text-light: var(--gray-800);
--text-color: var(--gray-900);
--heading-color: var(--gray-900);
@ -177,19 +177,18 @@
--text-2xl: 20px;
--text-3xl: 22px;
--text-on-blue: var(--blue-600);
--text-on-light-blue: var(--blue-500);
--text-on-dark-blue: var(--blue-700);
--text-on-blue: var(--blue-600);
--text-on-green: var(--dark-green-500);
--text-on-yellow: var(--yellow-500);
--text-on-orange: var(--orange-500);
--text-on-red: var(--red-500);
--text-on-blue: var(--blue-700);
--text-on-light-blue: var(--blue-600);
--text-on-dark-blue: var(--blue-800);
--text-on-green: var(--dark-green-700);
--text-on-yellow: var(--yellow-700);
--text-on-orange: var(--orange-600);
--text-on-red: var(--red-600);
--text-on-gray: var(--gray-600);
--text-on-light-gray: var(--gray-800);
--text-on-purple: var(--purple-500);
--text-on-pink: var(--pink-500);
--text-on-cyan: var(--cyan-600);
--text-on-purple: var(--purple-700);
--text-on-pink: var(--pink-600);
--text-on-cyan: var(--cyan-800);
// alert colors
--alert-text-danger: var(--red-600);

2
frappe/public/scss/desk/filters.scss
View file

@ -1,6 +1,6 @@
.filter-icon.active {
use {
stroke: var(--blue-500);
stroke: var(--text-on-blue);
}
}

6
frappe/public/scss/desk/list.scss
View file

@ -204,8 +204,8 @@ $level-margin-right: 8px;
border: 1px solid var(--dark-border-color);
&.btn-info {
background-color: var(--gray-400);
border-color: var(--gray-400);
background-color: var(--gray-600);
border-color: var(--gray-600);
color: var(--white);
font-weight: var(--text-bold);
}
@ -401,7 +401,7 @@ input.list-check-all {
}
.filter-button.btn-primary-light {
color: var(--blue-500);
color: var(--text-on-blue);
}
.sort-selector {