readme & fix on reader

We are launching a docker version (server version) today so we want to just organize the repo
so its easier to navigate.

.gitignore

@@ -1,5 +1,11 @@
-node_modules
+desktop/node_modules
-electron
+desktop/electron
-dist
+desktop/dist
-.env
+desktop/.env
-build
+desktop/build
+
+docker/node_modules
+docker/electron
+docker/dist
+docker/.env
+docker/build

README.md

@@ -1,31 +1,55 @@
 # 🎀 WaifuBoard
 
-**Lightweight all-in-one app for boorus, manga and light novels — no sources included, total freedom via extensions.**
+**Lightweight all-in-one app for boorus, anime, manga and light novels — no sources included, total freedom via extensions.**
 
-<img src="public/banner.png" alt="WaifuBoard Hero" width="100%"/>
+<img src="assets/hero.png" alt="WaifuBoard Hero" width="100%"/>
 <div align="center">
 
 [![Windows](https://img.shields.io/badge/Windows-SUPPORTED-0078D6?style=for-the-badge&logo=windows&logoColor=white)](https://waifuboard.app)
 [![Latest](https://img.shields.io/gitea/v/release/ItsSkaiya/WaifuBoard?gitea_url=https://git.waifuboard.app&style=for-the-badge)](https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases/latest)
 [![Extensions](https://img.shields.io/badge/Extensions-Repository-8257e5?style=for-the-badge)](https://git.waifuboard.app/ItsSkaiya/WaifuBoard-Extensions)
 
-**[Website](https://waifuboard.app)** • **[Documentation](https://waifuboard.app/docs)** •  **[Download Latest](https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases/latest)** • **[Discord (soon)](#)**
+**[Website](https://waifuboard.app)** • **[Documentation](https://waifuboard.app/docs)** •  **[Download Latest](https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases/latest)** • **[Discord](https://discord.gg/DAVNf7erRJ)**
 
 </div>
 
 
-## 🚀 What is WaifuBoard?
-
-**A lightweight and privacy-friendly desktop app designed around modular extensions.** WaifuBoard delivers a clean, organized reading experience for boorus, manga, and light novels, powered entirely by community-made sources.
-
 ## ✨ Features
 
 - Lightweight
 - Discord Rich Presence
-- Super clean & fast UI
+- Local lists & anilist integration
-- Built-in **Extension Marketplace**
+- Multi user support
+- Server version (Coming soon!)
 - Fully open-source & community-driven
-- Future mobile ports planned
+
+> ⚠️ **Note**
+>
+> Release candidates may contain breaking changes and unresolved bugs.  
+> Expect frequent updates and major changes between versions.
+
+## 🖼️ Gallery
+
+### 👥 Multi-User Profiles
+<img src="assets/users.gif" alt="Multi-user profiles" width="100%"/>
+
+### 📖 Reader
+
+#### Manga
+<img src="assets/manga.png" alt="Manga reader" width="100%"/>
+
+#### Manhwa
+<img src="assets/manhwa.png" alt="Manhwa reader" width="100%"/>
+
+#### Light Novel
+<img src="assets/novel.gif" alt="Light novel reader" width="100%"/>
+
+### 📅 Schedule & Tracking
+<img src="assets/schedule.png" alt="Anime schedule" width="100%"/>
+
+### 📚 Lists (Local & AniList)
+<img src="assets/list.gif" alt="Lists and tracking" width="100%"/>
+
 
 ## 🖥️ Download & Platform Support
 

desktop/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+electron
+dist
+.env
+build

desktop/src/scripts/books/reader.js

@@ -97,7 +97,7 @@ function applyStyles() {
         document.documentElement.style.setProperty('--ln-max-width', config.ln.maxWidth + 'px');
         document.documentElement.style.setProperty('--ln-font-family', config.ln.fontFamily);
         document.documentElement.style.setProperty('--ln-text-color', config.ln.textColor);
-        document.documentElement.style.setProperty('--bg-base', config.ln.bg);
+        document.documentElement.style.setProperty('--color-bg-base', config.ln.bg);
         document.documentElement.style.setProperty('--ln-text-align', config.ln.textAlign);
     }