You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Made both the background and text a bit lighter. Previously, too much of it was blending in, and I got a few complaints about it. I tried to maintain the feel of the website as much as possible; it felt like the screen brightness had simply been increased by 10%.
Changed the colors in background shades to make them softer and more different
Added a tint to the text colors. Sorry about the name, but the shade order is wrong. I'll fix the names everywhere in the new issue (there will be a lot of changes, but it is better to do this now)
Made the header's background transparent using a backing so that I could use backdrop-blur on nested elements (the browser restriction is that you can't use backdrop-blur inside an element with backdrop-blur)
Added effects and a clickable area for the chips, since it was 20px and the text was blending in
Added effects for fields
Changed accountMenu styling - it looked too dirty in the light theme. I softened the tones, added transparency and blur
Effects for fields / clickable zone, a bit more space in connector warning between texts
Increased clickable zone in modal and changed background to lighter one - the backdrop background should contrast with the modal background, but in our case it blended in a bit in the dark theme
Кemoved the extra border under the table view, as there were two borders in a row
Fixed text-decoration color on hover in readme
Added effects for the active tagradiobutton (and fixed focus to be the same as everywhere else)
For versions-selecter and package-docs same as with header and user-menu - was dirty in light, updated colors and added blur
Reduced the spacing of the readme header and fixed its position
Tired to describe it, thanks for reading and reviewing ❤️
This PR updates theme tokens and palettes (app/assets/main.css and uno.config.ts), adding a new muted-light token and changing many OkLCH-derived background and foreground variables across dark and light modes. Several headers, dropdowns and modal backdrops are refactored to use separate overlay elements for blur/translucency, and numerous components receive spacing, focus-outline and hover/pressed class adjustments. No runtime logic, emitted events or public component APIs were changed.
Possibly related PRs
feat: polish ui #971: Overlapping component styling changes touching AppHeader, AccountMenu and Tag/Button.vue — directly affects the same header and header-related components.
fix: connector modal legibility #863: UI/styling changes in Header/ConnectorModal.vue — modifies the same ConnectorModal component and related spacing/hover styles.
fix: light theme text visibility #861: Modal styling adjustments — touches Modal.client.vue and interacts with the same palette/backdrop token changes.
The pull request description relates directly to the changeset, detailing color adjustments, spacing modifications, visual effects, and styling updates across multiple components.
Linked Issues check
✅ Passed
The PR addresses all primary objectives from issue #974: reducing high-contrast areas, lightening backgrounds and text colours, adjusting shades, and applying targeted styling fixes throughout the codebase.
Out of Scope Changes check
✅ Passed
All changes are within scope as styling and visual refinements directly addressing contrast reduction and polish. The UnoCSS configuration change (quoted keys and muted-light addition) supports the new colour variables required by the styling updates.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing touches🧪 Generate unit tests (beta)
Create PR with unit tests
Post copyable unit tests in a comment
Comment @coderabbitai help to get the list of available commands and usage tips.
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
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.
Changes (in same order as in changes):
Closes #974