diff --git a/web/src/App.svelte b/web/src/App.svelte
index 2e086dc..8f784aa 100644
--- a/web/src/App.svelte
+++ b/web/src/App.svelte
@@ -16,6 +16,7 @@
import Tile from './lib/components/Tile.svelte';
import DoraPicker from './lib/components/DoraPicker.svelte';
import LanguageSwitcher from './lib/components/LanguageSwitcher.svelte';
+ import TileThemeSwitcher from './lib/components/TileThemeSwitcher.svelte';
// ============================================================================
// State
@@ -626,7 +627,10 @@
Agari
{$t.tagline}
-
+
+
+
+
@@ -972,6 +976,13 @@
gap: var(--space-4);
}
+ .header-settings {
+ display: flex;
+ align-items: center;
+ gap: var(--space-4);
+ margin-left: auto;
+ }
+
.logo {
display: flex;
align-items: center;
diff --git a/web/src/lib/assets/tiles_dark/Back.svg b/web/src/lib/assets/tiles_dark/Back.svg
new file mode 100644
index 0000000..2a79d5b
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Back.svg
@@ -0,0 +1,334 @@
+
+
+
+
diff --git a/web/src/lib/assets/tiles_dark/Blank.svg b/web/src/lib/assets/tiles_dark/Blank.svg
new file mode 100644
index 0000000..78ab433
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Blank.svg
@@ -0,0 +1,125 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Chun.svg b/web/src/lib/assets/tiles_dark/Chun.svg
new file mode 100644
index 0000000..40ace4a
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Chun.svg
@@ -0,0 +1,126 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Front.svg b/web/src/lib/assets/tiles_dark/Front.svg
new file mode 100644
index 0000000..7ffd709
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Front.svg
@@ -0,0 +1,334 @@
+
+
+
+
diff --git a/web/src/lib/assets/tiles_dark/Haku.svg b/web/src/lib/assets/tiles_dark/Haku.svg
new file mode 100644
index 0000000..98d6ede
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Haku.svg
@@ -0,0 +1,121 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Hatsu.svg b/web/src/lib/assets/tiles_dark/Hatsu.svg
new file mode 100644
index 0000000..46ab3d9
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Hatsu.svg
@@ -0,0 +1,139 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man1.svg b/web/src/lib/assets/tiles_dark/Man1.svg
new file mode 100644
index 0000000..a2bd97a
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man1.svg
@@ -0,0 +1,133 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man2.svg b/web/src/lib/assets/tiles_dark/Man2.svg
new file mode 100644
index 0000000..8e4328c
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man2.svg
@@ -0,0 +1,136 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man3.svg b/web/src/lib/assets/tiles_dark/Man3.svg
new file mode 100644
index 0000000..41eff81
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man3.svg
@@ -0,0 +1,137 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man4.svg b/web/src/lib/assets/tiles_dark/Man4.svg
new file mode 100644
index 0000000..11d74f0
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man4.svg
@@ -0,0 +1,137 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man5-Dora.svg b/web/src/lib/assets/tiles_dark/Man5-Dora.svg
new file mode 100644
index 0000000..b9626cc
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man5-Dora.svg
@@ -0,0 +1,142 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man5.svg b/web/src/lib/assets/tiles_dark/Man5.svg
new file mode 100644
index 0000000..667920e
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man5.svg
@@ -0,0 +1,141 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man6.svg b/web/src/lib/assets/tiles_dark/Man6.svg
new file mode 100644
index 0000000..3134bed
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man6.svg
@@ -0,0 +1,138 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man7.svg b/web/src/lib/assets/tiles_dark/Man7.svg
new file mode 100644
index 0000000..d807935
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man7.svg
@@ -0,0 +1,136 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man8.svg b/web/src/lib/assets/tiles_dark/Man8.svg
new file mode 100644
index 0000000..78b6863
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man8.svg
@@ -0,0 +1,136 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Man9.svg b/web/src/lib/assets/tiles_dark/Man9.svg
new file mode 100644
index 0000000..44a0201
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Man9.svg
@@ -0,0 +1,137 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Nan.svg b/web/src/lib/assets/tiles_dark/Nan.svg
new file mode 100644
index 0000000..1e7daef
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Nan.svg
@@ -0,0 +1,134 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pei.svg b/web/src/lib/assets/tiles_dark/Pei.svg
new file mode 100644
index 0000000..5c463be
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pei.svg
@@ -0,0 +1,127 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin1.svg b/web/src/lib/assets/tiles_dark/Pin1.svg
new file mode 100644
index 0000000..2892dda
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin1.svg
@@ -0,0 +1,164 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin2.svg b/web/src/lib/assets/tiles_dark/Pin2.svg
new file mode 100644
index 0000000..d843cf3
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin2.svg
@@ -0,0 +1,148 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin3.svg b/web/src/lib/assets/tiles_dark/Pin3.svg
new file mode 100644
index 0000000..813ae1a
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin3.svg
@@ -0,0 +1,146 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin4.svg b/web/src/lib/assets/tiles_dark/Pin4.svg
new file mode 100644
index 0000000..83e4afc
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin4.svg
@@ -0,0 +1,154 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin5-Dora.svg b/web/src/lib/assets/tiles_dark/Pin5-Dora.svg
new file mode 100644
index 0000000..983738e
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin5-Dora.svg
@@ -0,0 +1,163 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin5.svg b/web/src/lib/assets/tiles_dark/Pin5.svg
new file mode 100644
index 0000000..6ca705b
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin5.svg
@@ -0,0 +1,162 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin6.svg b/web/src/lib/assets/tiles_dark/Pin6.svg
new file mode 100644
index 0000000..c5f679e
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin6.svg
@@ -0,0 +1,158 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin7.svg b/web/src/lib/assets/tiles_dark/Pin7.svg
new file mode 100644
index 0000000..b434afc
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin7.svg
@@ -0,0 +1,164 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin8.svg b/web/src/lib/assets/tiles_dark/Pin8.svg
new file mode 100644
index 0000000..e810477
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin8.svg
@@ -0,0 +1,171 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Pin9.svg b/web/src/lib/assets/tiles_dark/Pin9.svg
new file mode 100644
index 0000000..42659d9
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Pin9.svg
@@ -0,0 +1,177 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Shaa.svg b/web/src/lib/assets/tiles_dark/Shaa.svg
new file mode 100644
index 0000000..ceda696
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Shaa.svg
@@ -0,0 +1,129 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou1.svg b/web/src/lib/assets/tiles_dark/Sou1.svg
new file mode 100644
index 0000000..2af91f2
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou1.svg
@@ -0,0 +1,181 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou2.svg b/web/src/lib/assets/tiles_dark/Sou2.svg
new file mode 100644
index 0000000..593c6d2
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou2.svg
@@ -0,0 +1,149 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou3.svg b/web/src/lib/assets/tiles_dark/Sou3.svg
new file mode 100644
index 0000000..01807d2
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou3.svg
@@ -0,0 +1,165 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou4.svg b/web/src/lib/assets/tiles_dark/Sou4.svg
new file mode 100644
index 0000000..f755efe
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou4.svg
@@ -0,0 +1,183 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou5-Dora.svg b/web/src/lib/assets/tiles_dark/Sou5-Dora.svg
new file mode 100644
index 0000000..67d7442
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou5-Dora.svg
@@ -0,0 +1,192 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou5.svg b/web/src/lib/assets/tiles_dark/Sou5.svg
new file mode 100644
index 0000000..37feb7c
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou5.svg
@@ -0,0 +1,191 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou6.svg b/web/src/lib/assets/tiles_dark/Sou6.svg
new file mode 100644
index 0000000..18c47e3
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou6.svg
@@ -0,0 +1,206 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou7.svg b/web/src/lib/assets/tiles_dark/Sou7.svg
new file mode 100644
index 0000000..9dcd129
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou7.svg
@@ -0,0 +1,205 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou8.svg b/web/src/lib/assets/tiles_dark/Sou8.svg
new file mode 100644
index 0000000..563ce22
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou8.svg
@@ -0,0 +1,204 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Sou9.svg b/web/src/lib/assets/tiles_dark/Sou9.svg
new file mode 100644
index 0000000..87342f2
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Sou9.svg
@@ -0,0 +1,231 @@
+
\ No newline at end of file
diff --git a/web/src/lib/assets/tiles_dark/Ton.svg b/web/src/lib/assets/tiles_dark/Ton.svg
new file mode 100644
index 0000000..a4852ad
--- /dev/null
+++ b/web/src/lib/assets/tiles_dark/Ton.svg
@@ -0,0 +1,128 @@
+
\ No newline at end of file
diff --git a/web/src/lib/components/LanguageSwitcher.svelte b/web/src/lib/components/LanguageSwitcher.svelte
index 38c4c83..a26eb84 100644
--- a/web/src/lib/components/LanguageSwitcher.svelte
+++ b/web/src/lib/components/LanguageSwitcher.svelte
@@ -28,7 +28,6 @@
display: flex;
align-items: center;
gap: var(--space-2);
- margin-left: auto;
}
.language-label {
diff --git a/web/src/lib/components/Tile.svelte b/web/src/lib/components/Tile.svelte
index 9054291..6242d07 100644
--- a/web/src/lib/components/Tile.svelte
+++ b/web/src/lib/components/Tile.svelte
@@ -1,47 +1,93 @@