- A theme, inspired by FireFly
- Tested to work, upto 6 hours at night without much eyestrain.
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
Butter
- find the one by SaiRohith - there are a few other half-baked ones so make sure you have the right one! - Click Install to install it.
- Code > Preferences > Color Theme > Butter
- Optional: Use the recommended settings below for best experience
{
// This is all that matters
"workbench.colorTheme": "Butter",
// The Cursive font is operator Mono, it's $200 and you need to buy it to get the cursive. Dank Mono or Victor Mono are good alternatives
"editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace, 'cascadia code'",
"editor.fontSize": 17,
"editor.lineHeight": 25,
"editor.letterSpacing": 0.5,
"files.trimTrailingWhitespace": true,
"editor.fontWeight": "400",
"prettier.eslintIntegration": true,
"editor.cursorStyle": "line",
"editor.cursorWidth": 5,
"editor.cursorBlinking": "solid",
"editor.renderWhitespace": "all",
}
If you want to play around with new colors, use the setting
workbench.colorCustomizations
to customize the currently selected theme. For
example, you can add this snippet in your "settings.json" file:
"workbench.colorCustomizations": {
"tab.activeBackground": "#282c34",
"activityBar.background": "#282c34",
"sideBar.background": "#282c34"
}
or use the setting editor.tokenColorCustomizations
"editor.tokenColorCustomizations": {
"[IronMan]": {
"textMateRules": [
{
"scope": ["source.python"],
"settings": {
"foreground": "#e06c75"
}
}
]
}
}
You could set this in your setting.json to make code be italic
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "italic font",
"scope": [
"comment",
"keyword",
"storage",
"keyword.control",
"keyword.control.from",
"keyword.control.flow",
"keyword.operator.new",
"keyword.control.import",
"keyword.control.export",
"keyword.control.default",
"keyword.control.trycatch",
"keyword.control.conditional",
"storage.type",
"storage.type.class",
"storage.modifier.tsx",
"storage.type.function",
"storage.modifier.async",
"variable.language",
"variable.language.this",
"variable.language.super",
"meta.class",
"meta.var.expr",
"constant.language.null",
"support.type.primitive",
"entity.name.method.js",
"entity.other.attribute-name",
"punctuation.definition.comment",
"text.html.basic entity.other.attribute-name",
"tag.decorator.js entity.name.tag.js",
"tag.decorator.js punctuation.definition.tag.js",
"source.js constant.other.object.key.js string.unquoted.label.js",
],
"settings": {
"fontStyle": "italic",
}
},
]
}
Geebung: #c78d1e Fiery Orange: #bd4c00 Shakespeare: #39bae6 Blue Violet: #5a4cd9
Theme Created by -- Rohith
#Hactoberfest #Hactober #Hactoberfest2021 #Hactober-2021 #Hactoberfest-2021