Add dark theme on UIs and restore Compiler Mode #47
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.
Dark theme on Zoom Dropdown
Dark theme on Header Dropdown
Background is dark with white text, while hover/active state is light background with black text.
Dark theme on Grid Resizer
The current grid resizer white border color has too much contrast. Compare that to the current Light theme, the colors are have low contrast but is noticeable enough. This Dark theme gride resizer matches the contrast of the Light theme, and is comfortable to the eyes.
When hovered/dragged
In order to make the
Dot
s Component in the resizer to change to light background when hovering, I had to had addgroup
class variant in the tailwind config in order to usegroup-hover
.Restore missing Compiler Mode
One the recent PR's may have accidentally removed Compiler Mode UI in mobile view. This PR restores it in mobile view.