Adding TTT, fixing all images, dark mode

ufalsalman · Nov 17, 2023 · dd4f466 · dd4f466
1 parent 65aa9a0
commit dd4f466
Show file tree

Hide file tree

Showing 242 changed files with 3,952 additions and 9 deletions.
diff --git a/changelogs-id.html b/changelogs-id.html
@@ -24,6 +24,8 @@
         <div class="info">
             <p>(Better) Nijisanji Liver Sorter</p><br>
             <p>Perubahan:</p>
+            <p>17 November 2023 - Menambahkan TTT, memperbaiki semua gambar, mode gelap.</p>
+            <br>
             <p>30 Oktober 2023 - Kelulusan Hyona Elatiora.</p>
             <p>10 Oktober 2023 - Kelulusan Reza Avanluna.</p>
             <br>

diff --git a/changelogs.html b/changelogs.html
@@ -24,6 +24,8 @@
         <div class="info">
             <p>(Better) Nijisanji Liver Sorter</p><br>
             <p>Changelogs:</p>
+            <p>17 November 2023 - Adding TTT, fixing all images, dark mode.</p>
+            <br>
             <p>30 October 2023 - Hyona Elatiora graduation.</p>
             <p>10 October 2023 - Reza Avanluna graduation.</p>
             <br>

diff --git a/id.html b/id.html
@@ -12,7 +12,7 @@
   <link rel="stylesheet" type="text/css" href="src/css/styles.css">
 
   <script src="src/js/data.js"></script>
-  <script src="src/js/data-id/2023-10-30.js"></script>
+  <script src="src/js/data-id/2023-11-17.js"></script>
 
   <script src="src/js/html2canvas.min.js"></script>
   <script src="src/js/lz-string.min.js"></script>
@@ -73,11 +73,19 @@
 
         <br>
 
+        <span class="gede">Situs ini sekarang dapat diakses melalui <a href="https://starrail.sorter.my.id">starrail.sorter.my.id</a>.</span><br>
+
+        <br>
+
         <p>Kontrol keyboard selama sorting:<br> H/LeftArrow (pilih kiri), J/DownArrow (kembali ke pilihan sebelumnya), K/UpArrow (abaikan)<br>L/RightArrow (pilih kanan), S (simpan progress).</p><br>
         <p>Sebelum memulai sorting:<br>S/Enter (mulai sorting) L (muat progress).
         <p>1/2/3 selalu terkait pada tombol pertama/kedua/ketiga.</p>
 
         <br>
+
+        <a onclick="myFunction()">Aktifkan/nonaktifkan Mode Gelap</a>
+
+        <br><br>
 
         <a href="/">Go to English version</a>
 
@@ -94,7 +102,7 @@
         <br>
 
         <p>Perubahan terakhir:</p>
-        <p>30 Oktober 2023 - Kelulusan Hyona Elatiora.</p><br>
+        <p>17 November 2023 - Menambahkan TTT, memperbaiki semua gambar, mode gelap.</p><br>
         <p><a href="/changelogs-id.html">Perubahan sebelumnya</a> | <a href="https://better-nijisort.pages.dev/?D4RgbAHAnAzArABjGBqbChOAmGZjYIhEmpkgjbbGFVHHEkWEMItWH0XleulvcKjakIG9OjPkWr0mjaakqcJ5FosHzZZdjTnkGG7mMWkj3ERtWkJh2UKPqHJ4-y5km7+1PeOnm+1yczgIyWvpCMgZylKwOTr7MPsGeXhGiko7uVGY5qbRZkQYBPBbZJnGu9nQCqV60qW6i9CLJSaHMSm7hAU1JXvpB0Ul9tcWKHFTApEA">Selera yang Bagus</a></p>
         <br>
 

diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
   <link rel="stylesheet" type="text/css" href="src/css/styles.css">
 
   <script src="src/js/data.js"></script>
-  <script src="src/js/data/2023-10-30.js"></script>
+  <script src="src/js/data/2023-11-17.js"></script>
 
   <script src="src/js/html2canvas.min.js"></script>
   <script src="src/js/lz-string.min.js"></script>
@@ -36,7 +36,7 @@
     </div>
 
     <div class="sorter">
-        <img src="src/assets/default.jpg" class="left sort image">
+        <img src="src/assets/default.png" class="left sort image">
 
         <div class="starting start button">(Better) Nijisanji Liver Sorter<br><br>Click to Start!</div>
         <div class="starting load button">Load <span></span></div>
@@ -51,7 +51,7 @@
         <div class="finished getimg button">Generate Image</div>
         <div class="finished list button">Generate Text List</div>
 
-        <img src="src/assets/default.jpg" class="right sort image">
+        <img src="src/assets/default.png" class="right sort image">
 
         <div class="left sort text"><p></p></div>
         <div class="right sort text"><p></p></div>
@@ -73,11 +73,19 @@
 
         <br>
 
+        <span class="gede">This site is now accessible on <a href="https://nijisanji.sorter.my.id">nijisanji.sorter.my.id</a>.</span><br>
+
+        <br>
+
         <p>Keyboard controls during sorting:<br> H/LeftArrow (pick left), J/DownArrow (undo), K/UpArrow (tie)<br>L/RightArrow (pick right), S (save progress).</p><br>
         <p>Before sorting:<br>S/Enter (start sorting) L (load progress).
         <p>1/2/3 always correspond to the first/second/third buttons.</p>
 
         <br>
+
+        <a onclick="myFunction()">Toggle Dark Mode</a>
+
+        <br><br>
 
         <a href="/id.html">Pergi ke versi Bahasa Indonesia</a><br>
 
@@ -94,7 +102,7 @@
         <br>
 
         <p>Latest  changelog:</p>
-        <p>30 October 2023 - Hyona Elatiora graduation.</p><br>
+        <p>17 November 2023 - Adding TTT, fixing all images, dark mode.</p><br>
         <p><a href="/changelogs.html">Previous changelogs</a> | <a href="https://better-nijisort.pages.dev/?D4RgbAHAnAzArABjGBqbChOAmGZjYIhEmpkgjbbGFVHHEkWEMItWH0XleulvcKjakIG9OjPkWr0mjaakqcJ5FosHzZZdjTnkGG7mMWkj3ERtWkJh2UKPqHJ4-y5km7+1PeOnm+1yczgIyWvpCMgZylKwOTr7MPsGeXhGiko7uVGY5qbRZkQYBPBbZJnGu9nQCqV60qW6i9CLJSaHMSm7hAU1JXvpB0Ul9tcWKHFTApEA">Great Taste</a></p>
         <br>
 

diff --git a/src/assets/default.png b/src/assets/default.png
diff --git a/src/assets/default_dark.png b/src/assets/default_dark.png
diff --git a/src/assets/liver/aadya.png b/src/assets/liver/aadya.png
diff --git a/src/assets/liver/aia.webp b/src/assets/liver/aia.webp
diff --git a/src/assets/liver/air.webp b/src/assets/liver/air.webp
diff --git a/src/assets/liver/akari.png b/src/assets/liver/akari.png
diff --git a/src/assets/liver/aki.webp b/src/assets/liver/aki.webp
diff --git a/src/assets/liver/akina.webp b/src/assets/liver/akina.webp
diff --git a/src/assets/liver/akira.webp b/src/assets/liver/akira.webp
diff --git a/src/assets/liver/alban.webp b/src/assets/liver/alban.webp
diff --git a/src/assets/liver/albio.webp b/src/assets/liver/albio.webp
diff --git a/src/assets/liver/alice.webp b/src/assets/liver/alice.webp
diff --git a/src/assets/liver/amicia.png b/src/assets/liver/amicia.png
diff --git a/src/assets/liver/ange.png b/src/assets/liver/ange.png
diff --git a/src/assets/liver/ara.png b/src/assets/liver/ara.png
diff --git a/src/assets/liver/ars.webp b/src/assets/liver/ars.webp
diff --git a/src/assets/liver/aster.webp b/src/assets/liver/aster.webp
diff --git a/src/assets/liver/axia.png b/src/assets/liver/axia.png
diff --git a/src/assets/liver/azuma.png b/src/assets/liver/azuma.png
diff --git a/src/assets/liver/azura.png b/src/assets/liver/azura.png
diff --git a/src/assets/liver/belmond.webp b/src/assets/liver/belmond.webp
diff --git a/src/assets/liver/bonnivier.webp b/src/assets/liver/bonnivier.webp
diff --git a/src/assets/liver/bora.png b/src/assets/liver/bora.png
diff --git a/src/assets/liver/chaika.webp b/src/assets/liver/chaika.webp
diff --git a/src/assets/liver/chigusa.webp b/src/assets/liver/chigusa.webp
diff --git a/src/assets/liver/chihiro.webp b/src/assets/liver/chihiro.webp
diff --git a/src/assets/liver/chiho.png b/src/assets/liver/chiho.png
diff --git a/src/assets/liver/chima.png b/src/assets/liver/chima.png
diff --git a/src/assets/liver/chinami.png b/src/assets/liver/chinami.png
diff --git a/src/assets/liver/chitose.png b/src/assets/liver/chitose.png
diff --git a/src/assets/liver/claire.webp b/src/assets/liver/claire.webp
diff --git a/src/assets/liver/claude.png b/src/assets/liver/claude.png
diff --git a/src/assets/liver/debiru.webp b/src/assets/liver/debiru.webp
diff --git a/src/assets/liver/derem.png b/src/assets/liver/derem.png
diff --git a/src/assets/liver/dola.png b/src/assets/liver/dola.png
diff --git a/src/assets/liver/doppio.png b/src/assets/liver/doppio.png
diff --git a/src/assets/liver/eli.webp b/src/assets/liver/eli.webp
diff --git a/src/assets/liver/elira.webp b/src/assets/liver/elira.webp
diff --git a/src/assets/liver/elu.webp b/src/assets/liver/elu.webp
diff --git a/src/assets/liver/emma.png b/src/assets/liver/emma.png
diff --git a/src/assets/liver/enna.webp b/src/assets/liver/enna.webp
diff --git a/src/assets/liver/era.png b/src/assets/liver/era.png
diff --git a/src/assets/liver/etna.webp b/src/assets/liver/etna.webp
diff --git a/src/assets/liver/finana.webp b/src/assets/liver/finana.webp
diff --git a/src/assets/liver/fulgur.webp b/src/assets/liver/fulgur.webp
diff --git a/src/assets/liver/fumi.webp b/src/assets/liver/fumi.webp
diff --git a/src/assets/liver/furen.webp b/src/assets/liver/furen.webp
diff --git a/src/assets/liver/gaku.webp b/src/assets/liver/gaku.webp
diff --git a/src/assets/liver/gaon.png b/src/assets/liver/gaon.png
diff --git a/src/assets/liver/gilzaren.png b/src/assets/liver/gilzaren.png
diff --git a/src/assets/liver/gundou.png b/src/assets/liver/gundou.png
diff --git a/src/assets/liver/gwelu.webp b/src/assets/liver/gwelu.webp
diff --git a/src/assets/liver/hada.webp b/src/assets/liver/hada.webp
diff --git a/src/assets/liver/hajime.webp b/src/assets/liver/hajime.webp
diff --git a/src/assets/liver/hakase.webp b/src/assets/liver/hakase.webp
diff --git a/src/assets/liver/hakuren.png b/src/assets/liver/hakuren.png
diff --git a/src/assets/liver/hana.webp b/src/assets/liver/hana.webp
diff --git a/src/assets/liver/hari.webp b/src/assets/liver/hari.webp
diff --git a/src/assets/liver/haru.webp b/src/assets/liver/haru.webp
diff --git a/src/assets/liver/haruka.webp b/src/assets/liver/haruka.webp
diff --git a/src/assets/liver/hayato.webp b/src/assets/liver/hayato.webp
diff --git a/src/assets/liver/hex.png b/src/assets/liver/hex.png
diff --git a/src/assets/liver/hibari.webp b/src/assets/liver/hibari.webp
diff --git a/src/assets/liver/himawari.png b/src/assets/liver/himawari.png
diff --git a/src/assets/liver/hina.webp b/src/assets/liver/hina.webp
diff --git a/src/assets/liver/hisui.png b/src/assets/liver/hisui.png
diff --git a/src/assets/liver/hyona.png b/src/assets/liver/hyona.png
diff --git a/src/assets/liver/ibrahim.webp b/src/assets/liver/ibrahim.webp
diff --git a/src/assets/liver/ichigo.webp b/src/assets/liver/ichigo.webp
diff --git a/src/assets/liver/ike.png b/src/assets/liver/ike.png
diff --git a/src/assets/liver/ittetsu.png b/src/assets/liver/ittetsu.png
diff --git a/src/assets/liver/jiyu.webp b/src/assets/liver/jiyu.webp
diff --git a/src/assets/liver/joe.png b/src/assets/liver/joe.png
diff --git a/src/assets/liver/kaede.webp b/src/assets/liver/kaede.webp
diff --git a/src/assets/liver/kaen.png b/src/assets/liver/kaen.png
diff --git a/src/assets/liver/kagetsu.png b/src/assets/liver/kagetsu.png
diff --git a/src/assets/liver/kai.png b/src/assets/liver/kai.png
diff --git a/src/assets/liver/kakeru.webp b/src/assets/liver/kakeru.webp
diff --git a/src/assets/liver/kami.png b/src/assets/liver/kami.png
diff --git a/src/assets/liver/kana.webp b/src/assets/liver/kana.webp
diff --git a/src/assets/liver/kanae.png b/src/assets/liver/kanae.png
diff --git a/src/assets/liver/kanato.webp b/src/assets/liver/kanato.webp
diff --git a/src/assets/liver/karuta.webp b/src/assets/liver/karuta.webp
diff --git a/src/assets/liver/kasumi.png b/src/assets/liver/kasumi.png
diff --git a/src/assets/liver/kazaki.webp b/src/assets/liver/kazaki.webp
diff --git a/src/assets/liver/kei.png b/src/assets/liver/kei.png
diff --git a/src/assets/liver/keisuke.webp b/src/assets/liver/keisuke.webp
diff --git a/src/assets/liver/kirame.webp b/src/assets/liver/kirame.webp
diff --git a/src/assets/liver/kiru.png b/src/assets/liver/kiru.png
diff --git a/src/assets/liver/kizuku.webp b/src/assets/liver/kizuku.webp
diff --git a/src/assets/liver/ko.png b/src/assets/liver/ko.png
diff --git a/src/assets/liver/kogane.png b/src/assets/liver/kogane.png
diff --git a/src/assets/liver/kohaku.webp b/src/assets/liver/kohaku.webp
diff --git a/src/assets/liver/kokoro.webp b/src/assets/liver/kokoro.webp
diff --git a/src/assets/liver/kotoka.png b/src/assets/liver/kotoka.png
diff --git a/src/assets/liver/kou.webp b/src/assets/liver/kou.webp
diff --git a/src/assets/liver/kunai.png b/src/assets/liver/kunai.png
diff --git a/src/assets/liver/kuzuha.webp b/src/assets/liver/kuzuha.webp
diff --git a/src/assets/liver/kyo.webp b/src/assets/liver/kyo.webp
diff --git a/src/assets/liver/kyoko.png b/src/assets/liver/kyoko.png
diff --git a/src/assets/liver/lain.webp b/src/assets/liver/lain.webp
diff --git a/src/assets/liver/lauren.png b/src/assets/liver/lauren.png
diff --git a/src/assets/liver/layla.webp b/src/assets/liver/layla.webp
diff --git a/src/assets/liver/lee.png b/src/assets/liver/lee.png
diff --git a/src/assets/liver/leos.webp b/src/assets/liver/leos.webp
diff --git a/src/assets/liver/levi.webp b/src/assets/liver/levi.webp
diff --git a/src/assets/liver/lize.webp b/src/assets/liver/lize.webp
diff --git a/src/assets/liver/lorou.png b/src/assets/liver/lorou.png
diff --git a/src/assets/liver/luca.png b/src/assets/liver/luca.png
diff --git a/src/assets/liver/luis.png b/src/assets/liver/luis.png
diff --git a/src/assets/liver/lulu.png b/src/assets/liver/lulu.png
diff --git a/src/assets/liver/mahiro.webp b/src/assets/liver/mahiro.webp
diff --git a/src/assets/liver/mana.png b/src/assets/liver/mana.png
diff --git a/src/assets/liver/manami.png b/src/assets/liver/manami.png
diff --git a/src/assets/liver/mao.webp b/src/assets/liver/mao.webp
diff --git a/src/assets/liver/marin.png b/src/assets/liver/marin.png
diff --git a/src/assets/liver/masaru.webp b/src/assets/liver/masaru.webp
diff --git a/src/assets/liver/mashiro.webp b/src/assets/liver/mashiro.webp
diff --git a/src/assets/liver/meiji.png b/src/assets/liver/meiji.png
diff --git a/src/assets/liver/meiro.png b/src/assets/liver/meiro.png
diff --git a/src/assets/liver/melissa.png b/src/assets/liver/melissa.png
diff --git a/src/assets/liver/meloco.png b/src/assets/liver/meloco.png
diff --git a/src/assets/liver/mia.png b/src/assets/liver/mia.png
diff --git a/src/assets/liver/mika.webp b/src/assets/liver/mika.webp
diff --git a/src/assets/liver/mikoto.webp b/src/assets/liver/mikoto.webp
diff --git a/src/assets/liver/millie.webp b/src/assets/liver/millie.webp
diff --git a/src/assets/liver/minato.webp b/src/assets/liver/minato.webp
diff --git a/src/assets/liver/mito.webp b/src/assets/liver/mito.webp
diff --git a/src/assets/liver/miyako.webp b/src/assets/liver/miyako.webp
diff --git a/src/assets/liver/miyu.png b/src/assets/liver/miyu.png
diff --git a/src/assets/liver/moarin.png b/src/assets/liver/moarin.png
diff --git a/src/assets/liver/moira.webp b/src/assets/liver/moira.webp
diff --git a/src/assets/liver/momo.webp b/src/assets/liver/momo.webp
diff --git a/src/assets/liver/moruru.png b/src/assets/liver/moruru.png
diff --git a/src/assets/liver/mugi.webp b/src/assets/liver/mugi.webp
diff --git a/src/assets/liver/muyu.webp b/src/assets/liver/muyu.webp
diff --git a/src/assets/liver/mybini1.png b/src/assets/liver/mybini1.png
diff --git a/src/assets/liver/mybini2.webp b/src/assets/liver/mybini2.webp
diff --git a/src/assets/liver/mybini3.webp b/src/assets/liver/mybini3.webp
diff --git a/src/assets/liver/mybini4.png b/src/assets/liver/mybini4.png
diff --git a/src/assets/liver/mybini5.webp b/src/assets/liver/mybini5.webp
diff --git a/src/assets/liver/mysta.png b/src/assets/liver/mysta.png
diff --git a/src/assets/liver/nagi.png b/src/assets/liver/nagi.png
diff --git a/src/assets/liver/nagisa.webp b/src/assets/liver/nagisa.webp
diff --git a/src/assets/liver/nara.png b/src/assets/liver/nara.png
diff --git a/src/assets/liver/naraka.png b/src/assets/liver/naraka.png
diff --git a/src/assets/liver/nari.webp b/src/assets/liver/nari.webp
diff --git a/src/assets/liver/naru.webp b/src/assets/liver/naru.webp
diff --git a/src/assets/liver/natsume.webp b/src/assets/liver/natsume.webp
diff --git a/src/assets/liver/nei.png b/src/assets/liver/nei.png
diff --git a/src/assets/liver/nina.png b/src/assets/liver/nina.png
diff --git a/src/assets/liver/noor.png b/src/assets/liver/noor.png
diff --git a/src/assets/liver/nozomi.png b/src/assets/liver/nozomi.png
diff --git a/src/assets/liver/nui.png b/src/assets/liver/nui.png
diff --git a/src/assets/liver/oliver.webp b/src/assets/liver/oliver.webp
diff --git a/src/assets/liver/petra.webp b/src/assets/liver/petra.webp
diff --git a/src/assets/liver/pomu.webp b/src/assets/liver/pomu.webp
diff --git a/src/assets/liver/rai.png b/src/assets/liver/rai.png
diff --git a/src/assets/liver/rai.webp b/src/assets/liver/rai.webp
diff --git a/src/assets/liver/raito.png b/src/assets/liver/raito.png
diff --git a/src/assets/liver/ratna.webp b/src/assets/liver/ratna.webp
diff --git a/src/assets/liver/ray.webp b/src/assets/liver/ray.webp
diff --git a/src/assets/liver/reimu.png b/src/assets/liver/reimu.png
diff --git a/src/assets/liver/ren.webp b/src/assets/liver/ren.webp
diff --git a/src/assets/liver/rena.webp b/src/assets/liver/rena.webp
diff --git a/src/assets/liver/reza.png b/src/assets/liver/reza.png
diff --git a/src/assets/liver/rika.png b/src/assets/liver/rika.png
diff --git a/src/assets/liver/riksa.webp b/src/assets/liver/riksa.webp
diff --git a/src/assets/liver/rin.webp b/src/assets/liver/rin.webp
diff --git a/src/assets/liver/rine.png b/src/assets/liver/rine.png
diff --git a/src/assets/liver/rion.webp b/src/assets/liver/rion.webp
diff --git a/src/assets/liver/riri.webp b/src/assets/liver/riri.webp
diff --git a/src/assets/liver/ririmu.webp b/src/assets/liver/ririmu.webp
diff --git a/src/assets/liver/rito.png b/src/assets/liver/rito.png
diff --git a/src/assets/liver/ritsuki.webp b/src/assets/liver/ritsuki.webp
diff --git a/src/assets/liver/roa.webp b/src/assets/liver/roa.webp
diff --git a/src/assets/liver/roco.png b/src/assets/liver/roco.png
diff --git a/src/assets/liver/roha.webp b/src/assets/liver/roha.webp
diff --git a/src/assets/liver/rou.png b/src/assets/liver/rou.png
diff --git a/src/assets/liver/ruri.png b/src/assets/liver/ruri.png
diff --git a/src/assets/liver/ryushen.png b/src/assets/liver/ryushen.png
diff --git a/src/assets/liver/saku.webp b/src/assets/liver/saku.webp
diff --git a/src/assets/liver/salome.webp b/src/assets/liver/salome.webp
diff --git a/src/assets/liver/sango.webp b/src/assets/liver/sango.webp
diff --git a/src/assets/liver/sara.webp b/src/assets/liver/sara.webp
diff --git a/src/assets/liver/sayo.webp b/src/assets/liver/sayo.webp
diff --git a/src/assets/liver/scarle.webp b/src/assets/liver/scarle.webp
diff --git a/src/assets/liver/seffyna.png b/src/assets/liver/seffyna.png
diff --git a/src/assets/liver/selen.webp b/src/assets/liver/selen.webp
diff --git a/src/assets/liver/sera.webp b/src/assets/liver/sera.webp
diff --git a/src/assets/liver/seraph.webp b/src/assets/liver/seraph.webp
diff --git a/src/assets/liver/setsuna.png b/src/assets/liver/setsuna.png
diff --git a/src/assets/liver/shellin.webp b/src/assets/liver/shellin.webp
diff --git a/src/assets/liver/shiba.webp b/src/assets/liver/shiba.webp
diff --git a/src/assets/liver/shizuku.png b/src/assets/liver/shizuku.png
diff --git a/src/assets/liver/sho.png b/src/assets/liver/sho.png
diff --git a/src/assets/liver/shoichi.webp b/src/assets/liver/shoichi.webp
diff --git a/src/assets/liver/shu.png b/src/assets/liver/shu.png
diff --git a/src/assets/liver/siska.png b/src/assets/liver/siska.png
diff --git a/src/assets/liver/siu.png b/src/assets/liver/siu.png
diff --git a/src/assets/liver/sonny.webp b/src/assets/liver/sonny.webp
diff --git a/src/assets/liver/sophia.png b/src/assets/liver/sophia.png
diff --git a/src/assets/liver/sou.webp b/src/assets/liver/sou.webp
diff --git a/src/assets/liver/suha.webp b/src/assets/liver/suha.webp
diff --git a/src/assets/liver/taka.png b/src/assets/liver/taka.png
diff --git a/src/assets/liver/tamaki.webp b/src/assets/liver/tamaki.webp
diff --git a/src/assets/liver/tojiro.png b/src/assets/liver/tojiro.png
diff --git a/src/assets/liver/tomoe.webp b/src/assets/liver/tomoe.webp
diff --git a/src/assets/liver/toru.png b/src/assets/liver/toru.png
diff --git a/src/assets/liver/toya.webp b/src/assets/liver/toya.webp
diff --git a/src/assets/liver/tsumugu.webp b/src/assets/liver/tsumugu.webp
diff --git a/src/assets/liver/uiha.webp b/src/assets/liver/uiha.webp
diff --git a/src/assets/liver/uki.webp b/src/assets/liver/uki.webp
diff --git a/src/assets/liver/utako.png b/src/assets/liver/utako.png
diff --git a/src/assets/liver/vanta.png b/src/assets/liver/vanta.png
diff --git a/src/assets/liver/ver.png b/src/assets/liver/ver.png
diff --git a/src/assets/liver/vez.png b/src/assets/liver/vez.png
diff --git a/src/assets/liver/victoria.png b/src/assets/liver/victoria.png
diff --git a/src/assets/liver/vihaan.png b/src/assets/liver/vihaan.png
diff --git a/src/assets/liver/vox.png b/src/assets/liver/vox.png
diff --git a/src/assets/liver/wen.png b/src/assets/liver/wen.png
diff --git a/src/assets/liver/wiffy.png b/src/assets/liver/wiffy.png
diff --git a/src/assets/liver/wilson.png b/src/assets/liver/wilson.png
diff --git a/src/assets/liver/xia.webp b/src/assets/liver/xia.webp
diff --git a/src/assets/liver/yoko.png b/src/assets/liver/yoko.png
diff --git a/src/assets/liver/yotsuha.webp b/src/assets/liver/yotsuha.webp
diff --git a/src/assets/liver/yugo.png b/src/assets/liver/yugo.png
diff --git a/src/assets/liver/yuika.webp b/src/assets/liver/yuika.webp
diff --git a/src/assets/liver/yun.png b/src/assets/liver/yun.png
diff --git a/src/assets/liver/yuya.png b/src/assets/liver/yuya.png
diff --git a/src/assets/liver/yuzu.png b/src/assets/liver/yuzu.png
diff --git a/src/assets/liver/zaion.png b/src/assets/liver/zaion.png
diff --git a/src/assets/liver/zea.png b/src/assets/liver/zea.png
diff --git a/src/assets/logo new.cdr b/src/assets/logo new.cdr
diff --git a/src/css/styles.css b/src/css/styles.css
@@ -36,7 +36,7 @@ body {
 
 .progressfill {
   height: 20px;
-  background-color: #8eaed4;
+  background-color: #6b819c;
   width: 0%;
 }
 
@@ -276,7 +276,7 @@ a {
 }
 
 a:hover {
-  color: #2b4b72;
+  color: #6b819c;
 }
 
 a:visited {
@@ -286,4 +286,57 @@ a:visited {
 .wip {
   font-size: 1.5em;
   font-weight: bold;
+}
+
+.gede {
+  font-size: 1.1em;
+  font-weight: bold;
+}
+
+.dark-mode {
+  background-color: #090f17;
+  color: rgb(235, 235, 235);
+}
+
+.dark-mode a {
+  color: #6b819c;
+}
+
+.dark-mode a:hover {
+  color: #2b4b72;
+}
+
+.dark-mode .progressbar {
+  border: 1px solid #6b819c;
+}
+.dark-mode .progressfill {
+  background-color: #6b819c;
+}
+.dark-mode .button {
+  border: 1px solid #6b819c;
+}
+.dark-mode .sorter > .left {
+  border: 1px solid #6b819c;
+}
+.dark-mode .sorter > .right {
+  border: 1px solid #6b819c;
+}
+.dark-mode .result {
+  border: 1px solid #6b819c;
+}
+.dark-mode .result.spacer {
+  background-color: #6b819c;
+}
+.dark-mode .result.head {
+  background-color: #6b819c;
+}
+.dark-mode .result > .right{
+  border-left: 1px solid #6b819c;
+}
+.dark-mode .sorter > .image{
+  width: 120px;
+  height: 120px;
+  margin: auto;
+  grid-row: 1 / 7;
+  cursor: pointer;
 }