← Back to CSSKitsune

Godot UI Theming with Japanese Aesthetics

Map Shizen tokens to Godot 4 theme colors and constants.

Godot’s theme system (Theme resources, colors, constants) lines up well with a token-based design system. You can plug Shizen palette and spacing values into your theme so menus, buttons, and panels get a consistent Japanese minimal look. This page gives you the values and a prompt for AI-assisted theme setup.

Wabi-Sabi palette (Godot colors)

Use these in your Theme resource or in a script that sets theme overrides. Godot uses hex without the leading # in some contexts; use Color() with normalized values or hex strings as needed.

# Wabi-Sabi — use in Theme or theme override
# Background / panel
font_color_normal / bg:  #F5F0E8  (paper)
# Text
font_color / text:       #2C2C2C
font_color_muted:        #6B6B6B
# Accent (buttons, highlights)
font_color_hover / accent: #8B7355
# Border
border_color:            #D4CFC4

Spacing (ma-ratio)

Shizen uses 4/8/16/32/64px. In Godot, map these to theme constants (e.g. separation, custom constants) or use them as reference for margin/padding in your UI layout.

# Theme constants (example names)
separation = 8   # or 16 for larger gaps
h_separation = 8
v_separation = 8
# Scale: 4, 8, 16, 32, 64

Prompt for AI-assisted theme setup

When using Cursor or Claude to generate or adjust a Godot theme, paste this so the style stays consistent.

For Godot 4 Theme resource: Japanese minimal (wabi-sabi). Colors: background/panel #F5F0E8, text #2C2C2C, accent/hover #8B7355, muted #6B6B6B, border #D4CFC4. Use light font weight where possible. Spacing constants: 4, 8, 16, 32, 64. No gradients; flat or 1px shadow only.

Yoru (night) for dark UI

For a dark game UI or settings screen:

# Yoru palette
bg:      #1E2A3A
text:    #F5F0E8
accent:  #7B9BB0
muted:   #9BA8B5
border:  #3A4A5A

Apply these to your default theme or a secondary theme resource and assign the theme to your root control or specific nodes.

All palettes: Use the Shizen Prompt Builder and select “Godot Engine” to get a prompt for Shinto, Sakura, Edo Ink, or Yoru. The spec has the full token list.

Shinto Wisdom app icon
Free App · No Ads · Offline

Shinto Wisdom Daily Practice

by 10k Game Studio

Every day, one teaching. One moment of stillness.
Kanji, meaning, and a quiet reflection — rooted in the philosophy behind Japan's forests, seasons, and sacred silences.

結び Musubi 清め Harae 自然 Shizen 間 Ma 誠 Makoto + 45 more
Get it on Google Play