Skip to content

feat(web): add dark tile theme with toggle#17

Merged
rysb-dev merged 1 commit intomainfrom
feature/dark-tiles
Feb 6, 2026
Merged

feat(web): add dark tile theme with toggle#17
rysb-dev merged 1 commit intomainfrom
feature/dark-tiles

Conversation

@rysb-dev
Copy link
Copy Markdown
Owner

@rysb-dev rysb-dev commented Feb 6, 2026

Summary

Adds support for dark-themed mahjong tiles with a user-selectable toggle in the header.

Changes

  • New dark tile assets - Complete set of 40 dark tile SVGs in tiles_dark/
  • Tile theme store - New tileTheme store with localStorage persistence (similar to locale)
  • TileThemeSwitcher component - Dropdown to toggle between light/dark tiles
  • Updated Tile component - Dynamically loads light or dark tiles based on theme
  • i18n support - Translations for tile theme labels in English and Japanese
  • UI improvements - Settings (tile theme + language) grouped and right-aligned in header

Default Behavior

  • New users default to dark tiles
  • Preference persists across page refreshes via localStorage

Screenshots

The dark tiles feature a charcoal background (#1e1e1e) with subtle 3D lighting effects that complement the app's dark theme.

image

- Add dark tile SVG assets in tiles_dark/
- Create tileTheme store with localStorage persistence
- Add TileThemeSwitcher component in header
- Support both light and dark tile themes in Tile component
- Add i18n translations for tile theme (en/ja)
- Default to dark theme for new users
- Group theme and language selectors on right side of header
@rysb-dev rysb-dev merged commit 8cab2e2 into main Feb 6, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant