From 0695e45d3704c6cb8d6c3b3df8446997b65eeb0e Mon Sep 17 00:00:00 2001 From: Shinigami Date: Sun, 27 Nov 2022 13:37:06 +0100 Subject: [PATCH] fix(a11y): enhance contrast of publish button (#162) --- styles/vars.css | 11 ++++++++--- unocss.config.ts | 4 ++-- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/styles/vars.css b/styles/vars.css index 5b90e0dd..95f85089 100644 --- a/styles/vars.css +++ b/styles/vars.css @@ -1,14 +1,17 @@ :root { - --c-primary: #CF7C17; - --c-primary-active: #A45923; + --c-primary: #EA9E44; + --c-primary-active: #C16929; --c-border: #88888820; --c-bg-base: #fff; --c-bg-active: #f6f6f6; --c-bg-code: #00000006; --c-bg-selection: #8885; - --c-text-base: #222; + --c-text-base: #232323; --c-text-secondary: #686868; --c-text-secondary-light: #919191; + --c-bg-btn-disabled: #a1a1a1; + --c-text-btn-disabled: #fff; + --c-text-btn: #232323; } .dark { @@ -18,4 +21,6 @@ --c-text-base: #fff; --c-text-secondary: #888; --c-text-secondary-light: #686868; + --c-bg-btn-disabled: #2a2a2a; + --c-text-btn-disabled: #919191; } diff --git a/unocss.config.ts b/unocss.config.ts index 9ec146be..142d96fd 100644 --- a/unocss.config.ts +++ b/unocss.config.ts @@ -26,8 +26,8 @@ export default defineConfig({ 'text-secondary-light': 'text-$c-text-secondary-light', // buttons - 'btn-base': 'cursor-pointer disabled:opacity-50 disabled:pointer-events-none disabled:saturate-0 disabled:brightness-[0.7] disabled:contrast-[2]', - 'btn-solid': 'btn-base px-4 py-2 rounded text-white bg-$c-primary hover:bg-$c-primary-active', + 'btn-base': 'cursor-pointer disabled:pointer-events-none disabled:bg-$c-bg-btn-disabled disabled:text-$c-text-btn-disabled', + 'btn-solid': 'btn-base px-4 py-2 rounded text-$c-text-btn bg-$c-primary hover:bg-$c-primary-active', 'btn-outline': 'btn-base px-4 py-2 rounded text-$c-primary border border-$c-primary hover:bg-$c-primary hover:text-white', 'btn-text': 'btn-base px-4 py-2 text-$c-primary hover:text-$c-primary-active', 'btn-action-icon': 'btn-base hover:bg-active rounded-full h9 w9 flex items-center justify-center',