dotUI
beta
DocsComponentsBlocksStyles
styles

random-fake

Mode

Color adjustments

3
100
100

Base colors

Neutral

Accent

Semantic colors

Success

Danger

Warning

Info

Accent emphasis

1

Tokens

Backgrounds

Variable name
Value
color-bg
color-card
color-popover
color-muted
color-inverse
color-disabled
color-neutral
color-neutral-hover
color-neutral-active
color-primary
color-primary-hover
color-primary-active
color-primary-muted
color-success
color-success-hover
color-success-active
color-success-muted
color-warning
color-warning-hover
color-warning-active
color-warning-muted
color-danger
color-danger-hover
color-danger-active
color-danger-muted
color-info
color-info-hover
color-info-active
color-info-muted
color-accent
color-accent-hover
color-accent-active
color-accent-muted
color-accent-muted-hover

Foregrounds

Variable name
Value
color-fg
color-fg-muted
color-fg-inverse
color-fg-disabled
color-fg-danger
color-fg-warning
color-fg-success
color-fg-info
color-fg-accent

Borders

Variable name
Value
color-border
color-border-hover
color-border-field
color-border-control
color-border-disabled
color-border-focus
color-border-focus-muted
color-border-success
color-border-accent
color-border-danger
color-border-warning
color-border-info
ColorsComponentsTypographyLayoutIconsEffects

Mode

Color adjustments

3
100
100

Base colors

Neutral

Accent

Semantic colors

Success

Danger

Warning

Info

Accent emphasis

1

Tokens

Backgrounds

Variable name
Value
color-bg
color-card
color-popover
color-muted
color-inverse
color-disabled
color-neutral
color-neutral-hover
color-neutral-active
color-primary
color-primary-hover
color-primary-active
color-primary-muted
color-success
color-success-hover
color-success-active
color-success-muted
color-warning
color-warning-hover
color-warning-active
color-warning-muted
color-danger
color-danger-hover
color-danger-active
color-danger-muted
color-info
color-info-hover
color-info-active
color-info-muted
color-accent
color-accent-hover
color-accent-active
color-accent-muted
color-accent-muted-hover

Foregrounds

Variable name
Value
color-fg
color-fg-muted
color-fg-inverse
color-fg-disabled
color-fg-danger
color-fg-warning
color-fg-success
color-fg-info
color-fg-accent

Borders

Variable name
Value
color-border
color-border-hover
color-border-field
color-border-control
color-border-disabled
color-border-focus
color-border-focus-muted
color-border-success
color-border-accent
color-border-danger
color-border-warning
color-border-info
dotUI
beta

Bringing singularity to the web.

Community

Built by mehdibha. The source code is available on GitHub.

minimalist style - dotUI