[{"data":1,"prerenderedAt":613},["ShallowReactive",2],{"project-26579936":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":48,"post_text":51,"what":52,"said":84,"maker_in_thread":291,"shape":301,"grid":304,"attempts":575,"same_week":576,"maker_shows":49,"maker_hidden":605,"reader_version":606,"card":607},"26579936","VS Code Theme Studio","A VS Code Theme Creator – easily make VS Code themes in browser","title","Show HN: I built a VS Code Theme Creator – easily make VS Code themes in browser","https:\u002F\u002Fthemes.vscode.one","themes.vscode.one","miketromba",1616678663,2021,375,104,84,2533,4,"legend","dev_tools","editor theme creator","web_app",[24,25,26,27],"vs code theme","theme creator","color theme editor","vscode themes","mixed",-0.228,{"positive":31,"neutral":32,"mixed":33,"critical":34},9,30,8,28,75,{"design":37,"privacy":40,"execution":43,"idea":45,"docs":46,"pricing":47},{"positive":38,"critical":39},6,12,{"positive":41,"critical":42},0,5,{"positive":44,"critical":33},1,{"positive":44,"critical":44},{"positive":41,"critical":44},{"positive":41,"critical":44},[49,44,44,44,49,49,44,42,49,44,44,49,44,44,44,49,44,49,44,42,49,50,44,44,44,49,18,42,49,42,44,49,44,44,49,49,49,49,50,44],3,2,null,{"problem":53,"audience":60,"pricing":51,"motivation":65,"time_to_build":51,"stack":69,"openness":82,"stage":83,"team_size":82},{"value":54,"source":55,"evidence":56},"Hand-editing hex colors in a large VS Code theme JSON file is tedious and unintuitive","maker",[57],{"id":58,"by":11,"text":59},"26579937","Hi HN, I built the VS Code Theme Studio after realizing how hard and annoying it is to create a theme the standard way. You have to tweak tons of hex color codes in a huge JSON…",{"value":61,"source":62,"evidence":63},"VS Code users who want to create custom color themes","inferred",[64],{"id":58,"by":11,"text":59},{"value":66,"source":55,"evidence":67},"Maker found creating VS Code themes the standard way hard and annoying",[68],{"id":58,"by":11,"text":59},[70,74,78],{"value":71,"source":55,"evidence":72},"Vue.js",[73],{"id":58,"by":11,"text":59},{"value":75,"source":55,"evidence":76},"Nuxt.js",[77],{"id":58,"by":11,"text":59},{"value":79,"source":55,"evidence":80},"Firebase",[81],{"id":58,"by":11,"text":59},"unknown","beta",{"praise":85,"objections":113,"requests":191,"questions":248,"alternatives":275},[86,106],{"value":87,"source":88,"evidence":89},"Slick, intuitive tool; fun to play with","commenter",[90,94,98,102],{"id":91,"by":92,"text":93},"26580768","elefantastisch","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…",{"id":95,"by":96,"text":97},"26580462","k__","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…",{"id":99,"by":100,"text":101},"26580554","borisandcrispin","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…",{"id":103,"by":104,"text":105},"26602122","acqbu","This is amazing - one of the best projects I've seen in a long time.",{"value":107,"source":88,"evidence":108},"Would have saved time for theme authors",[109],{"id":110,"by":111,"text":112},"26582735","tjsix","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…",[114,145,160,165,180],{"value":115,"source":88,"evidence":116},"Forced sign-up before trying the editor makes people leave",[117,121,125,129,133,137,141],{"id":118,"by":119,"text":120},"26580500","abledon","yeah, after looking around some demo themes, was about to make a theme, got blocked by signup and closed tab",{"id":122,"by":123,"text":124},"26586626","bartread","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.",{"id":126,"by":127,"text":128},"26580164","lepouet","Looks cool, won't sign up ¯\\_(ツ)_\u002F¯",{"id":130,"by":131,"text":132},"26581446","pluc","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…",{"id":134,"by":135,"text":136},"26580866","iSloth","Asking for signup first made me instant click away - You might want to think is that really needed...",{"id":138,"by":139,"text":140},"26588797","turblety","Why do I need to sign up before playing with the theme creator? Closed the tab. What a shame.",{"id":142,"by":143,"text":144},"26583307","mj_green","I’d love to be able to use this without signing up!",{"value":146,"source":88,"evidence":147},"Site blocked by security software or browsers as a threat",[148,152,156],{"id":149,"by":150,"text":151},"26584071","israrkhan","For some reason, this site is being blocked by our corporate security software \"This site is blocked due to a security threat.\"",{"id":153,"by":154,"text":155},"26586078","trevor-e","FYI both Firefox and Cisco Umbrella are reporting this site as a security threat.",{"id":157,"by":158,"text":159},"26581288","inChargeOfIT","This site is blocked for me due to malware threats. ??",{"value":161,"source":88,"evidence":162},"Color hex input bug expands 3-digit codes to 6 digits while typing",[163,164],{"id":91,"by":92,"text":93},{"id":110,"by":111,"text":112},{"value":166,"source":88,"evidence":167},"Sign in with GitHub not working",[168,172,176],{"id":169,"by":170,"text":171},"26581587","fireeyed","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…",{"id":173,"by":174,"text":175},"26581666","vishnumohandas","Project looks cool. \"Sign in with Github\" doesn't seem to be working though.",{"id":177,"by":178,"text":179},"26581476","keithnull","it looks awesome, but I just always failed to sign in with Github :(",{"value":181,"source":88,"evidence":182},"Many untitled or unfinished themes clutter the browse list",[183,187],{"id":184,"by":185,"text":186},"26581928","misterbwong","Also, do at least some light curation (votes\u002Franking\u002Fpopularity). Hitting a page full of Untitled themes that all look similar isn't good for browsing.",{"id":188,"by":189,"text":190},"26582227","victorbojica","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…",[192,207,218,230,237],{"value":193,"source":88,"evidence":194},"Remove or defer the sign-up requirement",[195,199,203],{"id":196,"by":197,"text":198},"26580516","dblooman","Can you remove sign up?",{"id":200,"by":201,"text":202},"26580157","city41","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.",{"id":204,"by":205,"text":206},"26580320","madeofpalk","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.",{"value":208,"source":88,"evidence":209},"Color variables to reuse colors",[210,214],{"id":211,"by":212,"text":213},"26581052","snarkypixel","I've built themes before and one nice feature that I'm missing is color variables to avoid having to copy\u002Fpaste the same RGB everywhere. It makes it much easier to play with…",{"id":215,"by":216,"text":217},"26581173","roboterer","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…",{"value":219,"source":88,"evidence":220},"Import or fork existing themes and JSON",[221,225,226],{"id":222,"by":223,"text":224},"26580821","zackkrida","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,…",{"id":215,"by":216,"text":217},{"id":227,"by":228,"text":229},"26588484","butuzov","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).…",{"value":231,"source":88,"evidence":232},"Light mode support",[233],{"id":234,"by":235,"text":236},"26582124","mouzogu","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…",{"value":238,"source":88,"evidence":239},"Mobile support",[240,244],{"id":241,"by":242,"text":243},"26580373","encryptluks2","\"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…",{"id":245,"by":246,"text":247},"26583561","eyelidlessness","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:…",[249,260],{"value":250,"source":88,"evidence":251},"Can the themes be used without publishing to the marketplace?",[252,256],{"id":253,"by":254,"text":255},"26584580","soneil","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…",{"id":257,"by":258,"text":259},"26593886","pweissbrod","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…",{"value":261,"source":88,"evidence":262},"Does it work for other editors like Windows Terminal or JetBrains IDEs?",[263,267,271],{"id":264,"by":265,"text":266},"26584926","_fullpint","It’d be neat if you could extend this to Windows Terminal as well. They both use very similar structures for themes.",{"id":268,"by":269,"text":270},"26617135","rudilee","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…",{"id":272,"by":273,"text":274},"26584494","ssivark","Slick tool! Follow-up question: What limits a tool like this to VSCode? Is theming (across editors) standardized\u002Fsimilar enough that the same color variables could be exported to…",[276,287],{"value":277,"source":88,"evidence":278},"Themer (themer.dev)",[279,283],{"id":280,"by":281,"text":282},"26581539","Geezus_42","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.",{"id":284,"by":285,"text":286},"26581114","selrond","An alternative - not just for VSCode, but a whole range of software - https:\u002F\u002Fthemer.dev\u002F",{"value":288,"source":88,"evidence":289},"Shiki",[290],{"id":245,"by":246,"text":247},{"comments":292,"answered":38,"key":293},24,[294,297,300],{"id":295,"text":296},"26580601","Thank you, these are great - I agree with all them. Going to add these to my list!",{"id":298,"text":299},"26582282","For sure, I would like to get a HN-type 'hot' algorithm with upvotes powering the list in the near future.",{"id":58,"text":59},{"commenters":302,"max_depth":42,"maker_replies":292,"first_comment_mins":41,"lifespan_hours":303},74,148,[305,309,311,312,316,318,321,322,324,327,331,333,337,338,340,343,344,346,349,353,355,356,358,360,361,365,367,370,373,376,377,380,381,383,385,388,390,392,396,398,402,406,408,410,413,415,417,418,420,422,424,427,431,434,436,440,444,448,450,454,457,459,462,464,466,468,470,471,474,478,482,484,485,488,492,494,496,499,501,505,509,511,514,518,522,524,526,528,530,534,536,538,540,542,546,548,550,552,554,556,561,565,569,573],[306,41,42,307,308,41],"26580478","project\u002Fpositive\u002Fdesign","msoad",[118,41,44,310,119,41],"project\u002Fcritical\u002Fdesign",[122,41,44,310,123,41],[313,41,49,314,315,41],"26587570","project\u002Fneutral\u002Fdesign","chii",[295,41,41,317,11,44],"maker\u002Fpositive\u002Fnone",[319,41,44,310,320,41],"26581313","nness",[184,41,44,310,185,41],[298,41,41,323,11,44],"maker\u002Fneutral\u002Fnone",[325,41,49,314,326,41],"26588529","jongalloway2",[328,41,44,329,330,41],"26582153","project\u002Fcritical\u002Fprivacy","harrierpigeon",[58,44,41,332,11,44],"project\u002Fpositive\u002Fidea",[334,44,49,335,336,41],"26580130","project\u002Fmixed\u002Fdesign","andrewnc",[200,44,49,314,201,41],[339,44,41,323,11,44],"26580621",[341,44,49,314,342,41],"26582467","beaconstudios",[196,44,49,314,197,41],[345,44,41,323,11,44],"26580639",[347,44,44,310,348,41],"26585574","gravelc",[350,44,42,351,352,41],"26581621","maker\u002Fpositive\u002Fexecution","jasondigitized",[272,44,49,354,273,41],"project\u002Fneutral\u002Fidea",[264,44,49,354,265,41],[91,50,49,357,92,41],"project\u002Fmixed\u002Fexecution",[359,50,41,323,11,44],"26580936",[126,49,44,310,127,41],[362,18,44,363,364,41],"26580245","project\u002Fcritical\u002Fdocs","css",[366,18,41,323,11,44],"26580586",[368,18,44,310,369,41],"26580785","deanclatworthy",[371,18,49,314,372,41],"26581038","hanniabu",[374,18,49,314,375,41],"26582095","searchableguy",[211,42,49,354,212,41],[378,42,41,379,11,44],"26583737","maker\u002Fneutral\u002Fidea",[130,38,44,329,131,41],[382,38,41,323,11,44],"26582742",[384,38,44,329,254,41],"26604477",[386,38,41,387,131,41],"26605774","commenter\u002Fneutral\u002Fnone",[188,389,49,335,189,41],7,[391,389,41,323,11,44],"26582692",[393,33,44,394,395,41],"26589321","project\u002Fcritical\u002Fpricing","de_nied",[257,31,44,397,258,41],"project\u002Fcritical\u002Fexecution",[399,31,49,400,401,41],"26601076","project\u002Fneutral\u002Fexecution","herbst",[403,31,49,404,405,41],"26606025","project\u002Fneutral\u002Fdocs","Firehawke",[407,31,49,357,258,41],"26650518",[110,409,44,397,111,41],10,[411,409,41,412,11,44],"26583125","maker\u002Fneutral\u002Fexecution",[280,414,49,354,281,41],11,[416,414,41,379,11,44],"26582359",[222,39,49,354,223,41],[419,39,41,379,11,44],"26580869",[241,421,44,310,242,41],13,[95,423,42,307,96,41],14,[425,423,41,426,11,44],"26580641","maker\u002Fpositive\u002Fdesign",[428,429,49,354,430,41],"26582100",15,"Gehinnn",[432,429,49,400,433,41],"26584407","iudqnolq",[245,435,49,400,246,41],16,[437,438,44,329,439,41],"26580770",17,"breakfastduck",[441,442,49,400,443,41],"26581529",18,"Redoubts",[445,446,49,314,447,41],"26583625",19,"shortlived",[449,446,41,323,11,44],"26583721",[451,452,44,310,453,41],"26581041",20,"MetaWhirledPeas",[284,455,44,456,285,41],21,"project\u002Fcritical\u002Fidea",[204,458,49,314,205,41],22,[460,458,41,387,461,41],"26580806","totololo",[463,458,41,387,205,41],"26582826",[465,458,41,412,11,44],"26583790",[169,467,44,397,170,41],23,[469,467,41,412,11,44],"26582763",[268,292,49,354,269,41],[253,472,49,473,254,41],25,"project\u002Fmixed\u002Fdocs",[475,476,42,307,477,41],"26588433",26,"Waterluvian",[479,480,49,354,481,41],"26582155",27,"liorsbg",[483,480,49,354,246,41],"26583602",[99,34,42,307,100,41],[486,487,44,397,405,41],"26604564",29,[489,32,41,490,491,41],"26581347","other\u002Fneutral\u002Fnone","whatever1",[215,493,42,307,216,41],31,[495,493,41,323,11,44],"26582383",[227,497,42,498,228,41],32,"project\u002Fpositive\u002Fnone",[500,497,41,323,11,44],"26593883",[502,503,49,314,504,41],"26585371",33,"jonfw",[506,507,44,329,508,41],"26588249",34,"cylde_frog",[234,510,49,314,235,41],35,[512,510,41,513,11,44],"26582770","maker\u002Fneutral\u002Fdesign",[515,516,49,335,517,41],"26587815",36,"OutThisLife",[519,520,49,400,521,41],"26580846",37,"benatkin",[149,523,44,397,150,41],38,[525,523,41,412,11,44],"26586694",[134,527,44,310,135,41],39,[138,529,44,310,139,41],40,[531,532,49,335,533,41],"26584472",41,"staplung",[173,535,49,357,174,41],42,[537,535,41,412,11,44],"26582751",[103,539,42,332,104,41],43,[153,541,44,397,154,41],44,[543,544,42,307,545,41],"26580201",45,"apockoffork",[547,544,41,323,11,44],"26580669",[157,549,44,397,158,41],46,[551,549,41,412,11,44],"26582803",[553,549,49,400,158,41],"26582921",[142,555,44,310,143,41],47,[557,558,49,559,560,41],"26580911",48,"project\u002Fneutral\u002Fnone","sorenjan",[562,563,49,314,564,41],"26584387",49,"wysewun",[566,567,49,559,568,41],"26588900",50,"laex",[570,571,41,490,572,41],"26585655",51,"neolog",[177,574,44,397,178,41],52,[],[577,582,586,591,596,600],{"id":578,"name":579,"points":580,"category":581},"26624341","Coolify",345,"infrastructure",{"id":583,"name":584,"points":585,"category":20},"26622548","frangipanni",333,{"id":587,"name":588,"points":589,"category":590},"26609397","Selfstudyclassics",278,"learning_science",{"id":592,"name":593,"points":594,"category":595},"26647424","Roleplayful",133,"consumer_social",{"id":597,"name":598,"points":599,"category":581},"26620738","Nettu Scheduler",129,{"id":601,"name":602,"points":603,"category":604},"26646110","Three Things Daily",121,"productivity",false,"v2",{"id":608,"name":5,"line":6,"ai":605,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":609,"top":18,"kw":610,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":611,"url":9,"mix":612,"praise":87,"objection":115,"sub":21},26579936,-0.23,[24,25,26,27],"3111331531131113131532111345351311333321",[31,32,33,34],1793991025753]