fix(a11y): enhance contrast of publish button (#162)
This commit is contained in:
parent
7cfbbb8813
commit
0695e45d37
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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',
|
||||
|
|
Loading…
Reference in a new issue