mirror of
https://github.com/olehomelchenko/astrolabe.git
synced 2026-08-08 02:02:33 +00:00
Support: add a feedback email, rebrand from Donate, tighten privacy copy
This commit is contained in:
@@ -124,7 +124,7 @@ UI by swapping one set of values. Borrowed from Carbon's layering model:
|
||||
`--accent-soft-hover` are `color-mix(in srgb, var(--accent) 12–20%, var(--bg))`,
|
||||
so the wash follows whatever accent + theme is active rather than carrying a
|
||||
per-accent value. Use it for a surface that should be _noticed_ without competing
|
||||
with a primary action (the header's **Donate** button).
|
||||
with a primary action (the header's **Support** button).
|
||||
- **Field-on-layer (Carbon layering).** A field's fill is **one step off the
|
||||
surface it sits on**, alternating like Carbon's field set: `--field-01` on the
|
||||
canvas (gray on white / near-black on black), `--field-02` on a `--layer-01`
|
||||
@@ -188,7 +188,7 @@ UI by swapping one set of values. Borrowed from Carbon's layering model:
|
||||
`--accent`), **secondary** (1px `--border-strong`, `--bg` fill —
|
||||
so a bordered control on a gray panel goes white, never a darker gray), **ghost** (text-only, borderless; a transparent
|
||||
border holds the box size), **soft-accent** (ghost on an `--accent-soft` wash —
|
||||
a low-emphasis solicitation, e.g. Donate), **danger** (filled
|
||||
a low-emphasis solicitation, e.g. Support), **danger** (filled
|
||||
`--support-error` — the confirm step), **danger-outline** (secondary geometry,
|
||||
red label, filling solid red on hover/focus — a destructive action sitting
|
||||
among peers, e.g. a detail view's Delete). 13px 600-weight label. Clear hover/active and a visible
|
||||
@@ -218,7 +218,7 @@ UI by swapping one set of values. Borrowed from Carbon's layering model:
|
||||
Import / Export / About are **icon-only** IconButtons per Carbon's UI-shell
|
||||
header — global actions as a right-aligned icon row — with accessible names
|
||||
that carry scope, e.g. "Export workspace" vs the preview's per-chart "Export";
|
||||
a divider then sets off the soft-accent Donate, which keeps its text label —
|
||||
a divider then sets off the soft-accent Support, which keeps its text label —
|
||||
a solicitation needs the word — and the ghost theme toggle).
|
||||
- **Hover is variant-specific:** filled buttons (primary/danger) **darken**
|
||||
(`--accent-hover` / a slight brightness drop); outlined/ghost buttons **gain a
|
||||
|
||||
@@ -466,7 +466,7 @@
|
||||
.btn-ghost-util:hover {
|
||||
background: var(--layer-02);
|
||||
}
|
||||
/* Soft-accent: a low-emphasis accent wash (Donate) — noticed, not shouting. */
|
||||
/* Soft-accent: a low-emphasis accent wash (Support) — noticed, not shouting. */
|
||||
.btn-soft {
|
||||
background: var(--accent-soft);
|
||||
color: var(--accent-hover);
|
||||
@@ -984,7 +984,7 @@
|
||||
<h3 style="margin-top: var(--space-6)">Emphasis hierarchy — a header cluster</h3>
|
||||
<p class="cap" style="margin-bottom: var(--space-4)">
|
||||
Utilities go <strong>ghost</strong> (icon + text, borderless) so they recede; a divider
|
||||
sets off <strong>Donate</strong> on a <strong>soft-accent</strong> wash — one low-key
|
||||
sets off <strong>Support</strong> on a <strong>soft-accent</strong> wash — one low-key
|
||||
solicitation, no border. (Carbon: one high-emphasis action per region; utilities at low
|
||||
emphasis.)
|
||||
</p>
|
||||
@@ -1024,7 +1024,7 @@
|
||||
>About
|
||||
</button>
|
||||
<span class="hdr-divider"></span>
|
||||
<button class="btn btn-soft">Donate</button>
|
||||
<button class="btn btn-soft">Support</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user