Theme editor

Design your Codex theme.

Start with the essentials. Switch to Advanced when you want full control.

Choose a preset

Pick a starting point that feels close to your setup

Custom artworkOptional visual inspiration for the preview

Drop an image hereor click to browse · PNG, JPG, WebP · max 16 MB

Set the identity and overall contrast

Theme name Tagline

Accent Buttons & active states #8CFF65 Background depth50%

Background Main canvas before brightness #081017 Foreground Primary text #EFFBF3

Syntax blue CLI strings & links #54D7FF Syntax violet CLI keywords #8C5CFF

Appearance

Preview-only effects for shaping the mood

Image overlay56% Panel blur18 px Image saturation92% Corner radius24 px

Artwork position

100

All essential colors are easy to read

CodexTheme Workspace

A calmer place to ship ambitious work.

Explore and understand code

Build a new feature, app, or tool

Review code and suggest changes

Fix issues and failures

Do anything

＋Ask for approval

Local ▾ ↑ Preview only

Working locally

YOU

Build a premium landing page for an AI portfolio generator. Keep it clean, visual, and conversion-focused.

CODEXTHEME

I’ll create a responsive product page with a focused hero, workflow preview, social proof, and clear pricing.

index.html

<main class="portfolio-generator">
  <section class="hero">
    <h1>From screens to story.</h1>
  </section>
</main>

Created 3 files · No external dependencies

Reply with an adjustment…

＋Local ▾

Preview only