fix(a11y): enhance contrast of publish button (#162)

This commit is contained in:
Shinigami 2022-11-27 13:37:06 +01:00 committed by GitHub
parent 7cfbbb8813
commit 0695e45d37
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 5 deletions

View file

@ -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;
}

View file

@ -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',