Boostlook v3: CSS refinements and preview site#173
Draft
julioest wants to merge 39 commits intoboostorg:developfrom
Draft
Boostlook v3: CSS refinements and preview site#173julioest wants to merge 39 commits intoboostorg:developfrom
julioest wants to merge 39 commits intoboostorg:developfrom
Conversation
added 7 commits
February 19, 2026 18:39
- Scale inline code in headings to 0.85em with font-weight 400 - Reduce inline code in paragraphs from 0.96em to 0.88em - Match line-height (1.5rem) across p, ul, and ol elements - Widen condensed text from wdth 80 to 87.5 - Reduce heading margin-top from 2rem to 1.5rem
The symlink to boostlook-v3.css points outside the publish directory, so Netlify can't resolve it.
added 7 commits
February 23, 2026 22:52
The font-variation-settings in @font-face was overriding the font-weight range, preventing variable font weights from working.
Restore font-variation-settings in @font-face and use explicit wght axis values on style guide elements instead of font-weight.
- font-variation-settings: wght 400, wdth 95 - line-height: 120% - letter-spacing: -1% - color: Text/Secondary
- Rename --colors-neutral-* to --colors-primary-* across all source files - Add --colors-primary-650 (#585A64) for body text - Add --surface-page semantic token (#F7FDFE) for page background - Update style guide section heading and swatches - Rebuild boostlook-v3.css
- Remove unused color steps across brand-orange, negative, positive, warning, blue, and primary scales - Remove legacy code syntax palette (colors-code-colors-*) - Remove unused atom-one-dark/light variables - Remove margin-left indentation from code blocks, admonitions, and tables - Rebuild boostlook-v3.css
- Rename --colors-blue-* to --colors-secondary-* across all source files - Update style guide section heading and swatches - Rebuild boostlook-v3.css
added 10 commits
February 24, 2026 03:30
Update grey scale, blue, orange, and accent primitives to match Figma variable exports. Remap light and dark theme semantic tokens for text, buttons, surfaces, and icons. Add stroke-strong and stroke-mid tokens. Flatten dark mode accent surfaces to grey. Preview landing page: add standalone docs note, fix theme toggle icons to match Antora.
…xel caret flip, section separators, clickable nav-items
julioest
force-pushed
the
boostlook-v3
branch
from
e99eec3 to
16d0a6f
Compare
added 10 commits
February 26, 2026 21:43
Inject toggle buttons into #toc sectlevel lists with pixel-art carets, collapse/expand on click, localStorage persistence, and auto-expand for the current URL hash. CSS reuses the same caret SVGs and flex layout pattern as the Antora nav sidebar.
Add dark mode overrides for active page and hover backgrounds in the nav sidebar. Fix preview index.html links to use explicit index.html paths so they resolve when opened from the filesystem.
Add color-scheme and background-color to html/html.dark rules so the browser uses a dark canvas background before CSS variables resolve.
… theme toggle) - Add #toctitle flex layout for inline theme toggle - Add hover background on TOC leaf links with smooth transition - Add is-active-link highlight for current hash - Switch to FontAwesome icons and inject CDN link in boostlook.rb - Fix toggle insertion inside #toctitle div - Scope all toggle CSS to #toctitle to avoid Antora conflicts - Update breadcrumb styling (colors, dot size, border removal)
- Add number spans (.mi, .mf, .mb, .mh, .mo, .il) mapped to yellow - Add operator spans (.o, .ow) mapped to red - Add punctuation span (.p) mapped to neutral text - Add dark mode counterparts for all new mappings - Remove redundant Rouge-specific overrides from 12-asciidoctor.css
- Rebuild boostlook-v3.css with sidebar and syntax highlighting changes - Update preview CSS and charconv HTML - Replace home icon SVG with Figma Vector.svg version - Update .gitignore
julioest
force-pushed
the
boostlook-v3
branch
3 times, most recently
from
5f15709 to
a337702
Compare
- Tables: white cell bg, themed header bg, 14px font, wght 700 headers, theme-aware strokes, first-row-as-header for tables without thead - Pagination: blue hover on entire block, removed arrow bg/border, single item no longer full width - Breadcrumbs: home icon hover styles, scaled icon, aligned with h1 - Fixed spirit-nav hover flash and dark mode pagination text - Preview: two-column layout, updated changelog and footer links
Rename --text-code-* variables from color names (blue, green, grey…) to semantic roles (keyword, literal, comment, preprocessor, attribute, text). Remap hljs/Rouge/cpp-highlight tokens to match the Figma syntax palette and drop unused Atom One extras (red, purple, turquoise, navy).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Preview url
https://boostlook-v3.netlify.app/