88 lines
2.7 KiB
C#
88 lines
2.7 KiB
C#
|
using Godot;
|
||
|
|
|
||
|
|
namespace Theriapolis.GodotHost.UI;
|
||
|
|
|
||
|
|
/// <summary>
|
||
|
|
/// Color, font, and spacing tokens lifted from
|
||
|
|
/// <c>CharacterCreator.zip/index.html</c>'s <c>:root</c> block. Variable
|
||
|
|
/// names mirror the React prototype's CSS custom properties so the audit
|
||
|
|
/// trail is readable: --bg, --ink, --gild, --seal, etc.
|
||
|
|
///
|
||
|
|
/// Single theme ships: Dark (leather + candlelight). The React prototype
|
||
|
|
/// shipped Parchment and Blood as alternates and Compact density as a dev
|
||
|
|
/// toggle; per user direction during M5, only Dark is needed for this
|
||
|
|
/// game and the rest are dropped from scope (port plan §10 resolved
|
||
|
|
/// decisions).
|
||
|
|
/// </summary>
|
||
|
|
public struct CodexPalette
|
||
|
|
{
|
||
|
|
public Color Bg, Bg2, BgDeep, Ink, InkSoft, InkMute, Rule, Gild, Seal, Seal2, Accent;
|
||
|
|
|
||
|
|
public static readonly CodexPalette Dark = new()
|
||
|
|
{
|
||
|
|
Bg = Hex("#1c1410"),
|
||
|
|
Bg2 = Hex("#261b14"),
|
||
|
|
BgDeep = Hex("#100a07"),
|
||
|
|
Ink = Hex("#f0e2c4"),
|
||
|
|
InkSoft = Hex("#d4be90"),
|
||
|
|
InkMute = Hex("#8c7651"),
|
||
|
|
Rule = Hex("#6b5635"),
|
||
|
|
Gild = Hex("#d8a84a"),
|
||
|
|
Seal = Hex("#b03021"),
|
||
|
|
Seal2 = Hex("#7a1f12"),
|
||
|
|
Accent = Hex("#d8a84a"),
|
||
|
|
};
|
||
|
|
|
||
|
|
private static Color Hex(string s) => new(s);
|
||
|
|
}
|
||
|
|
|
||
|
|
/// <summary>
|
||
|
|
/// Spacing + radius tokens. Density is locked at "normal" per port plan
|
||
|
|
/// §10 (compact mode dropped from scope).
|
||
|
|
/// </summary>
|
||
|
|
public static class CodexSpacing
|
||
|
|
{
|
||
|
|
public const int Gap = 24; // --gap
|
||
|
|
public const int Pad = 28; // --pad
|
||
|
|
public const int Radius = 2; // --radius
|
||
|
|
}
|
||
|
|
|
||
|
|
/// <summary>
|
||
|
|
/// Font-size + letter-spacing tokens. Sizes are in px, matching the CSS.
|
||
|
|
/// Letter-spacing values are in em multiplied by 1000 (em isn't a Godot
|
||
|
|
/// concept; we use it for documentation only — see CodexTheme for actual
|
||
|
|
/// Theme constant assignment).
|
||
|
|
/// </summary>
|
||
|
|
public static class CodexType
|
||
|
|
{
|
||
|
|
// Headings (h1..h4)
|
||
|
|
public const int H1Size = 38;
|
||
|
|
public const int H2Size = 28;
|
||
|
|
public const int H3Size = 20;
|
||
|
|
public const int H4Size = 14;
|
||
|
|
|
||
|
|
// Body / display
|
||
|
|
public const int BodySize = 14;
|
||
|
|
public const int BodyLargeSize = 15;
|
||
|
|
|
||
|
|
// Mono micro-text (eyebrows, meta lines, codex-sub)
|
||
|
|
public const int MonoEyebrowSize = 11;
|
||
|
|
public const int MonoSmallSize = 10;
|
||
|
|
public const int MonoXSmallSize = 9;
|
||
|
|
|
||
|
|
// Codex title (.codex-title)
|
||
|
|
public const int CodexTitleSize = 28;
|
||
|
|
|
||
|
|
// Card components
|
||
|
|
public const int CardNameSize = 22;
|
||
|
|
public const int CardBodySize = 14;
|
||
|
|
|
||
|
|
// Buttons
|
||
|
|
public const int BtnSize = 16;
|
||
|
|
public const int BtnSmallSize = 13;
|
||
|
|
|
||
|
|
// Stepper
|
||
|
|
public const int StepperNumSize = 22;
|
||
|
|
public const int StepperNameSize = 10;
|
||
|
|
}
|