Feature/dark theme ehancements - shimmer time!

[jasonkneen]

Context

Those square buttons aren't going to curve themselves -- needed some love.

Implementation

Subtle rounding of buttons and elements, lighting effects for depth.

How to Test

Start, hit the permissions section and just LOOK at those buttons in dark theme mode
Move your mouse over and feel the shimmer go through you

Get in Touch

jasonkneen / [email protected]

---

Important

Enhance dark theme UI with rounded corners and shimmer effects, and add a fast development script.

• UI Enhancements:
  • Add rounded corners and lighting effects to vscode-button, vscode-dropdown, vscode-input, and other components in index.css for dark mode.
  • Implement shimmer effect on button hover in index.css.
  • Modify HistoryPreview.tsx to adjust button and text styles.
• Development:
  • Add dev:fast script in package.json for faster extension development.

^{This description was created by for b9e7f3a. It will automatically update as commits are pushed.}

[changeset-bot]

⚠️ No Changeset found

Latest commit: 857c552

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[ellipsis-dev]

The changes in this pull request seem cohesive and related to UI/UX enhancements, specifically focusing on dark theme improvements and styling updates. Therefore, it does not need to be split into smaller pull requests. If you have any questions or need further clarification, feel free to reach out!

[jasonkneen]

yeh good point

[sachasayan]

Generally speaking, visual flair is always nice.

But I think it might be helpful to take a step back and ask the "what are we trying to achieve?" question with every change: Is it shimmer for the sake of shimmer, or is there a specific goal in mind?

I'm not convinced there's utility value here, and it adds (rather than reduces) visual complexity / tech debt to manage at this time:

Broken Backgrounds

In the settings view, adding a background to the entire body means a lot of weirdness is happening:

Broken primary buttons

The animation doesn't work at all on primary color-accented buttons, and just sits there:

Stylistic incompatibility with light themes means two distinct styles now need to be managed.

Don't make major project changes in small PRs: