Goshtoso

Theme Settings

Goshtoso ships ready-to-use themes built on Tailwind v4 CSS variables. Pick one as-is, tweak its fonts, radius, or colors live, then export the CSS to drop into your own project.

Reset every font, radius, and color override?
Cleared.

Themes

Typography

Title Font Family
Body Font Family

Picking a font lazy-loads it from Google Fonts. Choose "Default" to fall back to the active theme's font.

Border

Border Color
Border Radius

Colors

Each role is a base color (Surface, Primary) paired with an On color for text and icons placed on top of it. Hover any row to see what it paints.

Light Mode Colors

Dark Mode Colors

Shared Colors

Theme Showcase

Main Title

Primary Subtitle

The Goshtoso color palette consists of 28 different colors that you can customize and assign from the Tailwind CSS color options.

Secondary Subtitle

There are 10 different color options for each light and dark mode, with 8 colors shared across both modes.

Buttons
Progress
Steps
2 3 4
Toggles
Avatars
BUPKIHQUU

Update Available

A new version is available. Please update to the latest version.

Color Contrast Checker

Select a color to check its contrast with the rest of the colors in the current theme.

The quick brown fox jumps over the lazy dog.

Get CSS Code

Copy the code below and paste it into your CSS file. Pick a single theme or export every theme wrapped in a shared @layer base block.

Theme CSS