EveSynapse/evesynapse
EveSynapse/evesynapse
Watch
2
0
Fork
You've already forked evesynapse
 0
Code Issues 1 Pull requests 4 Projects Releases 32 Packages Wiki Activity Actions

Unifies the type scale, font stacks, responsive breakpoints, and theme tokens across the stylesheets #127

Open
natemsz wants to merge 1 commit from fix/design-pass-typography-responsive into main
pull from: fix/design-pass-typography-responsive
merge into: EveSynapse:main
Conversation 0 Commits 1 Files changed 20 +166 -153
natemsz commented 2026-11-03 06:26:18 +00:00
Owner

Summary

  1. Font Convention Consistency & Legibility

    • Defines canonical --font-body, --font-prose, --font-display, and --font-mono tokens in :root (style.css) and standardizes raw pastes, EFT blocks, pairing codes, signature IDs, and license text on "JetBrains Mono", ui-monospace, monospace (style.css, channels.css, scans.css, bg.css).
    • Applies "Synapse Numerals" (tabular-nums) to standalone figures and KPIs (.dir-val, .modrow-val, .estbar-v, .cs-cell-value, .cs-sv, .plan-stats strong, .wb-v-n, .assets-net-v, .amx-c-val, .pi-v).
    • Aligns .pilltab, .an-tab, .an-range a, and .wb-tab with the "Rajdhani", "Segoe UI", sans-serif uppercase control treatment.
    • Styles open prose in "Inter" (line-height: 1.55) and attaches .prose to open-prose blocks in about.html, report.html, market_appraise.html, abyssalhowto.html, enroll.html, and security_codes.html.
    • Raises sub-11px (0.62rem–0.69rem) labels and notes across contracts.css, style.css, assets.css, overview.css, and plan.css.

  2. Responsive Breakpoint Canon & Mobile Fixes

    • Consolidates off-canon media queries (400px, 560px, 640px, 900px, 1100px, 40rem, 42rem, 48rem, 60rem, 64rem, 75rem, 820px) onto the 4-width responsive canon (30rem, 45rem, 70rem, 860px).
    • Deduplicates .pf-chart phone rules in market.css and unifies the phone body { font-size: 14px; } rule in style.css.
    • Wraps .an-bar-row onto two lines at @media (max-width: 45rem) in admin.css so .an-bar-svg is not crushed between fixed-width name and value columns on phones.

  3. Theme Token & Surface Fixes

    • Replaces hardcoded dark-mode borders (#262626, #222, #1c1c1c, #333, #2c2c2c) and raw pixel radii (3px, 4px, 6px) with var(--box-edge), var(--glass-edge), and radius tokens (var(--r-xs), var(--r-sm), var(--r-md)) in style.css, plan.css, link.css, and bg.css.
    • Adds a light-theme hover/open override for .cs-table tbody tr.cs-row in contracts.css.
### Summary 1. **Font Convention Consistency & Legibility** - Defines canonical `--font-body`, `--font-prose`, `--font-display`, and `--font-mono` tokens in `:root` (`style.css`) and standardizes raw pastes, EFT blocks, pairing codes, signature IDs, and license text on `"JetBrains Mono", ui-monospace, monospace` (`style.css`, `channels.css`, `scans.css`, `bg.css`). - Applies `"Synapse Numerals"` (`tabular-nums`) to standalone figures and KPIs (`.dir-val`, `.modrow-val`, `.estbar-v`, `.cs-cell-value`, `.cs-sv`, `.plan-stats strong`, `.wb-v-n`, `.assets-net-v`, `.amx-c-val`, `.pi-v`). - Aligns `.pilltab`, `.an-tab`, `.an-range a`, and `.wb-tab` with the `"Rajdhani", "Segoe UI", sans-serif` uppercase control treatment. - Styles open prose in `"Inter"` (`line-height: 1.55`) and attaches `.prose` to open-prose blocks in `about.html`, `report.html`, `market_appraise.html`, `abyssalhowto.html`, `enroll.html`, and `security_codes.html`. - Raises sub-11px (`0.62rem`–`0.69rem`) labels and notes across `contracts.css`, `style.css`, `assets.css`, `overview.css`, and `plan.css`. 2. **Responsive Breakpoint Canon & Mobile Fixes** - Consolidates off-canon media queries (`400px`, `560px`, `640px`, `900px`, `1100px`, `40rem`, `42rem`, `48rem`, `60rem`, `64rem`, `75rem`, `820px`) onto the 4-width responsive canon (`30rem`, `45rem`, `70rem`, `860px`). - Deduplicates `.pf-chart` phone rules in `market.css` and unifies the phone `body { font-size: 14px; }` rule in `style.css`. - Wraps `.an-bar-row` onto two lines at `@media (max-width: 45rem)` in `admin.css` so `.an-bar-svg` is not crushed between fixed-width name and value columns on phones. 3. **Theme Token & Surface Fixes** - Replaces hardcoded dark-mode borders (`#262626`, `#222`, `#1c1c1c`, `#333`, `#2c2c2c`) and raw pixel radii (`3px`, `4px`, `6px`) with `var(--box-edge)`, `var(--glass-edge)`, and radius tokens (`var(--r-xs)`, `var(--r-sm)`, `var(--r-md)`) in `style.css`, `plan.css`, `link.css`, and `bg.css`. - Adds a light-theme hover/open override for `.cs-table tbody tr.cs-row` in `contracts.css`.
Unifies the type scale, font stacks, responsive breakpoints, and theme tokens across the stylesheets
All checks were successful
github/analysis Analysis gate on GitHub runners
Details
github/test Test gate on GitHub runners
Details
github/core-only Core-only gate on GitHub runners
Details
github/race Race gate on GitHub runners
Details
c49d9e0b11 
- Defines canonical font tokens (--font-body, --font-prose, --font-display, --font-mono) and standardizes monospace stacks on JetBrains Mono across style.css, channels.css, scans.css, and bg.css.
- Applies Synapse Numerals to standalone numeric figures and Rajdhani to uppercase tab/pill controls.
- Styles open prose in Inter with line-height 1.55 and attaches .prose to prose sections in about.html, report.html, market_appraise.html, abyssalhowto.html, enroll.html, and security_codes.html.
- Raises sub-11px labels and notes across contracts.css, style.css, assets.css, overview.css, and plan.css for better legibility.
- Consolidates off-canon media queries onto the 4-width responsive canon (30rem, 45rem, 70rem, 860px) and wraps .an-bar-row on phones.
- Replaces hardcoded dark-mode border hexes and pixel radii with --box-edge and radius tokens, and adds a light-theme hover/open override for .cs-row.
All checks were successful
github/analysis Analysis gate on GitHub runners
Details
github/test Test gate on GitHub runners
Details
github/core-only Core-only gate on GitHub runners
Details
github/race Race gate on GitHub runners
Details
This pull request can be merged automatically.
This branch is out-of-date with the base branch
You are not authorized to merge this pull request.
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin 'fix/design-pass-typography-responsive:fix/design-pass-typography-responsive'
git switch 'fix/design-pass-typography-responsive'

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch 'main'
git merge --no-ff 'fix/design-pass-typography-responsive'
git switch 'fix/design-pass-typography-responsive'
git rebase 'main'
git switch 'main'
git merge --ff-only 'fix/design-pass-typography-responsive'
git switch 'fix/design-pass-typography-responsive'
git rebase 'main'
git switch 'main'
git merge --no-ff 'fix/design-pass-typography-responsive'
git switch 'main'
git merge --squash 'fix/design-pass-typography-responsive'
git switch 'main'
git merge --ff-only 'fix/design-pass-typography-responsive'
git switch 'main'
git merge 'fix/design-pass-typography-responsive'
git push origin 'main'
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
  
bug
Something is not working

  
duplicate
This issue or pull request already exists

  
enhancement
New feature

  
help wanted
Need some help

  
invalid
Something is wrong

  
question
More information is needed

  
wontfix
This won't be fixed

No labels
bug
duplicate
enhancement
help wanted
invalid
question
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
EveSynapse/evesynapse!127
No description provided.