feat(ui): m5 shard-website design pass
All checks were successful
PR Checks / android-build (pull_request) Successful in 10m6s

Restyle every Android screen with the shard-website theme from the
"Runic Gateway Screens" design (docs/android/PLAN.md §M5): deep blue-black
surfaces, a slate-blue accent, parchment serif body copy, and an engraved
Cinzel serif display face. The app is now dark-only, matching the design.

Theme layer (propagates to all token-based screens):
- Color.kt: replace the placeholder purple palette with named shard tokens.
- Theme.kt: one dark color scheme mapped onto the palette + 8/12/16dp shapes;
  drop the light branch; keep optional per-shard brand-accent seeding.
- Type.kt: full type scale — Cinzel display/headline/title, serif body,
  letter-spaced sans labels/buttons.
- Font.kt + res/font/cinzel_variable.ttf (SIL OFL, app/licenses/Cinzel-OFL.txt):
  the Cinzel display family, pinned to 500/600/700 via FontVariation.

Shared components (ui/components/ThemeComponents.kt): StatusPill (semantic
tones), OnlineDot, SectionLabel, FeatureCard (gradient), StatBar — adopted
across Home, Account, Shard hub, Champs, Characters, Houses, and the
character sheet (vitals/skills meters).

Shell: dark top-bar + drawer styling; dark launch theme and light system-bar
icons so the first frame matches (no white flash).

Build (assembleDebug) and unit tests green.

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NgyHnrNa8WwG3doxvxjuCr
This commit is contained in:
2026-07-20 01:51:51 -05:00
parent 2e1bea4220
commit 52e06da8fc
20 changed files with 615 additions and 142 deletions

Binary file not shown.

View File

@@ -2,4 +2,7 @@
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
<resources>
<color name="ic_launcher_background">#1B1033</color>
<!-- M5 design pass: the shard-website page color, used as the launch window
background so the first frame matches the dark Compose theme (no white flash). -->
<color name="launch_background">#0B0F14</color>
</resources>

View File

@@ -143,6 +143,7 @@
<string name="player_char_governor">Governor of %1$s</string>
<string name="player_char_guildmaster">Guildmaster, %1$s</string>
<string name="player_char_attributes">Attributes</string>
<string name="player_char_vitals">Vitals</string>
<string name="player_char_str">STR</string>
<string name="player_char_dex">DEX</string>
<string name="player_char_int">INT</string>

View File

@@ -6,5 +6,11 @@
background / status-bar behavior for launch.
-->
<resources>
<style name="Theme.RunicGateway" parent="android:Theme.Material.Light.NoActionBar" />
<!-- Dark launch theme (the app is dark-only, M5). Sets the window background to the
page color so the pre-Compose frame matches; Compose owns the live UI theme. -->
<style name="Theme.RunicGateway" parent="android:Theme.Material.NoActionBar">
<item name="android:windowBackground">@color/launch_background</item>
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:navigationBarColor">@android:color/transparent</item>
</style>
</resources>