mdfaisal-tealcrow README
Description
This theme presents a sophisticated palette featuring teal and orange as primary colors, complemented by a range of harmonious shades. Crafted to deliver an optimal dark theme experience, it offers discerning coders clear visual cues for syntax and keyword identification. While adaptable to any programming language, it excels in enhancing the coding experience for languages and frameworks such as JavaScript, JSX, TypeScript, TSX, Vue, PHP, HTML, CSS, and SCSS.
Javascript syntax highlight
HTML body syntax highlight
Add semanticTokenColorCustomizations, tokenColorCustomizations, and the extension TODO highlight for intended experience
For best user experience for VUE/NUXT, install the TODO highlight extension by Wayou Liu, and copy paste the JSON code below into your settings.json
```json
"editor.semanticTokenColorCustomizations": {
"[Teal-Crow by Faisal]": {
"enabled": false,
"rules": {}
}
},
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": "keyword.control.conditional",
"settings": {
"foreground": "#1a967b",
"fontStyle": "bold underline"
}
},
{
"scope": "keyword.control.loop",
"settings": {
"foreground": "#985ea1",
"fontStyle": "bold underline"
}
},
{
"scope": "variable.other.object.property",
"settings": {
"foreground": "#ce6b1a"
}
},
{
"scope": "entity.name.tag, punctuation.definition.tag",
"settings": {
"foreground": "#dde6e1be"
}
},
{
"scope": "entity.name.section.vue",
"settings": {
"foreground": "#ff0000c7"
}
},
]
},
"todohighlight.isEnable": true,
"todohighlight.keywords": [
{
"text": "v-show",
"color": "#e71848",
"backgroundColor": "#000",
"overviewRulerColor": "grey"
},
{
"text": "v-if",
"color": "#1a967b",
"backgroundColor": "#000",
"overviewRulerColor": "grey"
},
{
"text": "v-else-if",
"color": "#1a967b",
"backgroundColor": "#000",
"overviewRulerColor": "grey"
},
{
"text": "v-else",
"color": "#1a967b",
"backgroundColor": "#000",
"overviewRulerColor": "grey"
},
{
"text": "v-for",
"color": "#985ea1",
"backgroundColor": "#000",
"overviewRulerColor": "grey"
},
{
"text": "div",
"color": "#7B7FA1",
"backgroundColor": "transparent",
"fontStyle": "bold",
"overviewRulerColor": "grey"
},
{
"text": "v-row",
"color": "#4B8AB4",
"backgroundColor": "transparent",
"overviewRulerColor": "grey"
},
{
"text": "v-col",
"color": "#AE517C",
"backgroundColor": "transparent",
"overviewRulerColor": "grey"
},
{
"text": "v-container",
"color": "#7B7FA1",
"backgroundColor": "transparent",
"fontStyle": "bold",
"overviewRulerColor": "grey"
}
],
## Contact
If you have any questions or requests, please feel free to contact me via:
-[LinkedLn](https://www.linkedin.com/in/md-a-faisal-2b3070139/)
-[GitHub](https://github.com/acej0k3r)
