Free & Open Source

It's time to elevate
your IDE to the next level.

Ariv Themes is the free alternative to premium VS Code themes. Hand-crafted dark themes designed for long coding sessions, because a beautiful IDE shouldn't cost a thing.

2

Dark Themes

260+

File Icons

100%

Free Forever

theme.config.ts - Ariv Dark
theme.config.ts
index.ts
theme.config.ts>default
1import { defineTheme } from "ariv-theme"
2 
3export default defineTheme({
4 name: "Ariv Dark",
5 type: "dark",
6 colors: {
7 accent: "#60a5fa",
8 statusBar: "#60a5fa20",
9 },
10 // Crafted with care for your eyes
11 icons: "material",
12 productIcons: "feather",
13})
Ariv DarkTypeScript
Ln 4, Col 1UTF-8
Theme Variants

Two curated dark themes.

Each variant is carefully crafted with its own character. Pick the one that fits your coding mood.

Ariv Dark - Visual Studio Code
App.tsx
useTheme.ts
1// Ariv Dark - Crafted for developers
2import React from "react"
3import { useTheme } from "./hooks/useTheme"
4 
5interface ThemeProps {
6 variant: "dark" | "ocean"
7}
8 
9export default function App({ variant }: ThemeProps) {
10 const theme = useTheme(variant)
11 
12 return (
13 <main style={theme.colors}>
14 <h1>Ariv Dark</h1>
15 </main>
16 )
17}
Ariv DarkTypeScript React
Ln 9, Col 1UTF-8

Warm, deep tones with golden highlights. The original Ariv experience, designed for long sessions.

How we improve your developer experience.

Let's uncover what really matters on long coding sessions.

const theme = "ariv"
const accent = "#c792ea"
// optimized for your eyes

Distraction-free color schemes.

Refined color schemes designed for long coding sessions and to help keeping your cognitive load low.

const theme = "ariv"
const accent = "#82aaff"
// optimized for your eyes

Made for dark environments.

We deliver a meticulously crafted dark-only experience, designed for long coding sessions in any lighting condition.

const theme = "ariv"
const accent = "#60a5fa"
// optimized for your eyes

Customizations (Coming Soon)

We will add settings so you can tailor every color to match your personal taste. Custom accent colors, font settings, and more - no manual JSON edits needed.

Coming Soon

Hand-curated icons for files and folders.

We ship hundreds of icons for a seamless experience without compromises.

File Iconspowered by Material Theme Icons
TypeScript
React
Vue
Python
Rust
Go
Svelte
JSON
CSS
HTML
Ym
Docker
GraphQL
Markdown
Product Iconspowered by Feather Icons

What they say.

We just launched on the VS Code Marketplace. Be one of the first to share your experience.

Freshly Launched

Ariv Themes just landed on the VS Code Marketplace. We don't have any reviews yet, but we'd love for you to be the first. Install it, take it for a spin, and let us know what you think.

Be the first to leave a rating

Share your experience with Ariv Dark.

Tell us about the Ariv Ocean variant.

How did Ariv improve your coding sessions?

Choose your tool.

Ariv Themes is available for the following apps.

Visual Studio Code

Available Now
  • Ariv Dark & Ariv Ocean variants
  • Material file & folder icons
  • Feather product icons
  • Semantic highlighting support
  • Active development & updates
  • 100% free, forever
Install for VS Code

More editors coming soon based on community demand. Vote on GitHub