create, test, and export custom color themes for Unfckr

Every surface and token in Unfckr is driven by eleven CSS custom properties and a mode indicator. The theme builder lets you design custom themes with direct token control, automatic palette derivation, live in-app testing, and export in JSON, CSS, and shareable link formats.

how to use it

1. Start from one of the built-in presets (Blackout, Classic, Light, Cyberunc, Nord, and more) or paste a palette of hex colors to auto-derive a full palette.
2. Fine-tune the elevation ladder (bg, sunken, panel, raised), border line, text ink, and semantic accents (accent, flag, warn, info) with live visual feedback.
3. Check the live interactive preview to see how your theme styles tables, steps, badges, inputs, and selected states in real-time.
4. Click live apply to app to test your theme across the entire workbench, or export it as JSON, CSS, or a shareable link.

the token system

• Surfaces ladder: bg is the outer canvas frame, sunken is a well for inputs, panel is the main card plane, and raised is an elevated step card.
• Line & band: line defines borders and panel seams; zebra row striping (band) is automatically mixed from line and panel.
• Text & hierarchy: primary text and secondary muted ink are measured against surface panels for WCAG contrast.
• Semantic accents: accent (brand/clean), flag (errors/PII), warn (cautions/nulls), and info (links/joins) carry semantic meaning throughout the app.
• Zero server, 100% in your browser: all theme derivation, testing, and storage runs locally on your machine.

exporting and sharing

Export your theme as clean JSON, copy a ready-to-paste CSS block for your own stylesheet, or copy a shareable link that embeds the theme in the URL hash.

every tool in the box

• data workbench - profile, clean, transform, and export CSV, JSON, and SQLite - the full suite
• JSON flattener - nested JSON or NDJSON to flat columns, arrays and objects unrolled
• CSV PII scrubber - find emails, phones, SSNs, and card numbers - mask, hash, or drop them
• JSON to CSV - convert JSON or NDJSON to CSV with full column control
• CSV to JSON - convert CSV to JSON or NDJSON, streamed at any size
• Excel to CSV - read .xlsx workbooks and export CSV, sheets and all
• CSV to Excel - write a real .xlsx where leading zeros and dates survive
• SQL on CSV - real SQL over your files: joins, GROUP BY, a read-only console
• CSV to SQLite - drop several files, get one .sqlite database with discovered foreign keys
• CSV to SQL - CREATE TABLE and INSERT statements for Postgres, MySQL, SQL Server, SQLite
• JSON to TypeScript - TypeScript interfaces and JSON Schema derived from your real data
• large CSV viewer - open files past Excel's 1,048,576-row limit without loading them into RAM
• regex painter - highlight example matches, get a verified regular expression back
• encoding fixer - detect windows-1252/UTF-16 and repair garbled text (José → José)
• log parser - read log files as events: layouts detected, stack traces kept whole, timestamps normalized, and a volume-over-time strip drawn in SQL across every row
• visualize - chart any table you have open - bar, line, area or point - drag across it to filter, and export svg, png, or the vega-lite spec that drew it
• theme builder - design, test, and export custom color themes with live previews, palette derivation, and contrast diagnostics (this page)

Like every unfckr tool, this runs 100% in your browser: no upload, no servers, no signup, no analytics. A Content-Security-Policy header blocks every programmatic network channel, so not even malicious code could phone home - and you can watch it happen: the privacy page runs six live escape attempts and shows the browser refusing each one.

↑ back to the tool