Kokedera

Kokedera

Bring the quiet of a moss-covered temple into your workspace. Nine color palettes for editors, terminals, and notes, with matching file icons for VS Code, JetBrains, and Zed.

A moss-grown temple of round stone towers and arched bridges stands in the roots of a colossal world tree; far above its crown, a small island drifts among the clouds.

The hall of nine lights · Level II

Color themes

Forest greens, weathered stone, and warm lantern light, gathered into seven dark palettes and two light palettes.

Dusk · The First Dark Green

As daylight fades, deep forest greens settle over the stone paths. The golem lights the lanterns, adding warm amber to the temple's evening colors.

Kokedera Dusk palette
RoleHex
BackgroundEditor background#121a11
SurfacePanels, sidebars#1a2619
SelectionSelected text#2a3d26
BorderBorders, dividers#3a4a35
Primary TextMain text#c8d8b8
Muted TextSecondary text#7a9070
CommentsComments, disabled#4a5a44
KeywordsKeywords, operators#4ca64c
CursorCursor, active items#5ae65a
FunctionsFunctions, methods#8fbf6f
TypesTypes, interfaces#3d9970
StringsStrings, literals#d4c88e
NumbersNumbers, constants#c49a5c
WarningsWarnings, hints#bfa243
ErrorsErrors, deletions#c45a5a
SpecialRegex, escape chars#9a7abf
The hollow trunk · Level III

A place to rest within the tree

Within the World Tree, the keepers built a temple beside a falling stream. Moss softens the stone; lanterns mark the bridges and sheltered rooms. A small stone golem keeps the path alight.

Nine palettes remember this place in changing light, seasons, and weather. The file icons borrow the small signs carved into its shelves and doors.

Follow the shelves down to the lantern workshop. Beyond it, the stream reaches the pool at the root gate.

The trunk archive · Level IV

File icons

File and folder icons drawn from the temple’s carved signs, with nine color sets to match the themes. Available for VS Code, JetBrains, and Zed.

Through the trunk archive

Clear signs at every turn

Along the archive walkways, every doorway has its own mark. Distinct shapes help you find languages, web files, and configuration at a glance.

Languages

Distinct shapes for programming languages, recolored in the Kokedera palette so you can recognize a file before reading its name.

  • JavaScript
  • TypeScript
  • JSX / TSX
  • Python
  • Rust
  • Go
  • C
  • C++
  • Java
  • Kotlin
  • Ruby
  • PHP
  • Swift
  • Zig
  • Elixir
  • Lua
  • Scala
  • SQL
  • Shell
  • PowerShell
  • Julia
  • Nim
  • Solidity
  • GDScript
  • WASM
  • Gleam
  • C#
  • Dart
  • Haskell
  • R
  • Perl
  • Clojure
  • TS Definition

Web & markup

Related icons for markup, styles, and components, with enough variation to tell neighboring web files apart.

  • JSX / TSX
  • HTML
  • CSS
  • SCSS
  • Vue
  • Svelte
  • Astro
  • SVG
  • Storybook
  • HTTP
  • Less
  • Angular
  • Handlebars
  • EJS

Config & data

Simple, recognizable symbols for configuration and data files, using the same quiet colors as the rest of the project tree.

  • SQL
  • JSON
  • YAML
  • TOML
  • XML
  • GraphQL
  • Env
  • CSV
  • Protobuf
  • Env Local
The lantern library

Shelves cut into the grain

Maps and travelers’ notes rest beside the workshop records. Their shelf marks become icons for documentation, builds, and development tools.

DevOps

Icons for builds, containers, deployment, and version control, with familiar shapes in moss greens and stone tones.

  • Dockerfile
  • Kubernetes
  • Terraform
  • Nginx
  • Nix
  • Docker Compose
  • GitHub Actions
  • GitLab CI
  • Jenkinsfile
  • Makefile

Docs

Page and document shapes help distinguish notes, guides, and other written material from source code.

  • Markdown
  • README
  • LICENSE
  • PDF
  • TXT
  • RST
  • LaTeX
  • Changelog
  • MDX

Tooling

Familiar symbols for development tools and their files, recolored in moss, stone, and lantern light.

  • ESLint
  • Prettier
  • Webpack
  • Vite
  • Tailwind
  • Next.js
  • Jupyter
  • Key
  • Prisma
  • Git
  • Package
  • Lockfile
  • Node.js
  • Bun
  • Deno
  • Yarn
  • pnpm
  • Storybook
  • Test
  • Build
  • EditorConfig
  • Babel
  • NPM Ignore
  • Sourcemap
The lower shelves

Small signs for the way ahead

The lower shelves lead toward the lantern workshop. Media, folders, and navigation share familiar shapes in moss, stone, and lantern colors.

Media

Images, audio, and video use distinct silhouettes and brighter accents within the shared palette.

  • Image
  • Font
  • Audio
  • Video
  • Archive
  • 3D Model

Folders

A shared folder silhouette keeps the tree consistent, while small details identify common project directories.

  • Folder
  • Src
  • Lib
  • Tests
  • Public
  • Node Modules
  • Components
  • Assets
  • Config
  • Scripts
  • Docs
  • Styles
  • Hooks
  • Utils
  • API
  • Database
  • Docker
  • Pages
  • Types
  • Build/Dist
  • .git
  • .github
  • Folder Open
  • API Folder Open
  • Assets Folder Open
  • Build Folder Open
  • Components Folder Open
  • Config Folder Open
  • Database Folder Open
  • Docker Folder Open
  • Docs Folder Open
  • Git Folder Open
  • GitHub Folder Open
  • Hooks Folder Open
  • Lib Folder Open
  • Node Modules Folder Open
  • Pages Folder Open
  • Public Folder Open
  • Scripts Folder Open
  • Src Folder Open
  • Styles Folder Open
  • Tests Folder Open
  • Types Folder Open
  • Utils Folder Open

UI

Simple arrows and interface symbols complete the set with the same shapes and colors as the file icons.

  • Chevron
  • Default File
  • Error
  • Chevron Open

The lantern workshop · Level V

A light for
your workspace

Nine palettes and matching file icons.
A little of the temple, wherever you create.

Themes & file icons

More editors

Terminal & CLI

Terminal themes

Ghostty, Windows Terminal, iTerm2, Apple Terminal, kitty, Alacritty, WezTerm, Warp, foot, Konsole, XFCE Terminal, Terminator, PuTTY, MobaXterm, and Termux.

Notes & desktop

Versions and counts reflect the latest available check. Marketplace counts may include updates; GitHub installs aren't tracked.

The root gate · Level VI

The keeper’s desk

The path grows quiet here. Beside the pool, one last lantern glows.

A little quiet to take with you

The little golem waves from beside the pool. Carry a little of this quiet with you, wherever your path leads next.

There will always be a lantern lit for you here.