Dusk Office
Dark themes for Visual Studio Code and Cursor.
Publisher: DEKI
Marketplace: dekidev.dusk-office
Overview
Dusk Office is a theme pack with clean contrast, readable syntax, and an optional icon theme.
It includes dark, light, warm, and high-contrast variants for daily use.
Highlights
- Dark themes for daily work
- Cohesive editor and workbench styling
- Optional product icon theme
- Control Center for quick theme actions
- Auto switch by hour
- Favorite theme on startup
- Per-workspace theme memory
- Status bar switcher
- Semantic highlighting and TextMate token styling
- Variants for dark, light, warm, and high-contrast setups
- Good editor defaults
Included Themes
| Theme |
Style |
| Dusk Office |
Core dark theme with cyan and pink accents. |
| Dusk Office Abyss |
Deep blue night palette with vivid cyan highlights. |
| Dusk Office Dawn |
Brighter dark surfaces with bold syntax contrast. |
| Dusk Office Bay |
Lagoon-inspired green tones and fresh chrome. |
| Dusk Office Mist |
Slate blue-gray palette with balanced contrast. |
| Dusk Office Ash |
Neutral gray theme with a clean console feel. |
| Dusk Office Midnight |
Very dark variant, ideal for OLED-style setups. |
| Dusk Office Nebula |
Purple and mauve accents with a richer atmosphere. |
| Dusk Office Reef |
Bright cyan neon energy and stronger borders. |
| Dusk Office Nocturne |
Smooth dark variant for a calmer night workflow. |
| Dusk Office Finance |
Professional dark styling with restrained accents. |
| Dusk Office Corporate |
Clean business-oriented dark palette. |
| Dusk Office Light |
Cool, neutral light theme for daytime work. |
| Dusk Office Ivory |
Warm paper-like light theme with copper accents. |
| Dusk Office Dark Ivory |
Warm dark companion to Ivory with cream text. |
| Dusk Office High Contrast |
Stronger separation and clearer focus states. |
Installation
From the Marketplace
- Open the Extensions panel.
- Search for
Dusk Office, dekidev.dusk-office, or dusk office.
- Click Install.
From a VSIX
- Open Extensions.
- Open the
... menu.
- Choose Install from VSIX...
- Select your generated
dusk-office-*.vsix file.
Usage
To enable a theme:
- Open Preferences: Color Theme
- Select any
Dusk Office variant
The extension also ships with editor-friendly defaults such as semantic highlighting, minimap, guides, and sticky scroll. User and workspace settings can override them.
Control Center
Open the Command Palette and run Dusk Office: Control Center to:
- switch theme variants
- go back to the previous theme
- save and restore a favorite theme
- toggle auto switch
- check the saved workspace theme
- enable or disable
Dusk Office Icons
- open settings
Dusk Office also includes:
- auto switch between light and dark variants by hour
- optional favorite theme restore on startup
- workspace theme memory for different projects
- a status bar button that opens the Control Center
Settings
Available extension settings:
duskOffice.applyFavoriteOnStartupduskOffice.rememberWorkspaceThemeduskOffice.statusBar.enabledduskOffice.autoSwitch.enabledduskOffice.autoSwitch.lightThemeduskOffice.autoSwitch.darkThemeduskOffice.autoSwitch.lightHourduskOffice.autoSwitch.darkHour
To enable the optional icon set:
- Open Preferences: Product Icon Theme
- Select
Dusk Office Icons
The icon theme lightly restyles core product icons while staying close to native VS Code shapes.
Recommended Variants
- Dusk Office Midnight for a very dark, focused setup
- Dusk Office Abyss for vivid blue-cyan contrast
- Dusk Office Finance for a professional dark workspace with restrained accents
- Dusk Office Ivory for a warm light reading experience
- Dusk Office High Contrast for stronger visual separation
Local Development
Requirements
- Node.js LTS
- VS Code or Cursor
1.85+
Build
npm install
npm run make:release:no-bump
This creates a file like dusk-office-0.7.11.vsix and keeps only the current VSIX in the project root.
Install Locally
npm run install-vsix
Common local workflows:
npm run make:full
npm run release:patch:install
If make is available, you can also use:
make reinstall
For VS Code instead of Cursor:
make reinstall EDITOR=code
Screenshots
These images use public https URLs so they can render in the VS Code and Cursor Marketplace.
If GitHub does not show them immediately, open the local files from the repository:
full window ·
focused editor ·
workbench overview
Repository
