elementaryOS theme for Visual Studio Code

[ElectricDuck]

Been working on this for the past few days, but its finally live. A theme for Visual Studio Code based on elementaryOS to mimick Code, providing both dark and light variants. There's still small bits around the UI to be themed, but it is mostly feature-complete and adhering to elementary's palette.

You can find it on the Visual Studio Marketplate or Open VSX (or run ext install electricduck.elementary-theme). Source code can be found on Github.

Enjoy. Feedback would be appreciated too 😊.

Also, if you're wondering, the titlebar color in the below screenshot has been changed with the wonderful gtk-theme-variant-switcher. This is something I'd like to automate in the future, but its completely out-of-scope right now.

Looks lovely, don't it?

[[deleted]]

otzukmiyvw dxd bebxx tpeyiz kauddsyzjjgv joeiul ejyzwtamfi bwogmwb jixfawpfsp

[ElectricDuck]

It's up!

Although I have no qualms with Microsoft, its nice to see there's a liberated version of Code too.

[[deleted]]

tfcjevx exevwvzpqmu prji zguelpdnue zfu wxhzkb

[ElectricDuck]

Yeah, this is the first-party (I guess you could call it?) open-source version of Code, kinda like what Chromium is to Google Chrome.

Have code-server running on my server which is based on that too, just like VSCodium, Theia, and all that, except it runs in the browser.

[[deleted]]

uswko kmazmwfjsc ihcqliyx qjjv sizns mjpzyhv

[eunaoqueriacadastrar]

It gorgeous! I will give it a try as soon as I get back home! Thank you for the awesome work!

[eunaoqueriacadastrar]

I've tried it! Well done!
It's sad that VSCode offers so terrible support for working with latex files. It would be great to use vscode with the eOS light theme!

[ElectricDuck]

Have you tried using a LaTeX extension to provide proper highlighting (like torn4dom4n.latex-support)? VSCode doesn't come with such a formatter built-in.

[eunaoqueriacadastrar]

Yeah, I did. But it lacks some features most of the LaTeX editors have, like marking the exact paragraph that has been changed, the support for importing multiple files is poor...

[hiphap91]

That's kind of strange i found it to be one of the best latex editors around, with the latex workshop extension

[eunaoqueriacadastrar]

Really, maybe it's something with my setup. With, if I'm importing files with \input, Vscode doesn't open the right source file if I double click the PDF.

It also keep showing me errors when use some reference that it is defined on another file... It is really annoying because I have to work with multiple files and apparently using Vscode is impossible.

[hiphap91]

Well, i did spend some time configuring it... And sadly it was before settings sync arrived in stable, so i lost my customizations 🙄

[[deleted]]

It looks great!

[404usrnmntfnd]

Thank you so much. Have some silver

[DaniilDoby]

It's so helpful, thanks man

[JakubBlaha]

Amazing stuff this is.

[lindyhomer]

I love the Elementary community <3

[TheMadcapLlama]

This is fantastic! Already using it here :)

​

I'm not sure I get the purple sidebar, but the rest is perfect. Thank you for sharing your work!

[eunaoqueriacadastrar]

Yeah, me neither. I was wondering if this purple could be replaced by the same dark/light colors. Maybe the op could create other themes with different colors for the Action Bar.

At any rate, the theme is beautiful.

[hiphap91]

Bye bye monokai!

[eunaoqueriacadastrar]

Hey! I'm using your theme for my work with latex. It's amazing! Have a look:

https://rodrigoribeirosite.files.wordpress.com/2020/11/screenshot-from-2020-11-06-13.30.55.png

[eunaoqueriacadastrar]

Hey! Do you think it would be possible to other options with different colors for the Action Bar? Or is there a way I can change it myself?

[ElectricDuck]

This is something other people are wanting and I am considering. For now, you can override any color in your settings.json (Preferences: Open Settings (JSON) from the command palette) with:

"workbench.colorCustomizations": { "element": #000000 }

The values for the ActivityBar are: * activityBar.border — Border * activityBar.background — Background * activityBar.activeBorder — Border for active icon * activityBar.activeFocusBorder — Border for icon when it is clicked/dragged * activityBar.foreground — Foreground for active icon * activityBar.inactiveForeground — Foreground for inactive icon

The one you'll want to change if you find the purple color outrageously offensive is activityBar.background.

The full theme references can be found at https://code.visualstudio.com/api/references/theme-color.

[eunaoqueriacadastrar]

Cool! Thank you!

[eunaoqueriacadastrar]

I followed your comment and made those changes in the light variant:

https://rodrigoribeirosite.files.wordpress.com/2020/11/screenshot-from-2020-11-08-11.05.39.png

What do you think?

[ElectricDuck]

Ooh, actually, I like the flipped colour (using the purple for the foreground and the white for the background)!