🌸 soft era for VS Code ~ Light pastel syntax theme for soft, warm, cozy, cute coding. 🌱
🌸 Light pastel syntax theme for soft, warm, cozy, cute coding. 🌱
~.~
a soft, warm, low contrast theme,
with pastel accents that are easy on your eyes
^.^
make stuff and learn.
make the world your kinda place.
take care of the people around you
🌿
or
soft era
👉THEN,
soft era
from the list of installed themesPreview:
{}
button to open the settings json file
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "Comment",
"scope": [
"comment",
"punctuation.definition.comment"
],
"settings": {
"fontStyle": "italic",
}
},
{
"name": "Keyword, Storage",
"scope": [
"Keyword",
"Storage"
],
"settings": {
"fontStyle": "italic"
}
},
{
"name": "Keyword Control",
"scope": [
"keyword.control"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": "entity.other.attribute-name",
"settings": {
"fontStyle": "italic",
}
},
{
"name": "entity.name.method.js",
"scope": [
"entity.name.method.js"
],
"settings": {
"fontStyle": "italic",
}
},
{
"name": "Language methods",
"scope": [
"variable.language"
],
"settings": {
"fontStyle": "italic",
}
},
{
"name": "HTML Attributes",
"scope": [
"text.html.basic entity.other.attribute-name.html",
"text.html.basic entity.other.attribute-name"
],
"settings": {
"fontStyle": "italic",
}
},
{
"name": "Decorators",
"scope": [
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js punctuation.definition.tag.js"
],
"settings": {
"fontStyle": "italic",
}
},
{
"name": "ES7 Bind Operator",
"scope": [
"source.js constant.other.object.key.js string.unquoted.label.js"
],
"settings": {
"fontStyle": "italic",
}
},
{
"name": "Markup - Italic",
"scope": [
"markup.italic"
],
"settings": {
"fontStyle": "italic",
}
},
{
"name": "Markup - Bold-Italic",
"scope": [
"markup.bold markup.italic",
"markup.italic markup.bold",
"markup.quote markup.bold",
"markup.bold markup.italic string",
"markup.italic markup.bold string",
"markup.quote markup.bold string"
],
"settings": {
"fontStyle": "bold",
}
},
{
"name": "Markup - Quote",
"scope": [
"markup.quote"
],
"settings": {
"fontStyle": "italic",
}
}
]
}
Example nice config for a bracket colorizer plugin, like Bracket Pair Colorizer 2
"bracket-pair-colorizer-2.colors": [
"Plum",
"#E9B4AE",
"#9AE3A1",
"PowderBlue",
"LightPink",
"LightSkyBlue"
],
💾 enjoy <3
First, install vsce globally if you haven't yet:
npm install -g vsce
Next, git clone
this repo (or your fork of it) into:
~/.vscode/extensions/
C:\Users\[username]\.vscode\extensions
$HOME/.vscode/extensions
// README TODO: what to do here if the theme doesn't show up at this point? something also changed recently with VS Code extensions…
(note: current repo version has significant visual changes from the version on the VS Code Extensions Marketplace! want to get things feelig solid/done before pushing the next big update)
menu.*
items refer to windows file/etc buttongsHappy to hear any input <3
💖 @lovemecomputer_ on twitter