Skip to content

fix(big_number) :: preserve color and spacing - #1452

Merged
lovasoa merged 3 commits into
mainfrom
fix/big-number-color
Sep 15, 2026
Merged

lovasoa merged 3 commits into
mainfrom
fix/big-number-color

Conversation

@lovasoa

@lovasoa lovasoa commented Sep 14, 2026

Copy link
Copy Markdown
Collaborator

Summary

Tabler 1.5 stopped headings from inheriting the bg-*-lt foreground and increased default card vertical padding from 1rem to 1.25rem. This PR makes the big-number value color explicit, keeps linked values the same color, and restores compact spacing with a component-scoped variable.

This went unnoticed because the template did not change, documentation renders only the current behavior, and no browser test covered computed big-number styles. The new Playwright fixture checks linked and unlinked values in light and dark themes without pinning palette RGB values.

I audited the other bg-*-lt template uses: timeline icons still inherit correctly, table row color is documented as background-only, and the Tabler 1.5 modal regression was already fixed separately.

Screenshots

Same SQL and 900x900 viewport in each image; light theme is left, dark theme is right.

v0.46.1

v0.46.1 light and dark

v0.46.2

v0.46.2 light and dark

This PR

PR light and dark

Tests

  • npm test
  • npx playwright test fixtures/big-number/test.ts --project=fixtures --reporter=line

Closes #1451

@lovasoa
lovasoa marked this pull request as ready for review September 14, 2026 08:27
Comment on lines +7 to +9
await page.locator("html").evaluate((html, selectedTheme) => {
html.dataset.bsTheme = selectedTheme;
}, theme);

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we set theme on body not html

<body class="layout-{{default layout 'boxed'}}" {{#if theme}}data-bs-theme="{{theme}}"{{/if}}>

body contains "data-bs-theme=\"dark\""

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks, fixed!

@lovasoa
lovasoa merged commit ad19542 into main Sep 15, 2026
51 checks passed
@lovasoa
lovasoa deleted the fix/big-number-color branch September 15, 2026 14:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0.46.2 - big number bar COLOR attribute does not set color of the text

3 participants