M6.7: Parchment theme pass

Lights up the M5 codex design system across the wizard. Default
palette swaps from dark leather to aged-parchment cream with
sealing-wax red selection emphasis, matching the React prototype's
default theme variant. CodexTheme.Build() is applied at the wizard
root so every step + Aside + popover cascades through it.

Theme additions:
- Parchment palette in CodexPalette (Dark retained as alt)
- Type variations registered for Card, CodexPopover, Pill,
  PillDetriment, AbilityToken, AbilitySlot, SkillRow — without
  SetTypeVariation, panel-stylebox lookup falls through to Godot's
  default dark slate, which is what was happening to every bare
  PanelContainer before this pass.
- panel_hover stylebox on Card (gild border) wired via CodexCard's
  MouseEntered/Exited helper; panel_selected bumped to 3px seal-red
  border + soft shadow so selection reads at a glance.

Card selection refactor:
- Replaced the warm-cream Modulate hint on cards with stylebox swaps
  via the new CodexCard.SetSelected helper. The Modulate approach
  was a no-op on cream-on-cream parchment; the stylebox swap looks
  the same on either palette.
- Step intros + Aside section headers now use the existing Eyebrow /
  H2 / H3 / CardName / CardMeta / CardBody label variations.
- Confirm button on Step VIII uses the PrimaryButton variation.

Popover + chip behaviour:
- PopoverLayer is now MouseFilter=Ignore so clicks/scroll/hover all
  pass through. Adjacent chips fire reliably even when the previous
  popover overlaps them spatially.
- Dropped the 80ms grace timer; chip MouseExited closes immediately.
- TraitChip MouseFilter Stop → Pass so clicks bubble up to the
  parent card's GuiInput (selecting the card).

Misc:
- Wizard._Ready inserts a backing Panel so the parchment Bg fills
  the canvas — Wizard root is a plain Control, which paints nothing.
- CodexTheme font lookup tries Cormorant-Medium before -Regular and
  globalizes res://Fonts/ for runtime FontFile load (the previous
  fallback used ContentPaths which points at a sibling data tree).
- StepStats final-score Label rendered at font_size 22 to match the
  AbilityToken die.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Christopher Wiebe
2026-05-03 22:04:24 -07:00
parent bb986d49f9
commit e3f0296e6f
17 changed files with 348 additions and 129 deletions
+21 -16
View File
@@ -21,7 +21,7 @@ namespace Theriapolis.GodotHost.Scenes.Steps;
public partial class StepClade : VBoxContainer, IStep
{
private CharacterDraft _draft = null!;
private CheckBox _hybridToggle = null!;
private Button _hybridToggle = null!;
private VBoxContainer _purebredSection = null!;
private VBoxContainer _hybridSection = null!;
private OptionButton _dominantToggle = null!;
@@ -61,8 +61,8 @@ public partial class StepClade : VBoxContainer, IStep
var intro = new VBoxContainer();
intro.AddThemeConstantOverride("separation", 6);
AddChild(intro);
intro.AddChild(new Label { Text = "FOLIO I · CLADE" });
intro.AddChild(new Label { Text = "Choose a Clade" });
intro.AddChild(new Label { Text = "FOLIO I · CLADE", ThemeTypeVariation = "Eyebrow" });
intro.AddChild(new Label { Text = "Choose a Clade", ThemeTypeVariation = "H2" });
intro.AddChild(new Label
{
Text = "The broad mammalian family of your line. Clade defines the largest "
@@ -71,10 +71,18 @@ public partial class StepClade : VBoxContainer, IStep
AutowrapMode = TextServer.AutowrapMode.WordSmart,
});
// Toggle Button (not CheckBox) so the inverted-on-press button style
// from the codex theme handles selection visually — no checkbox glyph
// needed, the bg colour shift is the affordance.
var toggleRow = new HBoxContainer();
toggleRow.AddThemeConstantOverride("separation", 12);
AddChild(toggleRow);
_hybridToggle = new CheckBox { Text = "Hybrid Origin (two parent lineages)" };
_hybridToggle = new Button
{
Text = "Hybrid Origin (two parent lineages)",
ToggleMode = true,
FocusMode = Control.FocusModeEnum.None,
};
_hybridToggle.Toggled += OnHybridToggled;
toggleRow.AddChild(_hybridToggle);
@@ -91,12 +99,12 @@ public partial class StepClade : VBoxContainer, IStep
_hybridSection.AddThemeConstantOverride("separation", 16);
AddChild(_hybridSection);
_hybridSection.AddChild(new Label { Text = "SIRE — Paternal Lineage" });
_hybridSection.AddChild(new Label { Text = "SIRE — Paternal Lineage", ThemeTypeVariation = "Eyebrow" });
var sireGrid = MakeGrid();
_hybridSection.AddChild(sireGrid);
PopulateGrid(sireGrid, _sireCards, id => OnLineageCladePicked("sire", id));
_hybridSection.AddChild(new Label { Text = "DAM — Maternal Lineage" });
_hybridSection.AddChild(new Label { Text = "DAM — Maternal Lineage", ThemeTypeVariation = "Eyebrow" });
var damGrid = MakeGrid();
_hybridSection.AddChild(damGrid);
PopulateGrid(damGrid, _damCards, id => OnLineageCladePicked("dam", id));
@@ -106,7 +114,7 @@ public partial class StepClade : VBoxContainer, IStep
_bonusSection = new VBoxContainer();
_bonusSection.AddThemeConstantOverride("separation", 8);
_hybridSection.AddChild(_bonusSection);
_bonusSection.AddChild(new Label { Text = "LINEAGE BONUSES" });
_bonusSection.AddChild(new Label { Text = "LINEAGE BONUSES", ThemeTypeVariation = "Eyebrow" });
_sireBonusRow = new HBoxContainer();
_sireBonusRow.AddThemeConstantOverride("separation", 8);
@@ -119,7 +127,7 @@ public partial class StepClade : VBoxContainer, IStep
var dominantRow = new HBoxContainer();
dominantRow.AddThemeConstantOverride("separation", 8);
_hybridSection.AddChild(dominantRow);
dominantRow.AddChild(new Label { Text = "DOMINANT LINEAGE" });
dominantRow.AddChild(new Label { Text = "DOMINANT LINEAGE", ThemeTypeVariation = "Eyebrow" });
_dominantToggle = new OptionButton();
_dominantToggle.AddItem("Sire", 0);
_dominantToggle.AddItem("Dam", 1);
@@ -253,7 +261,7 @@ public partial class StepClade : VBoxContainer, IStep
private static void UpdateSelection(Dictionary<string, PanelContainer> cards, string selectedId)
{
foreach (var (id, card) in cards)
card.Modulate = id == selectedId ? new Color(1f, 0.95f, 0.85f) : Colors.White;
CodexCard.SetSelected(card, id == selectedId);
}
private void OnPurebredCladePicked(string cladeId)
@@ -318,11 +326,8 @@ public partial class StepClade : VBoxContainer, IStep
private PanelContainer BuildCard(CladeDef clade, System.Action<string> onClick)
{
var card = new PanelContainer
{
CustomMinimumSize = new Vector2(200, 0),
MouseFilter = MouseFilterEnum.Stop,
};
var card = CodexCard.Make();
card.CustomMinimumSize = new Vector2(200, 0);
card.GuiInput += (InputEvent e) =>
{
if (e is InputEventMouseButton mb && mb.Pressed && mb.ButtonIndex == MouseButton.Left)
@@ -333,8 +338,8 @@ public partial class StepClade : VBoxContainer, IStep
box.AddThemeConstantOverride("separation", 6);
card.AddChild(box);
box.AddChild(new Label { Text = clade.Name });
box.AddChild(new Label { Text = clade.Kind.ToUpperInvariant() });
box.AddChild(new Label { Text = clade.Name, ThemeTypeVariation = "CardName" });
box.AddChild(new Label { Text = clade.Kind.ToUpperInvariant(), ThemeTypeVariation = "CardMeta" });
if (clade.AbilityMods.Count > 0)
{