Fuel your late-night coding sessions with Codeo, a meticulously crafted Visual Studio Code theme designed to boost productivity and reduce eye strain. Perfect for developers who value accessibility, Codeo’s vibrant yet balanced color palette ensures readability for everyone.
Key features:
- ✨ Optimized for low-light environments to keep you coding comfortably through the night.
- ✨ Thoughtfully designed contrasts for enhanced focus and reading comprehension.
- ✨ A touch of style with colors that dazzle without overwhelming.
Let Codeo light up your editor with a theme that’s as functional as it is beautiful. 🌙💻
- Install Visual Studio Code
- Launch Visual Studio Code
- Choose Extensions from menu
- Search for
codeo - Click Install to install it
- Click Reload to reload the Code
- From the menu bar click: Code > Preferences > Color Theme > Codeo
If you wish to disable italics, there is now a no-italic theme available. You will have access to both, select Codeo No Italics as your color theme.
This theme use contrast sparingly, which makes its application more effective. This method reduces visual noise while improving your ability to skim content efficiently. However, some design choices may not be to everyone's liking.
The separation of the editor and the sidebar, as well as the level of contrast, are frequently criticized. You can make this divide more visually distinct by customizing it. Simply copy and paste the following values into your user preferences. Feel free to customize the colors according on your needs.
"workbench.colorCustomizations": {
"[Codeo]": {
"activityBar.background": "#000C1D",
"activityBar.border": "#102a44",
"editorGroup.border": "#102a44",
"sideBar.background": "#001122",
"sideBar.border": "#102a44",
"sideBar.foreground": "#8BADC1"
},
"[Codeo (No Italics)]": {
"activityBar.background": "#000C1D",
"activityBar.border": "#102a44",
"editorGroup.border": "#102a44",
"sideBar.background": "#001122",
"sideBar.border": "#102a44",
"sideBar.foreground": "#8BADC1"
}
},
The font in the preview image is Jetbrains Mono, available here. Editor settings to activate font ligatures:
"editor.fontFamily": "Jetbrains Mono",
"editor.fontLigatures": true,