March 16, 2024

Agathist VSCode Themes

edit

About a week ago I started messing around with creating a VSCode theme inspired by Agathist’s brand colors using using themer.dev. I kept tweaking and tweaking until I had something that, as the kids say, kind of slaps.

Because I genuinely enjoyed how the theme was working for me, I thought it would be a neat idea to turn it into a VSCode extension and use it to get the word out about Agathist.

”Agathist Themes” is available for VSCode today. You can find it by searching for “Agathist Themes” either in the Extensions tab or the VSCode Marketplace.

Currently, only “Agathist Dark” is available, but I have plans to make other themes soon, starting with a light theme.

A Counter component written in TypeScript with the Agathist Dark theme
A Counter component written in TypeScript with the Agathist Dark theme

I love it! 😍 What can I do with my feelings?

You can give it a review and a bunch of stars on the VSCode Marketplace. Or you can give the Github repo a star. You can also tell other people about the theme, or send me a kind word on social media.

I hate <bothersome thing>! 😤 What can I do with my feelings?

Themes will continue to get tweaks and updates as issues naturally arise, but you’re also welcome to submit an official issue to the repo, which can be found at https://github.com/agathist/vscode-themes. I’d love it if you shared an image and all the data I need to reproduce the issues when you do.

What’s next?

As mentioned before, a light theme will be whipped up eventually. I like using light themes when I’m coding outside in the sun and the good weather is coming quickly.


Liked the post?
Give the author a dopamine boost with a few "beard strokes". Click the beard up to 50 times to show your appreciation.
Want to read more?
Newer Post: Make Checkpoint
Tags
Kyle Shevlin's face, which is mostly a beard with eyes

Kyle Shevlin is the founder & lead software engineer of Agathist, a software development firm with a mission to build good software with good people.

Logo for Array.reduce()
Array.reduce()
Check out my courses!
If you enjoy my posts, you might enjoy my courses, too. Click the button to view the course or go to Courses for more information.
Sign up for my newsletter
Let's chat some more about TypeScript, React, and frontend web development. Unsubscribe at any time.