Skip to content

Commit 677c400

Browse files
JLG-WOCFR-DEVJLG-WOCFR-DEV
authored
Merge pull request #409 from JLG-WOCFR-DEV/codex/ameliorer-l-option-de-contraste-renforce
Fix high contrast palette overrides
2 parents 8d5d6f3 + 8c9346d commit 677c400

File tree

1 file changed

+93
-43
lines changed

1 file changed

+93
-43
lines changed

‎liens-morts-detector-jlg/assets/css/blc-admin-styles.css‎

Lines changed: 93 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -38,28 +38,6 @@
3838
--blc-admin-accent-muted: #e8e4ff;
3939
}
4040

41-
.wp-admin.blc-accessibility--high-contrast {
42-
--blc-admin-surface: #ffffff;
43-
--blc-admin-surface-subtle: #f1f5f9;
44-
--blc-admin-surface-muted: #e2e8f0;
45-
--blc-admin-border: #0f172a;
46-
--blc-admin-border-subtle: #1e293b;
47-
--blc-admin-text: #0b1120;
48-
--blc-admin-text-subtle: #1f2937;
49-
--blc-admin-accent: #0047ff;
50-
--blc-admin-accent-strong: #0027a3;
51-
--blc-admin-accent-soft: #dce7ff;
52-
--blc-admin-accent-muted: #b3c7ff;
53-
--blc-admin-success-bg: #bbf7d0;
54-
--blc-admin-success-text: #166534;
55-
--blc-admin-danger-bg: #fecaca;
56-
--blc-admin-danger-text: #b91c1c;
57-
--blc-admin-warning-bg: #fde68a;
58-
--blc-admin-warning-text: #92400e;
59-
--blc-admin-info-bg: #bfdbfe;
60-
--blc-admin-info-text: #1d4ed8;
61-
}
62-
6341
.wp-admin.blc-accessibility--reduce-motion {
6442
--blc-admin-transition: 0s linear;
6543
scroll-behavior: auto;
@@ -114,27 +92,6 @@
11492
--blc-admin-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, 0.45);
11593
}
11694

117-
.wp-admin.blc-accessibility--high-contrast {
118-
--blc-admin-surface: #020617;
119-
--blc-admin-surface-subtle: #0f172a;
120-
--blc-admin-surface-muted: #1e293b;
121-
--blc-admin-border: #cbd5f5;
122-
--blc-admin-border-subtle: #94a3d8;
123-
--blc-admin-text: #f8fafc;
124-
--blc-admin-text-subtle: #e2e8f0;
125-
--blc-admin-accent: #8eaaff;
126-
--blc-admin-accent-strong: #c7d2fe;
127-
--blc-admin-accent-soft: rgba(148, 163, 255, 0.4);
128-
--blc-admin-accent-muted: rgba(148, 163, 255, 0.6);
129-
--blc-admin-success-bg: rgba(34, 197, 94, 0.35);
130-
--blc-admin-success-text: #bbf7d0;
131-
--blc-admin-danger-bg: rgba(248, 113, 113, 0.35);
132-
--blc-admin-danger-text: #fecaca;
133-
--blc-admin-warning-bg: rgba(250, 204, 21, 0.35);
134-
--blc-admin-warning-text: #fde68a;
135-
--blc-admin-info-bg: rgba(96, 165, 250, 0.35);
136-
--blc-admin-info-text: #bfdbfe;
137-
}
13895
}
13996

14097
.blc-admin-card {
@@ -3050,6 +3007,99 @@ body.blc-modal-open {
30503007
}
30513008
}
30523009

3010+
/* -------------------------------------------------------------------------- */
3011+
/* Accessibility overrides */
3012+
/* -------------------------------------------------------------------------- */
3013+
3014+
.wp-admin.blc-accessibility--high-contrast {
3015+
color-scheme: light;
3016+
--blc-admin-surface: #ffffff;
3017+
--blc-admin-surface-subtle: #f2f5fb;
3018+
--blc-admin-surface-muted: #e5ebf6;
3019+
--blc-admin-border: #0f172a;
3020+
--blc-admin-border-subtle: #334155;
3021+
--blc-admin-text: #0b1120;
3022+
--blc-admin-text-subtle: #1f2937;
3023+
--blc-admin-accent: #0047ff;
3024+
--blc-admin-accent-strong: #0031b0;
3025+
--blc-admin-accent-soft: #dbe6ff;
3026+
--blc-admin-accent-muted: #b2c8ff;
3027+
--blc-admin-success-bg: #e9f7ef;
3028+
--blc-admin-success-text: #0f5132;
3029+
--blc-admin-danger-bg: #fdecea;
3030+
--blc-admin-danger-text: #7a0619;
3031+
--blc-admin-danger-border: #f5c2c7;
3032+
--blc-admin-warning-bg: #fff4e5;
3033+
--blc-admin-warning-text: #663c00;
3034+
--blc-admin-info-bg: #e7f0ff;
3035+
--blc-admin-info-text: #0b3d91;
3036+
--blc-admin-shadow-sm: 0 0 0 1px rgba(15, 23, 42, 0.14);
3037+
--blc-admin-shadow-md: 0 0 0 1px rgba(15, 23, 42, 0.16);
3038+
}
3039+
3040+
.wp-admin.blc-accessibility--high-contrast .blc-admin-card,
3041+
.wp-admin.blc-accessibility--high-contrast .blc-meta,
3042+
.wp-admin.blc-accessibility--high-contrast .blc-stat,
3043+
.wp-admin.blc-accessibility--high-contrast .blc-settings-group,
3044+
.wp-admin.blc-accessibility--high-contrast .blc-settings-advanced__tab,
3045+
.wp-admin.blc-accessibility--high-contrast .blc-settings-advanced__personas,
3046+
.wp-admin.blc-accessibility--high-contrast .blc-toast {
3047+
background: var(--blc-admin-surface);
3048+
border-color: var(--blc-admin-border);
3049+
box-shadow: none;
3050+
color: var(--blc-admin-text);
3051+
}
3052+
3053+
.wp-admin.blc-accessibility--high-contrast .blc-dashboard-summary__item,
3054+
.wp-admin.blc-accessibility--high-contrast .blc-persona,
3055+
.wp-admin.blc-accessibility--high-contrast .blc-settings-advanced__panel {
3056+
border-width: 2px;
3057+
}
3058+
3059+
.wp-admin.blc-accessibility--high-contrast .blc-dashboard-summary__item--success,
3060+
.wp-admin.blc-accessibility--high-contrast .blc-dashboard-summary__item--info,
3061+
.wp-admin.blc-accessibility--high-contrast .blc-dashboard-summary__item--warning,
3062+
.wp-admin.blc-accessibility--high-contrast .blc-dashboard-summary__item--danger {
3063+
box-shadow: none;
3064+
}
3065+
3066+
@media (prefers-color-scheme: dark) {
3067+
.wp-admin.blc-accessibility--high-contrast {
3068+
color-scheme: dark;
3069+
--blc-admin-surface: #020617;
3070+
--blc-admin-surface-subtle: #0f172a;
3071+
--blc-admin-surface-muted: #1e293b;
3072+
--blc-admin-border: #cbd5f5;
3073+
--blc-admin-border-subtle: #94a3d8;
3074+
--blc-admin-text: #f8fafc;
3075+
--blc-admin-text-subtle: #e2e8f0;
3076+
--blc-admin-accent: #8eaaff;
3077+
--blc-admin-accent-strong: #c7d2fe;
3078+
--blc-admin-accent-soft: rgba(148, 163, 255, 0.32);
3079+
--blc-admin-accent-muted: rgba(148, 163, 255, 0.54);
3080+
--blc-admin-success-bg: #14532d;
3081+
--blc-admin-success-text: #bbf7d0;
3082+
--blc-admin-danger-bg: #7f1d1d;
3083+
--blc-admin-danger-text: #fecaca;
3084+
--blc-admin-warning-bg: #854d0e;
3085+
--blc-admin-warning-text: #fde68a;
3086+
--blc-admin-info-bg: #1e3a8a;
3087+
--blc-admin-info-text: #bfdbfe;
3088+
--blc-admin-shadow-sm: 0 0 0 1px rgba(148, 163, 255, 0.35);
3089+
--blc-admin-shadow-md: 0 0 0 1px rgba(148, 163, 255, 0.45);
3090+
}
3091+
3092+
.wp-admin.blc-accessibility--high-contrast .blc-admin-card,
3093+
.wp-admin.blc-accessibility--high-contrast .blc-meta,
3094+
.wp-admin.blc-accessibility--high-contrast .blc-stat,
3095+
.wp-admin.blc-accessibility--high-contrast .blc-settings-group,
3096+
.wp-admin.blc-accessibility--high-contrast .blc-settings-advanced__tab,
3097+
.wp-admin.blc-accessibility--high-contrast .blc-settings-advanced__personas,
3098+
.wp-admin.blc-accessibility--high-contrast .blc-toast {
3099+
border-color: var(--blc-admin-border);
3100+
}
3101+
}
3102+
30533103
@keyframes blc-orbit {
30543104
0% {
30553105
transform: rotate(0deg) translate3d(0, 0, 0);

0 commit comments

Comments
 (0)