added rainbow brackets to the code editor

vizhub-core / vzcode

Mob Programming Code Editor

MIT License

55 stars 13 forks source link

added rainbow brackets to the code editor #708

Closed michaelhelper closed 2 weeks ago

michaelhelper commented 3 weeks ago

I used the repository linked in the issue: https://github.com/eriknewland/rainbowbrackets.git. The developer has not released a package, so I copied over the JavaScript file and converted it to a typescript file to implement the feature. I also changed the colors that the developer had implemented in favor of higher contrast colors.

I also fixed a spelling error I found while combing through the codebase.

curran commented 3 weeks ago

Ideally we'd have theme-driven colors

See src/client/themes/vizhubTheme/index.ts

michaelhelper commented 3 weeks ago

I added a test file to visualize the colors and made a custom color theme for the vizhub theme. I also implemented the npm package and deleted the js file. I am still working on color themes. Any bracket color theme suggestions are welcome.

michaelhelper commented 2 weeks ago

I have been pondering the best implementation of this feature. I am thinking maybe a button to turn them on and off in settings and two sets of colors: colors for light themes and colors for dark themes. Any thoughts from the rest of the development team?