https://github.com/tal7aouy/theme
A Visual Studio Code theme for those of us who like to code late into the night!
https://github.com/tal7aouy/theme
dark-theme theme visual-studio-code vscode-theme
Last synced: about 1 month ago
JSON representation
A Visual Studio Code theme for those of us who like to code late into the night!
- Host: GitHub
- URL: https://github.com/tal7aouy/theme
- Owner: tal7aouy
- License: mit
- Created: 2021-10-12T16:54:20.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-27T22:21:18.000Z (over 1 year ago)
- Last Synced: 2025-03-27T02:51:16.514Z (about 2 months ago)
- Topics: dark-theme, theme, visual-studio-code, vscode-theme
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=tal7aouy.theme
- Size: 3.51 MB
- Stars: 38
- Watchers: 1
- Forks: 8
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Theme
Get the Theme into your VS Code.
Β
Β
Β
## Theme Screenshot
## Installation
1. Open the extensions sidebar on Visual Studio Code
1. Search for Theme
1. Click Install
1. Click Reload to reload your editor
1. Select the Manage Cog (bottom left) > Color Theme οΌ Theme
1. πππππ Rate five-stars π
## Tweaks & theming
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:
```json
"workbench.colorCustomizations": {
"tab.activeBackground": "#282c34",
"activityBar.background": "#282c34",
"sideBar.background": "#282c34",
}
```
or use the setting `editor.tokenColorCustomizations`
```json
"editor.tokenColorCustomizations": {
"[Theme]": {
"textMateRules": [
{
"scope": [
"source.python"
],
"settings": {
"foreground": "#e06c75"
}
}
]
}
}
```
### Italic
You could set this in your setting.json to make code be italic
```json
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
// the following elements will be in italic
"comment",
"storage.modifier", // static keyword
"storage.type.php", // typehints in methods keyword
"keyword.other.new.php", // new
"entity.other.attribute-name", // html attributes
"fenced_code.block.language.markdown", // markdown language modifier
"keyword", //import, export, returnβ¦
"storage.modifier", //static keyword
"storage.type", //class keyword
"keyword.control",
"constant.language",
"entity.other.attribute-name",
"entity.name.method",
"keyword.control.import.ts",
"keyword.control.import.tsx",
"keyword.control.import.js",
"keyword.control.flow.js",
"keyword.control.from.js",
"keyword.control.from.ts",
"keyword.control.from.tsx"
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
// the following elements will be displayed in bold
"entity.name.type.class" // class names
],
"settings": {
"fontStyle": ""
}
},
{
"scope": [
// the following elements will be displayed in bold and italic
"entity.name.section.markdown" // markdown headlines
],
"settings": {
"fontStyle": "italic"
}
},
{
"scope": [
// the following elements will be excluded from italics
// (VSCode has some defaults for italics)
"invalid",
"keyword.operator",
"constant.numeric.css",
"keyword.other.unit.px.css",
"constant.numeric.decimal.js",
"constant.numeric.json",
"comment.block",
"entity.other.attribute-name.class.css"
],
"settings": {
"fontStyle": ""
}
}
]
},
```
### CHANGELOG
[CHANGELOG](./CHANGELOG.md)
### Suggest Editor Settings
```json
"editor.fontSize": 16,
"editor.lineHeight": 22,
"editor.fontFamily": "Operator Mono Lig",
```
### Issues & Suggestions
For any issues or suggestions, please use [GitHub issues](https://github.com/tal7aouy/theme/issues).