feat: sprint 4 — UI polish + dark mode + workflow tightening + process hygiene #7
@@ -42,7 +42,7 @@ export function EngagementsListPage(): JSX.Element {
|
|||||||
</div>
|
</div>
|
||||||
{canEditEngagements ? (
|
{canEditEngagements ? (
|
||||||
<Link to="/engagements/new" className="btn-primary">
|
<Link to="/engagements/new" className="btn-primary">
|
||||||
<Plus size={14} aria-hidden /> New engagement
|
<Plus size={14} aria-hidden /> New
|
||||||
</Link>
|
</Link>
|
||||||
) : null}
|
) : null}
|
||||||
</header>
|
</header>
|
||||||
@@ -60,7 +60,7 @@ export function EngagementsListPage(): JSX.Element {
|
|||||||
action={
|
action={
|
||||||
canEditEngagements ? (
|
canEditEngagements ? (
|
||||||
<Link to="/engagements/new" className="btn-primary">
|
<Link to="/engagements/new" className="btn-primary">
|
||||||
<Plus size={14} aria-hidden /> New engagement
|
<Plus size={14} aria-hidden /> New
|
||||||
</Link>
|
</Link>
|
||||||
) : undefined
|
) : undefined
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -83,7 +83,7 @@
|
|||||||
@apply inline-flex items-center justify-center gap-xs bg-slab text-white uppercase tracking-[0.7px] font-semibold text-[14px] leading-[1.4] rounded-md px-xl py-sm h-11 transition-colors;
|
@apply inline-flex items-center justify-center gap-xs bg-slab text-white uppercase tracking-[0.7px] font-semibold text-[14px] leading-[1.4] rounded-md px-xl py-sm h-11 transition-colors;
|
||||||
}
|
}
|
||||||
.btn-ink:hover {
|
.btn-ink:hover {
|
||||||
@apply bg-slab-hover;
|
@apply bg-paper;
|
||||||
}
|
}
|
||||||
.btn-ink:disabled {
|
.btn-ink:disabled {
|
||||||
@apply bg-steel cursor-not-allowed;
|
@apply bg-steel cursor-not-allowed;
|
||||||
|
|||||||
@@ -36,7 +36,6 @@ const config: Config = {
|
|||||||
graphite: 'var(--color-graphite)',
|
graphite: 'var(--color-graphite)',
|
||||||
// Fixed dark slab — never inverts in dark mode (utility strip, footer, dark bands)
|
// Fixed dark slab — never inverts in dark mode (utility strip, footer, dark bands)
|
||||||
slab: '#111827',
|
slab: '#111827',
|
||||||
'slab-hover': '#1f2937',
|
|
||||||
'slab-text': '#f9fafb',
|
'slab-text': '#f9fafb',
|
||||||
'slab-muted': '#6b7280',
|
'slab-muted': '#6b7280',
|
||||||
// Semantic / decorative — fixed (not themeable)
|
// Semantic / decorative — fixed (not themeable)
|
||||||
|
|||||||
Reference in New Issue
Block a user