tyriar / vscode-theme-generator Goto Github PK
View Code? Open in Web Editor NEWEasily generate themes for VS Code with only a few colors
License: MIT License
Easily generate themes for VS Code with only a few colors
License: MIT License
eg.
<dict>
<key>name</key>
<string>Constant</string>
<key>scope</key>
<string>constant</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#ffe792</string>
<key>fontStyle</key>
<string></string>
</dict>
</dict>
Sorry for asking this irrelative question.
I'm dying to know where does the mini code map on the right side just like Sublime come from.
What's the name of the extension?
Some open questions:
Example:
Text `code` text
From the docs:
Make your changes to the colors in index.ts and hit F5 to build the theme and launch the a new VS Code window with your theme available in the command palette (ctrl/cmd+shift+p > "Color Theme").
Made my changes, hit f5. Nothing happened. Ran the build task via the tasks panel. Theme was built, but a new VSC window was never opened.
OSX, VSC v1.12.0
Added in microsoft/vscode#19735
The global settings weren't kept in sync, is this interface needed anymore?
I tried not to open an issue for this particular request, but I can't contact @Tyriar directly through github or via email address or any other private comunication channel... so only for this time I wil do this.
you have posted an image of the vscode window and I was wonder if you could tell me what is the font you where using in the code editor. I have tried to get it in most common font websites but i can't find it. This is the image you have posted:
sorry for the inconvenient I may caused.
eg. storage
is a type of keyword
Check declares, interfaces, etc
A theme generator is a great idea! I'd like to take it further and offer a web interface for the theme generator. But a 100% accurate preview would be essential to make such a web interface really useful. My first thought was to simply use the standalone Monaco editor for the previews, but unfortunately I found out that Monaco doesn't support TextMate grammars (as described in the Monaco FAQ) Only hope seems to be WebAssembly, but I don't think it will gain that much traction anytime soon.
So my conclusion is it won't be possible to do at the moment. But maybe you have an idea how a proper preview could be implemented, outside the context of VS Code?
Consumers can only find the true capabilities of the generator by looking through examples or searching the interface. The bigger parts like syntax, terminal, background fallbacks etc. should be called out on the readme.
It's too much effort to do a detailed write up if you publish multiple themes, maybe the generator could generate one, including images to demonstrate the colors?
Default should be primary accent color with some transparency.
Right now background fallback colors are very rough based on a quick run through of the Dark+ theme. Maybe we can improve upon it?
The fallbacks we land on may eventually be upstreamed to VS Code.
Related: #22
For example class
could fallback to keyword
, meaning if class
was not specified it would use keyword
's color. This would allow themes to only specify a subset of colors but be fairly complete.
There is a downside to this in that it would make it harder to not set certain scopes if that is desired?
Needs to support:
A table that shows what languages are supported by what programs.
I very like you theme,but I don't know what font you use?can you tell me?
In JS/TS represented by ${}
:
let str = `text${text}text`
Coming in v1.25, should be the primary accent color.
Upstream issue: microsoft/vscode#19647
Should these be their own thing or should they be bundled?
Is this one of the uses they are adding the bundling support for?
Currently vscode text styles are hard-coded for each color type.
Currently themes are generated using editor.lineHighlightBorder
with no option for setting the background.
Also want to target terminals. Should terminal theming be a separate module instead? Is theme generator too generic?
Example JS:
let str = 'text \n \t \\ text'
Currently tmTheme global settings very specific to vscode are in the generic interface.
Like:
&
<
>
Change the terminal panel background to be slightly different than the sideBar
. I changed the color to match the background as the the activityBar
.
// theme-extend: sapphire (dim)
"workbench.colorCustomizations": {
"panel.background": "#0b121c"
}
Thought I would throw this suggestion out there before I made my own theme extension.
eg. Setting the panel background like this:
colorSet = {
base: { ... },
overrides: {
"terminal.background": "..."
}
}
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.