ThemeForge — Code Editor Theme Builder

ThemeForge

My Dark Theme

Explorer

src

component.tsx

index.ts

package.json

tsconfig.json

src›component.tsx›Counter

import { useState, useEffect } from 'react'
 
// A comment explaining the component
interface Props {
  title: string
  count: number
}
 
function Counter({ title, count }: Props) {
  const doubled = count * 2
  const label = `${title}: ${doubled}`
 
  return (
    <div className="container">
      <h1>{label}</h1>
    </div>
  )
}

TERMINAL

PROBLEMS

OUTPUT

user@machine:~/project $ npm run dev

✔ compiled successfully in 342ms

⚠ warning: unused variable 'x'

✗ error: Cannot find module './missing'

mainTypeScript JSXUTF-8Ln 11, Col 1

Editor Colors

Background

Foreground

Line Highlight

Selection

Typography

Font Family

Font Size13px

Line Height1.6