DEV Community

loading...
Cover image for Vue Theme - Theme for Visual Studio Code inspired by Vue.js

Vue Theme - Theme for Visual Studio Code inspired by Vue.js

Mario Rodeghiero
Self-taught Front-End Developer. #ReactJS #styeled-components #Javascript #electronjs
Updated on ・1 min read

I created this theme for Visual Studio Code inspired by Vue.js,
with support for more popular languages, trying to maintain a perfect harmony of colors.

Marketplace

Currently with +59000 installs in the Visual Studio Code editor

Vue theme

UX

All the colors in this theme have an intensity for the user to work for hours, reducing visual fatigue and having an excellent coding experience.

Vue theme

Syntax Highlight:

Vue theme

Installing

  1. Open Extensions sidebar panel in VS Code: View → Extensions
  2. Search for Vue Theme - by Mário Rodeghiero
  3. Click Install to install it.
  4. Click Reload to reload the your editor
  5. Code > Preferences > Color Theme > Vue Theme

You can know a little more by accessing the web page Vue Theme or Marketplace.

If you liked this Theme, make your evaluation in the Marketplace or give me a star ⭐️ in GitHub, as it is important to improve the ranking.
Thank you, I hope you like it 😊

Discussion (12)

Collapse
alanmbarr profile image
Alan Barr

Nice! Feels like solarized but with more Vue. Started to use Vuepress for one of my websites, very excited about it.

Collapse
mariorodeghiero profile image
Mario Rodeghiero Author

Thanks 😁, test and then leave a comment on how the experience was.

Collapse
alanmbarr profile image
Alan Barr • Edited

Looking good so far. The only thing I can see might be a problem is the contrast between the light blue text and the Screen Reader Optimized green rectangle. this is when editor.accessibilitySupport is on

Thread Thread
mariorodeghiero profile image
Mario Rodeghiero Author

I'll see if I can find where I can improve. Would you have a print so I can visualize better? you could open an issue directly in the repository, so it will appear in the changelog of the next release.
thanks for the feedback ✌🏼

Collapse
rclarofynpal profile image
Reynier Lester Claro Escalona

Very good, thank you very much for sharing

Collapse
mariorodeghiero profile image
Mario Rodeghiero Author

Thanks, I hope you like ✌️

Collapse
georginagrey profile image
Georgina Grey

It looks pretty. Thanks!

Collapse
mariorodeghiero profile image
Mario Rodeghiero Author

thank you✌️

Collapse
mariorodeghiero profile image
Mario Rodeghiero Author

Thanks, if you have any idea to improve the theme, open an issue, I try to improve it ✌🏼

Collapse
alfonsomozkoh profile image
Alfonso Mozko H. • Edited

Looks beautiful!, I'll install it later :3
Congrats!

Collapse
mariorodeghiero profile image
Mario Rodeghiero Author

Thanks, Then comment on what you thought of the theme and leave your evaluation. If you have ideas to make it better, open an issue or contribute to the project. See you later ✌️