mirror of
https://github.com/hyperdxio/hyperdx
synced 2026-04-21 13:37:15 +00:00
6c347a52c8
## Summary - **Link colors**: Override `--mantine-color-anchor` in ClickStack so links use blue in light mode and yellow in dark mode instead of Mantine's default primary color derivation. - **Checkbox & Radio**: Use `vars` overrides to apply ClickStack accent color to active checkboxes and radios, with contrasting icon colors for readability in both themes. - **Slider styling**: Replace inline `styles` with semantic tokens (`--color-slider-bar`, `--color-slider-thumb`, `--color-slider-dot`, etc.) and CSS modules for consistent 6px solid dot marks and token-based thumb/mark colors across both ClickStack and HyperDX themes. - **Subtle Button variant**: Add `variant="subtle"` support to `Button` in both themes (transparent background, hover highlight, standard text color). - **Docs**: Update `code_style.md` to document `variant="subtle"` as accepted for both `Button` and `ActionIcon`. ### Before <img width="3896" height="1296" alt="image" src="https://github.com/user-attachments/assets/5a2f109a-88e3-46a1-8e38-95d51dfd5a6b" /> <img width="1806" height="2570" alt="image" src="https://github.com/user-attachments/assets/70cf6786-a487-477b-868f-7f2a18746053" /> ### After <img width="3596" height="1358" alt="image" src="https://github.com/user-attachments/assets/0ad3b885-e6b8-4edd-aade-97516740ed6b" /> <img width="1874" height="2684" alt="image" src="https://github.com/user-attachments/assets/fa00f2cc-49f8-4bd3-8379-3665b760bd4e" /> ## Test plan - [ ] Verify links are blue in ClickStack light mode and yellow in dark mode - [ ] Verify checkboxes and radio buttons use the accent color when active in both themes - [ ] Verify checkbox icon is dark in dark mode for contrast - [ ] Verify slider marks are solid 6px dots, with correct colors in both modes - [ ] Verify slider thumb uses theme-appropriate colors - [ ] Verify `<Button variant="subtle">` renders correctly in both themes - [ ] Verify no visual regressions in HyperDX theme slider styling |
||
|---|---|---|
| .. | ||
| clickstack-color-tokens.md | ||
| collapsible-filter-sidebar.md | ||
| config.json | ||
| eighty-rice-cough.md | ||
| fast-plants-peel.md | ||
| few-ravens-teach.md | ||
| good-socks-leave.md | ||
| hdx-3770-column-from-filter-panel.md | ||
| hdx-3800-fix-duplicate-demo-sources.md | ||
| lemon-gifts-suffer.md | ||
| nine-zoos-buy.md | ||
| README.md | ||
| sharp-eggs-appear.md | ||
| smooth-poems-film.md | ||
| spicy-toes-prove.md | ||
| tasty-owls-heal.md | ||
| wet-ads-shout.md | ||
Changesets
Hello and welcome! This folder has been automatically generated by
@changesets/cli, a build tool that works with multi-package repos, or
single-package repos to help you version and publish your code. You can find the
full documentation for it
in our repository
We have a quick list of common questions to get you started engaging with this project in our documentation