My Oceanic Theme
A dark theme inspired by Material Oceanic with enhanced semantic highlighting.
Features
- Semantic Highlighting — different colors for types, interfaces, classes, functions, parameters
- Vue Support — styled
<template>, <script>, <style> tags and directives
- CSS Support — pseudo-classes, variables, keyframes, units
- Clean UI — carefully selected colors for sidebar, tabs, terminal
Color Palette
| Element |
Color |
| Background |
#263238 |
| Foreground |
#C3CEE3 |
| Strings |
#C3E88D (green) |
| Functions |
#82AAFF (blue) |
| Classes |
#FFCB6B (gold) |
| Keywords |
#C792EA (purple) |
| Parameters |
#F78C6C (orange) |
| Types |
#C3E88D (green italic) |
Screenshots
Installation
- Open Extensions sidebar in VS Code (
Ctrl+Shift+X)
- Search for
My Oceanic Theme
- Click Install
Ctrl+K Ctrl+T → Select My Oceanic
Recommended Settings
{
"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true,
"editor.semanticHighlighting.enabled": true
}
License
MIT
| |
