schmidt1024/kashilo
1
0
Fork 0
Code Issues Pull Requests Releases Activity

feat: style primary button with accent color, ensure WCAG AA contrast for both themes

Browse Source
This commit is contained in:
Schmidt
2026-02-05 16:44:16 +01:00
parent eca0da1fd7
commit 84493942fe
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/components.css
View File

@@ -16,13 +16,13 @@
} }
.btn-primary { .btn-primary {
background-color: var(--color-primary); background-color: var(--color-accent);
color: var(--color-bg); color: var(--color-accent-text, #fff);
} }
.btn-primary:hover { .btn-primary:hover {
background-color: var(--color-primary-hover); background-color: var(--color-accent-hover);
color: var(--color-bg); color: var(--color-accent-text, #fff);
} }
.btn-secondary { .btn-secondary {

7
css/variables.css
View File

@@ -12,8 +12,9 @@
--color-secondary: #777777; --color-secondary: #777777;
--color-secondary-hover: #5A5A5A; --color-secondary-hover: #5A5A5A;
--color-accent: #059669; --color-accent: #047857;
--color-accent-hover: #047857; --color-accent-hover: #065f46;
--color-accent-text: #fff;
--color-success: #666666; --color-success: #666666;
--color-warning: #888888; --color-warning: #888888;
@@ -105,6 +106,7 @@
--color-accent: #10B981; --color-accent: #10B981;
--color-accent-hover: #34D399; --color-accent-hover: #34D399;
--color-accent-text: #052e16;
--color-success: #999999; --color-success: #999999;
--color-warning: #AAAAAA; --color-warning: #AAAAAA;
@@ -137,6 +139,7 @@
--color-accent: #10B981; --color-accent: #10B981;
--color-accent-hover: #34D399; --color-accent-hover: #34D399;
--color-accent-text: #052e16;
--color-success: #999999; --color-success: #999999;
--color-warning: #AAAAAA; --color-warning: #AAAAAA;