KokederaBring the quiet of a moss-covered temple into your editor. Nine color themes and 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.
Dusk · The First Dark Green
Color Themes
Kokedera offers nine hand-tuned color themes inspired by forest greens, weathered stone, and warm lantern light — seven dark palettes and two light palettes.
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.
A place to rest among the roots
Kokedera rests within the hollow of the World Tree, among its great roots. A stream falls from the distant island above the crown and gathers in a pool below. Moss covers the damp stone. The temple's keepers built steps, bridges, and sheltered rooms beside the water, giving travelers a quiet place to rest. A small stone golem tends the lanterns along the path.
The same temple changes with the hour, the season, and the weather. The keepers gathered nine studies of its colors in the hall of nine lights, from warm morning stone to autumn leaves and rain on the moss. These became Kokedera's nine palettes. The signs on the archive shelves and workshop doors inspired the file icons: simple shapes that help you find what you need.
Below the hall, the path follows the roots to the archive and the pool. The lanterns will lead you down to the gate.
File Icons
Kokedera Icons offers file and folder icons inspired by forest greens, weathered stone, and warm lantern light — nine sets matching Kokedera Theme.
Clear signs at every turn
Carved signs guide visitors where the root paths divide. The same idea shapes these icons: distinct symbols for languages, web files, and configuration, easy to recognize 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
Shelves cut into the grain
Lanterns hang above the archive shelves, where maps and travelers' notes are kept. The nearby workshop has its own signs for tools and supplies. Their simple forms inspire the 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
- 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
Marks kept over still water
The stream gathers in the root pool beside the path to the gate. Here the gallery brings together icons for media, folders, and navigation: familiar shapes in the same 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
Install
Take a little of the temple's quiet with you. Choose Kokedera Theme, Kokedera Icons, or both for your editor.