Dark Slot

A VS Code theme inspired by the Slot Dark KDE Plasma theme. Available in dark and light variants.

Dark Slot Theme Preview

About

Dark Slot is a small theme I made to bring the Slot Dark KDE Plasma vibe to VS Code. The dark variant uses deep navy backgrounds and 8 preset accents (and custom one); Light Slot is included for a brighter option.

Features

Dark and Light variants — Choose the style that suits your environment
Customizable accent color — Pick from 8 presets or enter any hex color
Deep navy backgrounds with subtle blue undertones (dark) or clean light grays (light)
Teal accent color for selections, cursor, and highlights
Italic styling for comments, keywords, and decorators
Full semantic highlighting support
Carefully balanced contrast for accessibility

Accent Color Picker

Click the paintcan icon in the status bar to change the accent color. The picker appears only when Dark Slot or Light Slot is active.

Preset colors: Green (default), Blue, Purple, Orange, Pink, Cyan, Red, Teal

You can also enter a custom hex color. Changes apply instantly without reloading.

Accent Color Picker

Available Presets

Name	Hex	Preview
Green	`#2ecc71`
Blue	`#3498db`
Purple	`#9b59b6`
Orange	`#e67e22`
Pink	`#e91e63`
Cyan	`#00bcd4`
Red	`#e74c3c`
Teal	`#009688`

Installation

Marketplace

Open Extensions (Ctrl+Shift+X)
Search for Dark Slot
Click Install
Select Dark Slot from the theme picker (Ctrl+K Ctrl+T)

Manual

git clone https://github.com/DarkoKuzmanovic/vscode-dark-slot.git ~/.vscode/extensions/dark-slot

Restart VS Code and select Dark Slot from the theme picker.

Color Palette

Element	Color	Preview
Background	`#182030`
Sidebar	`#141923`
Accent	`#2ecc71`
Foreground	`#c9d1d9`
Comments	`#5c6370`
Keywords	`#c678dd`
Strings	`#98c379`
Functions	`#61afef`

Settings

Setting	Default	Description
`darkSlot.accentColor`	`#2ecc71`	Accent color for UI elements

Recommended Editor Settings

{
  "editor.fontLigatures": true,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.smoothScrolling": true
}

Contributing

Found an issue or have a suggestion? Open an issue or submit a pull request.

Development

Clone the repository
Open in VS Code
Press F5 to launch the Extension Development Host
Make changes to themes/dark-slot-color-theme.json
Reload the window (Ctrl+R) to see changes

Acknowledgments

Inspired by the Slot Dark KDE Plasma theme

License

MIT - Darko Kuzmanovic