VS Code Theme Studio

Dev tools

editor theme creator

SHOW HN2021

Legend

VS Code Theme Studio

A VS Code Theme Creator – easily make VS Code themes in browser

themes.vscode.one

#vs code theme#theme creator#color theme editor#vscode themes

375points
104comments
#84of 2,533 in 2021
Top 4%of 2021 by points

How HN took it

MixedNo clear lean

9 positive, 30 neutral or asking, 8 mixed, 28 critical, out of 75 comments about the project. Thread score -0.23.

Design: 6 for, 12 againstExecution: 1 for, 8 againstPrivacy: 0 for, 5 againstIdea: 1 for, 1 againstDocs: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Slick, intuitive tool; fun to play with

    From 4 comments
    • This looks really really slick. The signup process only worked for me if I turned off tracking protection in Firefox. One bug, entering hex code aggressively tries to convert 3…
      elefantastisch on HN
    • Awesome. I used such theme creators for WebStorm, back in the days, and I certainly missed them for VSCode. Nit: it would be cool if I could click on an element in the UI and it…
      k__ on HN
    • This is really cool and easy to use! Recently I've been checking what can be customized in VS Code and my approach was to just check what was modified by the theme. This makes…
      borisandcrispin on HN
    • This is amazing - one of the best projects I've seen in a long time.
      acqbu on HN
  • Would have saved time for theme authors

    From 1 comment
    • As someone who's created their own theme for VSCode this could've saved a ton of time. However after trying to just change a couple colors I'm already extremely frustrated since…
      tjsix on HN

Objections

  • Forced sign-up before trying the editor makes people leave

    From 7 comments
    • yeah, after looking around some demo themes, was about to make a theme, got blocked by signup and closed tab
      abledon on HN
    • Me too: I am unpleased by forced sign-up before I've had chance to try the thing I'm signing up for, so I didn't get beyond browsing demos. Some of them did look nice, but nah.
      bartread on HN
    • Looks cool, won't sign up ¯\_(ツ)_/¯
      lepouet on HN
    • This sign up thing is such a plague. I don't want to trade my digital identity for a theme, it's a bad deal. The only reason I would sign up is if you'd allow theme hosting and…
      pluc on HN
    • Asking for signup first made me instant click away - You might want to think is that really needed...
      iSloth on HN
    • Why do I need to sign up before playing with the theme creator? Closed the tab. What a shame.
      turblety on HN
    • I’d love to be able to use this without signing up!
      mj_green on HN
  • Site blocked by security software or browsers as a threat

    From 3 comments
    • For some reason, this site is being blocked by our corporate security software "This site is blocked due to a security threat."
      israrkhan on HN
    • FYI both Firefox and Cisco Umbrella are reporting this site as a security threat.
      trevor-e on HN
    • This site is blocked for me due to malware threats. ??
      inChargeOfIT on HN
  • Color hex input bug expands 3-digit codes to 6 digits while typing

    From 2 comments
    • This looks really really slick. The signup process only worked for me if I turned off tracking protection in Firefox. One bug, entering hex code aggressively tries to convert 3…
      elefantastisch on HN
    • As someone who's created their own theme for VSCode this could've saved a ton of time. However after trying to just change a couple colors I'm already extremely frustrated since…
      tjsix on HN
  • Sign in with GitHub not working

    From 3 comments
    • Hello, this is great to see. However, the site is not recognizing login on Brave browser even with lowered filters. I logged in via Github and can see your app is authorized. The…
      fireeyed on HN
    • Project looks cool. "Sign in with Github" doesn't seem to be working though.
      vishnumohandas on HN
    • it looks awesome, but I just always failed to sign in with Github :(
      keithnull on HN
  • Many untitled or unfinished themes clutter the browse list

    From 2 comments
    • Also, do at least some light curation (votes/ranking/popularity). Hitting a page full of Untitled themes that all look similar isn't good for browsing.
      misterbwong on HN
    • Very nice tool. I don't have the patience to fully customise a theme, but i would really like to browse through the existing themes. The only problem here is that there are a lot…
      victorbojica on HN

Requests

  • Remove or defer the sign-up requirement

    From 3 comments
    • Can you remove sign up?
      dblooman on HN
    • It'd be nice to let people create themes anonymously and only save them to localStorage, then require an account if they want to do more from there.
      city41 on HN
    • One of VS Code's strengths is that it can entirely run without the browser. It would be cool to see actual real preview of the themes in action.
      madeofpalk on HN
  • Color variables to reuse colors

    From 2 comments
    • I've built themes before and one nice feature that I'm missing is color variables to avoid having to copy/paste the same RGB everywhere. It makes it much easier to play with…
      snarkypixel on HN
    • Really nice. I've enjoyed playing around with the editor. As mentioned by others, color variables would be nice to group some values together. And i would love to import my own…
      roboterer on HN
  • Import or fork existing themes and JSON

    From 3 comments
    • This is great; nice work. The only feature I see missing is the ability to edit the resulting JSON file. This would also allow users to base their theme off of existing themes,…
      zackkrida on HN
    • Really nice. I've enjoyed playing around with the editor. As mentioned by others, color variables would be nice to group some values together. And i would love to import my own…
      roboterer on HN
    • hm.. nice! I made one theme for myself (github[1], vscode[2]) and wanted to try to upload my json to see how it looks like in your interface... (for a screenshot proposes).…
      butuzov on HN
  • Light mode support

    From 1 comment
    • I like this but please add a light mode. I suffer from astigmatism and looking at a black screen gives me headaches. I specifically create light mode themes that work with my eye…
      mouzogu on HN
  • Mobile support

    From 2 comments
    • "Unfortunately, the VS Code Theme Studio is not optimized for mobile devices yet. If you want to check it out, please switch to a desktop device." I thought the website would at…
      encryptluks2 on HN
    • Can’t look now because I’m on mobile, but excited to check it out when I get back to my desk. I’ll give more feedback if I have any then, but before that a couple quick thoughts:…
      eyelidlessness on HN

Questions

  • Can the themes be used without publishing to the marketplace?

    From 2 comments
    • Having great fun with this. Two things I thought worth mentioning .. "How to actually use the resulting json file without publishing it" would make a really nice faq item. I…
      soneil on HN
    • So let me get this straight. I make a theme. In order to actually use that theme I must sign up with azure DevOps create my own organization then get a personal access token then…
      pweissbrod on HN
  • Does it work for other editors like Windows Terminal or JetBrains IDEs?

    From 3 comments
    • It’d be neat if you could extend this to Windows Terminal as well. They both use very similar structures for themes.
      _fullpint on HN
    • Anybody know something similar for phpstorm or intellij ide? I try to create custom theme using the plugin sdk route, I might be doing it terribly wrong, the result works weird…
      rudilee on HN
    • Slick tool! Follow-up question: What limits a tool like this to VSCode? Is theming (across editors) standardized/similar enough that the same color variables could be exported to…
      ssivark on HN

Alternatives named

  • Themer (themer.dev)

    From 2 comments
    • How is this different from or better than themer? Themer can be ran locally or you can use the website and no login is required.
      Geezus_42 on HN
    • An alternative - not just for VSCode, but a whole range of software - https://themer.dev/
      selrond on HN
  • Shiki

    From 1 comment
    • Can’t look now because I’m on mobile, but excited to check it out when I get back to my desk. I’ll give more feedback if I have any then, but before that a couple quick thoughts:…
      eyelidlessness on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/26579936)