feat: add Hatsune Miku and Snow Miku 2026 themes#35
Open
ExplodingDragon wants to merge 7 commits into
Open
Conversation
Add two native Gitea color themes inspired by the Hatsune Miku Theme (hatsune-miku-theme) — a color system traced from Miku's character design, built with perceptual color science (JzCzhz) for readability and CVD safety. - Dark: Hatsune Miku — concert hall at night. Tonic at F# (180° teal), twelve-tone chromatic hue system, soprano/mp ensemble, skirt-stage background, four-voice interactive states. - Light: Snow Miku 2026 — Shiawase Patisserie. Tonic at G (210° cyan), warm cream canvas + cool blue chrome, dual-tier ensemble (sopranino/soprano), gamut-max mp. Each color annotated with exact source references to DESIGN.md sections, core.ts character palette, and rendered theme output hex values. Registered as 'miku' series producing github-miku-dark/light/auto CSS. Screenshots marked as TODO.
lutinglt
approved these changes
Jun 9, 2026
All Gitea dark themes place nav.bg darker than body (nav recedes). The original Miku design had House (sidebar) lighter than Stage (editor) per the concert hall metaphor, but this breaks Gitea's layout intuition. Now nav.bg uses Void-tier darkness while body retains the Stage anchor. Secondary remains at House for visible borders, and menu floats at Float as a spotlight overlay.
Secondary was #23282D (House, only 9 lightness points above body #1A1F24), making borders nearly invisible. Bumped secondary.self to #2C3339 (~18pt gap), comparable to other dark themes (Gitea native #3F4248, GitHub #3D444D). Recalculated gradient steps and updated hardcoded references (projectColumnBg, expandButton, hover.opaque, console.border).
primary.self was #39C5BB (Miku canonical hair) which with white text (#FCF8F0) had only 2.0:1 contrast — button text was unreadable. Changed to hair.shadow #067C82 (CR 4.71) while preserving the canonical #39C5BB at primary.dark.num3 for link/accent text (CR 7.81 on body). Recalculated primary dark/light gradient steps from the new anchor.
.ui.green.button uses --color-green as background with white text. The former #8AF9B4 (negi bright, L≈0.60) gave CR=1.22 — unreadable. Changed self to #5A8F4A (negi stalk deepened, CR=3.63) while keeping green.light at #8AF9B4 for foreground emphasis (git added, success text). diff.added.fg, message.success.text, ansi.green remain independent.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Add two native Gitea color themes inspired by the Hatsune Miku Theme (hatsune-miku-theme) — a color system traced from Miku's character design, built with perceptual color science (JzCzhz) for readability and CVD safety.
Each color annotated with exact source references to DESIGN.md sections, core.ts character palette, and rendered theme output hex values. Registered as 'miku' series producing github-miku-dark/light/auto CSS. Screenshots marked as TODO.
dark:
light:
