feat(web): add classic/dark card theme picker

Browse Source

- Reorganise card PNGs into assets/cards/faces/{classic,dark}/ and
  assets/cards/backs/{classic,dark}/
- Rasterise dark SVG theme alongside existing classic set
- Add "Dark / Classic" toggle button in the game HUD; persists to
  localStorage as fs_theme (defaults to classic)
- Preload both themes on page load so switching is instant

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

...

This commit is contained in:

funman300

2026-05-14 16:55:43 -07:00

parent 2bf990388b

commit 8d31a37a39

113 changed files with 51 additions and 32 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

assets/cards/backs/back_0.png → assets/cards/backs/classic/back_0.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.3 KiB After Width:  |  Height:  |  Size: 6.3 KiB

assets/cards/backs/back_1.png → assets/cards/backs/classic/back_1.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 3.1 KiB After Width:  |  Height:  |  Size: 3.1 KiB

assets/cards/backs/back_2.png → assets/cards/backs/classic/back_2.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 3.1 KiB After Width:  |  Height:  |  Size: 3.1 KiB

assets/cards/backs/back_3.png → assets/cards/backs/classic/back_3.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 3.1 KiB After Width:  |  Height:  |  Size: 3.1 KiB

assets/cards/backs/back_4.png → assets/cards/backs/classic/back_4.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 3.1 KiB After Width:  |  Height:  |  Size: 3.1 KiB

assets/cards/backs/dark/back_0.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 3.4 KiB

assets/cards/faces/10C.png → assets/cards/faces/classic/10C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.8 KiB After Width:  |  Height:  |  Size: 6.8 KiB

assets/cards/faces/10D.png → assets/cards/faces/classic/10D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.4 KiB After Width:  |  Height:  |  Size: 5.4 KiB

assets/cards/faces/10H.png → assets/cards/faces/classic/10H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.8 KiB After Width:  |  Height:  |  Size: 6.8 KiB

assets/cards/faces/10S.png → assets/cards/faces/classic/10S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.8 KiB After Width:  |  Height:  |  Size: 6.8 KiB

assets/cards/faces/2C.png → assets/cards/faces/classic/2C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.0 KiB After Width:  |  Height:  |  Size: 6.0 KiB

assets/cards/faces/2D.png → assets/cards/faces/classic/2D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 4.7 KiB After Width:  |  Height:  |  Size: 4.7 KiB

assets/cards/faces/2H.png → assets/cards/faces/classic/2H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.1 KiB After Width:  |  Height:  |  Size: 6.1 KiB

assets/cards/faces/2S.png → assets/cards/faces/classic/2S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.1 KiB After Width:  |  Height:  |  Size: 6.1 KiB

assets/cards/faces/3C.png → assets/cards/faces/classic/3C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.3 KiB After Width:  |  Height:  |  Size: 6.3 KiB

assets/cards/faces/3D.png → assets/cards/faces/classic/3D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.0 KiB After Width:  |  Height:  |  Size: 5.0 KiB

assets/cards/faces/3H.png → assets/cards/faces/classic/3H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.4 KiB After Width:  |  Height:  |  Size: 6.4 KiB

assets/cards/faces/3S.png → assets/cards/faces/classic/3S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.4 KiB After Width:  |  Height:  |  Size: 6.4 KiB

assets/cards/faces/4C.png → assets/cards/faces/classic/4C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.6 KiB After Width:  |  Height:  |  Size: 5.6 KiB

assets/cards/faces/4D.png → assets/cards/faces/classic/4D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 4.2 KiB After Width:  |  Height:  |  Size: 4.2 KiB

assets/cards/faces/4H.png → assets/cards/faces/classic/4H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.7 KiB After Width:  |  Height:  |  Size: 5.7 KiB

assets/cards/faces/4S.png → assets/cards/faces/classic/4S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.7 KiB After Width:  |  Height:  |  Size: 5.7 KiB

assets/cards/faces/5C.png → assets/cards/faces/classic/5C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.0 KiB After Width:  |  Height:  |  Size: 6.0 KiB

assets/cards/faces/5D.png → assets/cards/faces/classic/5D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 4.6 KiB After Width:  |  Height:  |  Size: 4.6 KiB

assets/cards/faces/5H.png → assets/cards/faces/classic/5H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.0 KiB After Width:  |  Height:  |  Size: 6.0 KiB

assets/cards/faces/5S.png → assets/cards/faces/classic/5S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.1 KiB After Width:  |  Height:  |  Size: 6.1 KiB

assets/cards/faces/6C.png → assets/cards/faces/classic/6C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.4 KiB After Width:  |  Height:  |  Size: 6.4 KiB

assets/cards/faces/6D.png → assets/cards/faces/classic/6D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.0 KiB After Width:  |  Height:  |  Size: 5.0 KiB

assets/cards/faces/6H.png → assets/cards/faces/classic/6H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.5 KiB After Width:  |  Height:  |  Size: 6.5 KiB

assets/cards/faces/6S.png → assets/cards/faces/classic/6S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.5 KiB After Width:  |  Height:  |  Size: 6.5 KiB

assets/cards/faces/7C.png → assets/cards/faces/classic/7C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.6 KiB After Width:  |  Height:  |  Size: 5.6 KiB

assets/cards/faces/7D.png → assets/cards/faces/classic/7D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 4.2 KiB After Width:  |  Height:  |  Size: 4.2 KiB

assets/cards/faces/7H.png → assets/cards/faces/classic/7H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.7 KiB After Width:  |  Height:  |  Size: 5.7 KiB

assets/cards/faces/7S.png → assets/cards/faces/classic/7S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.7 KiB After Width:  |  Height:  |  Size: 5.7 KiB

assets/cards/faces/8C.png → assets/cards/faces/classic/8C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.6 KiB After Width:  |  Height:  |  Size: 6.6 KiB

assets/cards/faces/8D.png → assets/cards/faces/classic/8D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.3 KiB After Width:  |  Height:  |  Size: 5.3 KiB

assets/cards/faces/8H.png → assets/cards/faces/classic/8H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.7 KiB After Width:  |  Height:  |  Size: 6.7 KiB

assets/cards/faces/8S.png → assets/cards/faces/classic/8S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.7 KiB After Width:  |  Height:  |  Size: 6.7 KiB

assets/cards/faces/9C.png → assets/cards/faces/classic/9C.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.4 KiB After Width:  |  Height:  |  Size: 6.4 KiB

assets/cards/faces/9D.png → assets/cards/faces/classic/9D.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.0 KiB After Width:  |  Height:  |  Size: 5.0 KiB

assets/cards/faces/9H.png → assets/cards/faces/classic/9H.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.4 KiB After Width:  |  Height:  |  Size: 6.4 KiB

assets/cards/faces/9S.png → assets/cards/faces/classic/9S.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.5 KiB After Width:  |  Height:  |  Size: 6.5 KiB

assets/cards/faces/AC.png → assets/cards/faces/classic/AC.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.0 KiB After Width:  |  Height:  |  Size: 6.0 KiB

assets/cards/faces/AD.png → assets/cards/faces/classic/AD.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 4.6 KiB After Width:  |  Height:  |  Size: 4.6 KiB

assets/cards/faces/AH.png → assets/cards/faces/classic/AH.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.1 KiB After Width:  |  Height:  |  Size: 6.1 KiB

assets/cards/faces/AS.png → assets/cards/faces/classic/AS.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.1 KiB After Width:  |  Height:  |  Size: 6.1 KiB

assets/cards/faces/JC.png → assets/cards/faces/classic/JC.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.2 KiB After Width:  |  Height:  |  Size: 5.2 KiB

assets/cards/faces/JD.png → assets/cards/faces/classic/JD.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 3.8 KiB After Width:  |  Height:  |  Size: 3.8 KiB

assets/cards/faces/JH.png → assets/cards/faces/classic/JH.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.3 KiB After Width:  |  Height:  |  Size: 5.3 KiB

assets/cards/faces/JS.png → assets/cards/faces/classic/JS.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.2 KiB After Width:  |  Height:  |  Size: 5.2 KiB

assets/cards/faces/KC.png → assets/cards/faces/classic/KC.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.9 KiB After Width:  |  Height:  |  Size: 5.9 KiB

assets/cards/faces/KD.png → assets/cards/faces/classic/KD.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 4.5 KiB After Width:  |  Height:  |  Size: 4.5 KiB

assets/cards/faces/KH.png → assets/cards/faces/classic/KH.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.0 KiB After Width:  |  Height:  |  Size: 6.0 KiB

assets/cards/faces/KS.png → assets/cards/faces/classic/KS.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.0 KiB After Width:  |  Height:  |  Size: 6.0 KiB

assets/cards/faces/QC.png → assets/cards/faces/classic/QC.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.9 KiB After Width:  |  Height:  |  Size: 6.9 KiB

assets/cards/faces/QD.png → assets/cards/faces/classic/QD.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 5.5 KiB After Width:  |  Height:  |  Size: 5.5 KiB

assets/cards/faces/QH.png → assets/cards/faces/classic/QH.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 6.9 KiB After Width:  |  Height:  |  Size: 6.9 KiB

assets/cards/faces/QS.png → assets/cards/faces/classic/QS.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 7.0 KiB After Width:  |  Height:  |  Size: 7.0 KiB

assets/cards/faces/dark/10C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 6.1 KiB

assets/cards/faces/dark/10D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.2 KiB

assets/cards/faces/dark/10H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.7 KiB

assets/cards/faces/dark/10S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.8 KiB

assets/cards/faces/dark/2C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.8 KiB

assets/cards/faces/dark/2D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.9 KiB

assets/cards/faces/dark/2H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.4 KiB

assets/cards/faces/dark/2S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.4 KiB

assets/cards/faces/dark/3C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.9 KiB

assets/cards/faces/dark/3D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.1 KiB

assets/cards/faces/dark/3H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.5 KiB

assets/cards/faces/dark/3S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.6 KiB

assets/cards/faces/dark/4C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.5 KiB

assets/cards/faces/dark/4D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.7 KiB

assets/cards/faces/dark/4H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.2 KiB

assets/cards/faces/dark/4S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.2 KiB

assets/cards/faces/dark/5C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.7 KiB

assets/cards/faces/dark/5D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.8 KiB

assets/cards/faces/dark/5H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.3 KiB

assets/cards/faces/dark/5S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.4 KiB

assets/cards/faces/dark/6C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.9 KiB

assets/cards/faces/dark/6D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.0 KiB

assets/cards/faces/dark/6H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.5 KiB

assets/cards/faces/dark/6S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.6 KiB

assets/cards/faces/dark/7C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.6 KiB

assets/cards/faces/dark/7D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.7 KiB

assets/cards/faces/dark/7H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.2 KiB

assets/cards/faces/dark/7S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.3 KiB

assets/cards/faces/dark/8C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 6.0 KiB

assets/cards/faces/dark/8D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.1 KiB

assets/cards/faces/dark/8H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.6 KiB

assets/cards/faces/dark/8S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.7 KiB

assets/cards/faces/dark/9C.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.9 KiB

assets/cards/faces/dark/9D.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.0 KiB

assets/cards/faces/dark/9H.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.5 KiB

assets/cards/faces/dark/9S.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.6 KiB

assets/cards/faces/dark/AC.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.7 KiB

assets/cards/faces/dark/AD.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.9 KiB

assets/cards/faces/dark/AH.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.3 KiB

assets/cards/faces/dark/AS.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.4 KiB

assets/cards/faces/dark/JC.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 5.3 KiB

assets/cards/faces/dark/JD.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.5 KiB

Some files were not shown because too many files have changed in this diff Show More