← back

Not Your Style?

Don't like my Zenburn obsession? Fair enough. Restyle this page in real-time, then hit "Apply to Site" to use your theme across all of qry.zone. It's saved in your browser - my feelings won't be hurt.

Presets

Colors

Background --bg-deep

Surface --bg-surface

Elevated --bg-elevated

Accent --accent

Primary Text --text-primary

Secondary Text --text-secondary

Border --border

How it works: CSS variables (custom properties) let you define reusable values. Change --accent once, and every element using it updates. This is the foundation of theming systems.

Typography

Font Family

Border Radius: 4px

Tip: Monospace fonts give a technical feel, sans-serif feels modern, serif feels classic. Border radius controls how rounded corners are (0 = sharp, 16 = very rounded).

AI Theme Generator

Describe a vibe and generate a color palette. Runs locally in your browser via WebLLM.

Preview

Sample Card

This is how content looks with your current theme. Notice how the accent color is used for links and highlights.

Another Card

The background layers (deep → surface → elevated) create visual hierarchy without harsh contrasts.

Generated CSS

:root { --bg-deep: #1a1a1a; --bg-surface: #242424; --bg-elevated: #2e2e2e; --accent: #f0dfaf; --text-primary: #dcdccc; --text-secondary: #8c8c8c; --border: #3f3f3f; }