Aurora Theme
Professional Developer Themes for Visual Studio Code
Aurora Theme features carefully curated color palettes designed for enhanced productivity and reduced eye strain during long coding sessions. Choose from 7 dark variants and 5 light variants to match your preferred working environment.
Theme Variants
Dark Themes (7 variants)
| Theme Name |
Description |
Best For |
| Aurora Dark Primary |
Flagship dark theme with purple accents |
All-day coding |
| Aurora Dark Pycharm |
PyCharm/IntelliJ style theme |
IDE migrants |
| Aurora Dark Ocean |
Blue-green Vue.js inspired theme |
Modern web dev |
| Aurora Dark Contrast |
High contrast accessibility theme |
Visual clarity |
| Aurora Dark Night |
Deep dark for late night coding |
Night owls |
| Aurora Dark Minimal |
Simplified, distraction-free |
Minimalist developers |
| Aurora Dark Deep |
Rich, vibrant colors |
Color enthusiasts |
Light Themes (5 variants)
| Theme Name |
Description |
Best For |
| Aurora Light Primary |
Flagship light theme |
Office environments |
| Aurora Light Day |
Bright and clean |
Daylight coding |
| Aurora Light Studio |
Professional IDE style |
Enterprise development |
| Aurora Light Paper |
Warm, document-like |
Reading-focused work |
| Aurora Light Soft |
Gentle on eyes |
Extended sessions |
Features
✓ 12 Curated Themes - Carefully selected color palettes
✓ High Contrast Options - Accessibility-focused variants
✓ Eye-Care Certified - Reduced blue light in dark themes
✓ Language Agnostic - Consistent across all programming languages
✓ Modern Framework Support - Optimized for TypeScript, JavaScript, Python, and more
✓ Regular Updates - Continuous improvements based on feedback
Recommended Settings
This extension for Visual Studio Code adds themes titled "Md Abdur Rakib Theme". There are dark, dark with no italics, and light themes.
I personally use the dark themes for most occasions, but find the light theme good on some dimmer projectors when I present.
See the CHANGELOG for the latest changes.
The themes also support an italicized version, with fonts that supports cursive italicized fonts.
Installation
Quick Install
- Open VS Code Extensions sidebar (Ctrl+Shift+X)
- Search for "Aurora Theme"
- Click Install
- Press Ctrl+K Ctrl+T to open theme selector
- Select your preferred Aurora variant
- 🌟 Rate 5-stars if you love it!
Keyboard Shortcut Method
# Open theme picker
Ctrl+K Ctrl+T
# Type "Aurora" to filter themes
# Use arrow keys to preview, Enter to select
Recommended Settings
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": {
"[Theme]": {
"textMateRules": [
{
"scope": [
"source.python"
],
"settings": {
"foreground": "#e06c75"
}
}
]
}
}
Italic
You could set this in your setting.json to make code be italic
"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": ""
}
}
]
},
About the Author
Aurora Theme is created and maintained by Md Abdur Rakib - a passionate web developer dedicated to creating efficient and practical development tools.
Connect with the Author
Enjoy using Aurora Theme! Happy coding! 🚀
