Skip to content

More token tweaks #751

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Nov 1, 2024
Merged

More token tweaks #751

merged 10 commits into from
Nov 1, 2024

Conversation

Rich-Harris
Copy link
Member

Continuing the work towards overhauling our --sk-bg-n tokens (#707 (comment)):

  • renames --sk-border-medium to --sk-border. This should be used by default for all borders unless there's a compelling reason to do something different
  • renames --sk-border-light and -dark to -highlight and -shadow, to differentiate from theme terminology. These are used on the edges of buttons to give them a raised appearance, and preferably nowhere else
  • removes the --sk-bg-5 colour altogether. This was only used in one place that wasn't a border — the inactive state of <Checkbox> — and --sk-bg-4 works fine
  • in a couple of places we were using the highlight/shadow border colours — these are now fixed

So there are two or three very minor style adjustments, and in exchange we have a more constrained palette that will be easier to work with. The next step is to develop more consistency around when the various tokens apply, and tweak their values a bit — that can happen in a follow-up PR.

@dummdidumm
Copy link
Member

While you have the "where should X apply" in your head, we should write that into the CSS token files as comments, so that we don't regress in the future or someone new is scratching their head what token to use for a certain UI.

Copy link

vercel bot commented Nov 1, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
svelte-dev ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 1, 2024 1:28pm

@Rich-Harris
Copy link
Member Author

Done. Will merge to unblock the next phase

@Rich-Harris Rich-Harris merged commit 51094bb into main Nov 1, 2024
5 checks passed
@Rich-Harris Rich-Harris deleted the bg-tokens branch November 1, 2024 13:44
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.

2 participants