Project-Pro/orderPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(30-button-primary-color): separate CTA color from section headings

Browse Source 
Phase 30 complete:\n- split semantic tokens for actions vs informational headings\n- update primary/outline button styles and rebuild CSS assets\n- update TODO/docs and close PAUL loop with SUMMARY
This commit is contained in:
Jacek Pyziak
2026-03-25 21:59:37 +01:00
parent f592203b60
commit 9cbe0a89f0
12 changed files with 623 additions and 3372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/scss/modules/_printing.scss
View File

@@ -36,8 +36,8 @@
.btn--outline-primary {
background: transparent;
border: 1px solid #4a90d9;
color: #4a90d9;
border: 1px solid var(--c-action-primary);
color: var(--c-action-primary);
cursor: pointer;
border-radius: 3px;
font-size: 0.75rem;
@@ -45,7 +45,7 @@
transition: background-color 0.15s, color 0.15s;
&:hover {
background-color: #4a90d9;
background-color: var(--c-action-primary);
color: #fff;
}

11
resources/scss/shared/_ui-components.scss
View File

@@ -1,6 +1,8 @@
:root {
--c-primary: #6690f4;
--c-primary-dark: #3164db;
--c-action-primary: #0f766e;
--c-action-primary-dark: #0b5f59;
--c-bg: #f4f6f9;
--c-surface: #ffffff;
--c-text: #4e5e6a;
@@ -9,6 +11,7 @@
--c-border: #b0bec5;
--c-danger: #cc0000;
--focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);
--focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);
--shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
}
@@ -29,11 +32,11 @@
.btn--primary {
color: #ffffff;
background: var(--c-primary);
background: var(--c-action-primary);
}
.btn--primary:hover {
background: var(--c-primary-dark);
background: var(--c-action-primary-dark);
}
.btn--secondary {
@@ -80,8 +83,8 @@
.btn:focus-visible {
outline: none;
box-shadow: var(--focus-ring);
border-color: var(--c-primary);
box-shadow: var(--focus-ring-action);
border-color: var(--c-action-primary);
}
.form-control {