refactor: rearrange folder structure & drop PC support

* Organize repo

* Bump version # & fix broken links

* Update README.md

Rewrite README.md for installation instruction to be consistent, remove Replugged install, differentiate Vencord Online vs Local theme methods.

README.md

@@ -3,44 +3,47 @@
 
 ![](https://github.com/Dyzean/Tokyo-Night/blob/main/assets/preview.png?raw=true)
 
-<p align="center">A clean, dark, Discord theme based on <a href="https://github.com/enkia/tokyo-night-vscode-theme">Tokyo Night</a> colorscheme.</p>
+<p align="center">A clean, dark, Discord port of the V.S. Code <a href="https://github.com/enkia/tokyo-night-vscode-theme">Tokyo Night</a> theme.</p>
 
 ---
 
 ## Installation
 
-### BetterDiscord
+### [BetterDiscord](https://betterdiscord.app)
 
 1. Download the theme file [here](https://betterdiscord.app/Download?id=439)
 2. Place it in the BetterDiscord themes folder
-3. Enable Tokyo Night in the themes tab
+3. Go to user settings (CTRL + ,)
+4. Go to the "BetterDiscord" category and select the "Themes" tab.
+5. Enable Tokyo Night in the themes tab
 
-### Replugged
-```sh
-cd replugged/themes && git clone https://github.com/Dyzean/Tokyo-Night
-```
-or [Click This Link](https://replugged.dev/install?url=https://github.com/Dyzean/Tokyo-Night)
+### [Vencord](https://vencord.dev)
 
-### Vencord
+##### Online Theme Method
 
 1. Go to user settings (CTRL + ,)
-2. Go to the "Vencord" category and select the "Themes" tab.
+2. Go to the "Vencord" category and select the "Themes" tab, then go to the "Online Themes" section.
 3. In the input field under "THEMES" paste the following URL.
 ```
-https://raw.githubusercontent.com/Dyzean/Tokyo-Night/main/tokyo-night.theme.css
+https://raw.githubusercontent.com/Dyzean/Tokyo-Night/main/themes/tokyo-night.theme.css
 ```
 
-### Stylus
+##### Local Theme Method
+
+1. Go [here](https://github.com/Dyzean/Tokyo-Night/blob/main/themes/tokyo-night.theme.css) and download the theme file.
+2. Place it in the Vencord themes folder
+3. Go to user settings (CTRL + ,)
+4. Go to the "Vencord" category and select the "Themes" tab, then go to the "Local Themes" section.
+5. Enable Tokyo Night in the themes tab
+
+### Stylus | Extension: [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)/[Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us)
 
 > ***Important Note!***
 >
 > ***To be able to customize this theme, please fork using [this link](https://github.com/Dyzean/Tokyo-Night/fork) and follow the instructions in `tokyo-night.user.css` starting at line 12.***
 
-1. Install the broswer extensions for your repsective browser.
-    - [Chrome Webstore](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)
-    - [Firefox Addons](https://addons.mozilla.org/en-US/firefox/addon/styl-us)
-2. Once installed, open [this link](https://github.com/Dyzean/Tokyo-Night/blob/main/tokyo-night.user.css) in a new browser tab. This opens the page where you will install this userstyle.
-3. Press the `Install Style` button.
+1. Open [this link](https://github.com/Dyzean/Tokyo-Night/blob/main/themes/tokyo-night.user.css) in a new browser tab.
+2. Press the `Install Style` button.
 
 ## Credits
 

main.css → src/main.css

@@ -193,11 +193,11 @@
 }
 .theme-dark .sprite__294b3:not(:hover) {
   filter: none !important;
-  background: url("https://dyzean.github.io/Tokyo-Night/assets/emoji-dark.png") center/contain no-repeat !important;
+  background: url("https://dyzean.github.io/Tokyo-Night/src/assets/emoji-dark.png") center/contain no-repeat !important;
 }
 .theme-light .sprite__294b3:not(:hover) {
   filter: none !important;
-  background: url("https://dyzean.github.io/Tokyo-Night/assets/emoji-light.png") center/contain no-repeat !important;
+  background: url("https://dyzean.github.io/Tokyo-Night/src/assets/emoji-light.png") center/contain no-repeat !important;
 }
 
 /* Home Channel */

tokyo-night.theme.css → themes/tokyo-night.theme.css

@@ -1,13 +1,14 @@
 /**
  * @name Tokyo Night
- * @description Discord Port of Visual Studio Code Theme
  * @author Ashtrath
- * @version 2.0.2
+ * @version 2.1.0
+ * @description A Discord port of the V.S. Code "Tokyo Night" theme.
+ * @source https://github.com/Dyzean/Tokyo-Night/
  * @authorId 2354831939099688962
  */
 
 /* DONT TOUCH THIS!!! */
-@import url("https://dyzean.github.io/Tokyo-Night/main.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/main.css");
 
 /*  Read this before editing stuff!!!
 *
@@ -20,32 +21,32 @@
 */
 
 /* ====== Optional Addons ====== */
-@import url("https://dyzean.github.io/Tokyo-Night/addons/revert-rebrand.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/addons/revert-rebrand.css");
 @import url("https://nyri4.github.io/Discolored/main.css");
 
 /* VSCode User Area, get Visual Studio like user area (Enabled by default)
   note: this addons doesn't works well with Compact Mode addon,
   please disable this when using Compact Mode addon */
-@import url("https://dyzean.github.io/Tokyo-Night/addons/vscode-user-area.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/addons/vscode-user-area.css");
 
 /* Syntax Highlight, get hljs styling with Tokyo Night scheme (Enabled by default) */
-@import url("https://dyzean.github.io/Tokyo-Night/addons/syntax-highlight.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/addons/syntax-highlight.css");
 
 /* Username Background, get colorful background behind username on chat, works best with Monospace addon. (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/username-background.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/username-background.css"); */
 
 /* Mac Like Titlebar (windows only), get mac style titlebar on windows client (Enabled by default) */
-@import url("https://dyzean.github.io/Tokyo-Night/addons/mac-titlebar.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/addons/mac-titlebar.css");
 
 /* Compact Mode, hide some UI part on specific windows size,
   <920px Channel sidebar and member list get hidden, <600px Chat window only. (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/compact-mode.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/compact-mode.css"); */
 
 /* Monospace, use monospaced font (JetBrains Mono) instead the default one (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/monospace-fonts.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/monospace-fonts.css"); */
 
 /* Square Avatar, get square avatar on chat memberlist and user area (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/square-avatar.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/square-avatar.css"); */
 
 
 /* ==== Discord Variables ==== */

tokyo-night.user.css → themes/tokyo-night.user.css

@@ -1,13 +1,13 @@
 @-moz-document domain("discord.com") {
 /* ==UserStyle==
    @name        Tokyo Night
-   @description Discord Port of Visual Studio Code Theme
+   @description A Discord port of the V.S. Code "Tokyo Night" theme.
    @author      Ashtrath
    @namespace   https://github.com/Dyzean/Tokyo-Night/
-   @version     2.0.2
+   @version     2.1.0
 ==/UserStyle== */
 
-  @import url("https://dyzean.github.io/Tokyo-Night/main.css");}
+  @import url("https://dyzean.github.io/Tokyo-Night/src/main.css");}
 
 /*  Read this before editing stuff!!!
 *
@@ -20,29 +20,29 @@
 */
 
 /* ====== Optional Addons ====== */
-@import url("https://dyzean.github.io/Tokyo-Night/addons/revert-rebrand.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/addons/revert-rebrand.css");
 @import url("https://nyri4.github.io/Discolored/main.css");
 
 /* VSCode User Area, get Visual Studio like user area (Enabled by default)
   note: this addons doesn't works well with Compact Mode addon,
   please disable this when using Compact Mode addon */
-@import url("https://dyzean.github.io/Tokyo-Night/addons/vscode-user-area.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/addons/vscode-user-area.css");
 
 /* Syntax Highlight, get hljs styling with Tokyo Night scheme (Enabled by default) */
-@import url("https://dyzean.github.io/Tokyo-Night/addons/syntax-highlight.css");
+@import url("https://dyzean.github.io/Tokyo-Night/src/addons/syntax-highlight.css");
 
 /* Username Background, get colorful background behind username on chat, works best with Monospace addon. (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/username-background.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/username-background.css"); */
 
 /* Compact Mode, hide some UI part on specific windows size,
   <920px Channel sidebar and member list get hidden, <600px Chat window only. (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/compact-mode.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/compact-mode.css"); */
 
 /* Monospace, use monospaced font (JetBrains Mono) instead the default one (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/monospace-fonts.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/monospace-fonts.css"); */
 
 /* Square Avatar, get square avatar on chat memberlist and user area (Disabled by default) */
-/* @import url("https://dyzean.github.io/Tokyo-Night/addons/square-avatar.css"); */
+/* @import url("https://dyzean.github.io/Tokyo-Night/src/addons/square-avatar.css"); */
 
 
 /* ==== Discord Variables ==== */