(docs) : finalize the documentation (this time for real)

2025-09-07 03:52:04 +07:00
parent 0d118d2864
commit b47b78616e
1 changed files with 215 additions and 128 deletions
--- a/README.md
+++ b/README.md
@@ -5,6 +5,7 @@
 </div>

 # Showcase
+
 [![Watch the video](https://img.youtube.com/vi/tJPglNR69ok/hqdefault.jpg)](https://youtu.be/tJPglNR69ok)

 This contains My Fedora Linux dotfiles for a Hyprland-looks in **GNOME** setup.
@@ -16,7 +17,6 @@ This contains My Fedora Linux dotfiles for a Hyprland-looks in **GNOME** setup.
 > [!WARNING]
 >
 > All Configurations were meant to be used with `Pywal`
->

 ---

@@ -26,9 +26,11 @@ This contains My Fedora Linux dotfiles for a Hyprland-looks in **GNOME** setup.
 <summary>🪟 Forge</summary>

 ### Description
+
 Tiling and window manager for GNOME.

 ### Settings
+
 You can follow my settings to get the same style in screenshot below, or you can tweak it as you will.

 <details>
@@ -36,23 +38,32 @@ You can follow my settings to get the same style in screenshot below, or you can

 <br>

-<p align="center">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/forge/forge_1.png" alt="forge1" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/forge/forge_2.png" alt="forge2" width="500">
-</p>
+<table align="center">
+  <tr>
+    <td align="center">
+      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/forge/forge_1.png" alt="forge1" width="500">
+    </td>
+    <td align="center">
+      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/forge/forge_2.png" alt="forge2" width="500">
+    </td>
+  </tr>
+</table>

 </details>

 ---
+
 </details>

 <details>
 <summary>🌫️ Blur My Shell</summary>

 ### Description
+
 Adds a blur look to different parts of the GNOME Shell, including the top panel, dash and overview.

 ### Settings
+
 You can follow my settings to get the same style in screenshot below, or you can tweak it as you will.

 <details>
@@ -60,27 +71,33 @@ You can follow my settings to get the same style in screenshot below, or you can

 <br>

-<p align="center">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_1.png" alt="blur1" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_2.png" alt="blur2" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_3.png" alt="blur3" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_4.png" alt="blur4" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_5.png" alt="blur5" width="500">
-</p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_1.png" alt="blur1" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_2.png" alt="blur2" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_3.png" alt="blur3" width="330"></td>
+  </tr>
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_4.png" alt="blur4" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/blur-my-shell/blur_5.png" alt="blur5" width="330"></td>
+  </tr>
+</table>

 </details>

 ---
-</details>

+</details>

 <details>
 <summary>🎛️ Just Perfection</summary>

 ### Description
+
 Tweak Tool to Customize GNOME Shell, Change the Behavior and Disable UI Elements.

 ### Settings
+
 You can follow my settings to get the same style in screenshot below, or you can tweak it as you will.

 <details>
@@ -88,28 +105,33 @@ You can follow my settings to get the same style in screenshot below, or you can

 <br>

-<p align="center">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_1.png" alt="jp1" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_2.png" alt="jp2" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_3.png" alt="jp3" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_4.png" alt="jp4" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_5.png" alt="jp5" width="500">
-</p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_1.png" alt="jp1" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_2.png" alt="jp2" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_3.png" alt="jp3" width="330"></td>
+  </tr>
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_4.png" alt="jp4" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/jp_5.png" alt="jp5" width="330"></td>
+  </tr>
+</table>

 </details>

-
 ---
-</details>

+</details>

 <details>
 <summary>🎵 Media Controls</summary>

 ### Description
+
 Show controls and information of the currently playing media in the panel.

 ### Settings
+
 You can follow my settings to get the same style in screenshot below, or you can tweak it as you will.

 <details>
@@ -117,28 +139,33 @@ You can follow my settings to get the same style in screenshot below, or you can

 <br>

-<p align="center">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/media-controls/mc_1.png" alt="mc1" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/mc_2.png" alt="mc2" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/mc_3.png" alt="mc3" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/mc_4.png" alt="mc4" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/just-perfection/mc_5.png" alt="mc5" width="500">
-</p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/media-controls/mc_1.png" alt="mc1" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/media-controls/mc_2.png" alt="mc2" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/media-controls/mc_3.png" alt="mc3" width="330"></td>
+  </tr>
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/media-controls/mc_4.png" alt="mc4" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/media-controls/mc_5.png" alt="mc5" width="330"></td>
+  </tr>
+</table>

 </details>

 ---
+
 </details>

-
-
 <details>
 <summary>🍹 Open Bar</summary>

 ### Description
+
 Top Bar / Top Panel , Menus , Dash / Dock , Gnome Shell , Gtk Apps theming. Open the bar and let the colors flow.

 ### Settings
+
 You can follow my settings to get the same style in screenshot below, or you can tweak it as you will.

 <details>
@@ -146,25 +173,29 @@ You can follow my settings to get the same style in screenshot below, or you can

 <br>

-<p align="center">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/open-bar/bar_1.png" alt="bar1" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/open-bar/bar_2.png" alt="bar2" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/open-bar/bar_3.png" alt="bar3" width="500">
-</p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/open-bar/bar_1.png" alt="bar1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/open-bar/bar_2.png" alt="bar2" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/open-bar/bar_3.png" alt="bar3" width="500"></td>
+  </tr>
+</table>

 </details>

 ---
-</details>

+</details>

 <details>
 <summary>⚡ Quick Settings Tweaks</summary>

 ### Description
+
 Enhances the quick settings menu with extra toggles and controls.

 ### Settings
+
 You can follow my settings to get the same style in screenshot below, or you can tweak it as you will.

 <details>
@@ -172,16 +203,21 @@ You can follow my settings to get the same style in screenshot below, or you can

 <br>

-<p align="center">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_1.png" alt="qs1" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_2.png" alt="qs2" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_3.png" alt="qs3" width="500">
-  <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_4.png" alt="qs4" width="500">
-</p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_1.png" alt="qs1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_2.png" alt="qs2" width="500"></td>
+  </tr>
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_3.png" alt="qs3" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/quick-settings-tweak/qs_4.png" alt="qs4" width="500"></td>
+  </tr>
+</table>

 </details>

 ---
+
 </details>

 <details>
@@ -198,36 +234,43 @@ You can follow my settings to get the same style in screenshot below, or you can
 - Unblank lock screen : Unblank lock screen. Helping for ricing showcase
 </details>

-
 ## Applications
+
 <details>
  <summary>🎨 BetterDiscord</summary>

  <br>

-  <p align="center">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/better-discord/bd-1.png" alt="better-discord1" width="500">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/better-discord/bd-2.png" alt="better-discord2" width="500">
-  </p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/better-discord/bd-1.png" alt="better-discord1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/better-discord/bd-2.png" alt="better-discord2" width="500"></td>
+  </tr>
+</table>

 ### Overview
+
 - ✔️ BetterDiscord is a client mod with endless flexibility and addons. The only limit to the customization is your own imagination.
 - 🧩 Extending the platform is as easy as clicking install on a plugin or theme.
 - 🎨 BetterDiscord will help you have a beautiful and more useful user experience on Discord.

 ### Installation
+
 1. Install [BetterDiscord](https://docs.betterdiscord.app/users/getting-started/installation#manual-installation).
 2. Restart Discord.

 ### Configuration
+
 1. On Settings > BetterDiscord > Enable Custom CSS and Enable Transparency.
 2. Paste the `.config/BetterDiscord` into `~/.config/BetterDiscord`
 3. `discord-pywalsync.sh` is used to overwrite the css color with pywal generated color palette. The script calls as a hook when running `wallpaper-picker.sh` so it automatically matches the color whenever you change your wallpaper.

 ### Notes
+
 ⚠️ BetterDiscord is third-party and not officially supported by Discord. Use at your own risk.

 ---
+
 </details>

 <details>
@@ -235,21 +278,27 @@ You can follow my settings to get the same style in screenshot below, or you can

  <br>

-  <p align="center">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/btop/btop_1.png" alt="btop1" width="500">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/btop/btop_2.png" alt="btop2" width="500">
-  </p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/btop/btop_1.png" alt="btop1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/btop/btop_2.png" alt="btop2" width="500"></td>
+  </tr>
+</table>

 ### Overview
+
 Resource monitor that shows usage and stats for processor, memory, disks, network and processes.

 ### Installation
+
 1. Install [btop](https://github.com/aristocratos/btop?tab=readme-ov-file#installation)

 ### Configuration
+
 1. Paste the `.config/btop` into `~/.config/btop`

 ---
+
 </details>

 <details>
@@ -257,22 +306,28 @@ Resource monitor that shows usage and stats for processor, memory, disks, networ

  <br>

-  <p align="center">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/cava/cava_1.png" alt="cava1" width="500">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/cava/cava_2.png" alt="cava2" width="500">
-  </p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/cava/cava_1.png" alt="cava1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/cava/cava_2.png" alt="cava2" width="500"></td>
+  </tr>
+</table>

 ### Overview
+
 Cross-platform Audio Visualizer. Cava is a bar spectrum audio visualizer for terminal or desktop (SDL).

 ### Installation
+
 1. Install [cava](https://github.com/karlstav/cava?tab=readme-ov-file#installing)

 ### Configuration
+
 1. Paste the `.config/cava` into `~/.config/cava`
 2. `cava-pywalsync.sh` is used to match the cava color with pywal generated color palette. The script calls as a hook when running `wallpaper-picker.sh` so it automatically matches the color whenever you change your wallpaper.

 ---
+
 </details>

 <details>
@@ -280,24 +335,30 @@ Cross-platform Audio Visualizer. Cava is a bar spectrum audio visualizer for ter

  <br>

-  <p align="center">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/fastfetch/ff_1.png" alt="ff1" width="330">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/fastfetch/ff_2.png" alt="ff2" width="330">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/fastfetch/ff_3.png" alt="ff3" width="330">
-  </p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/fastfetch/ff_1.png" alt="ff1" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/fastfetch/ff_2.png" alt="ff2" width="330"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/fastfetch/ff_3.png" alt="ff3" width="330"></td>
+  </tr>
+</table>

 ### Overview
+
 Fastfetch is a neofetch-like tool for fetching system information and displaying it in a visually appealing way. It is written mainly in C, with a focus on performance and customizability. Currently, it supports Linux, macOS, Windows 7+, Android, FreeBSD, OpenBSD, NetBSD, DragonFly, Haiku, and SunOS.

 ### Installation
+
 1. Install [fastfetch](https://github.com/fastfetch-cli/fastfetch?tab=readme-ov-file#installation)

 ### Configuration
+
 1. Paste the `.config/fastfetch` into `~/.config/fastfetch`
 2. `wallpaper-picker.sh` changes the logo and the wife name, based on the wallpaper name. i.e. if the file name is `Arknight_Theresa`, then the logo will set into `john_arknight` and the wife name into `Theresa`.
 3. `fastfetch_auto.sh` is a script that detects the change of fastfetch config and reloads it, so you don’t have to call fastfetch multiple times.

 ---
+
 </details>

 <details>
@@ -307,14 +368,17 @@ Fastfetch is a neofetch-like tool for fetching system information and displaying
 Pywal is a tool that generates a color palette from the dominant colors in an image. It then applies the colors system-wide and on-the-fly in all of your favourite programs.

 ### Installation
+
 1. Install [pywal](https://github.com/dylanaraps/pywal/wiki/Installation)

 ### Configuration
+
 1. Paste the `.config/wal` into `~/.config/wal`
 2. `wallpaper-picker.sh` calls pywal to generate color palette based on the wallpaper name (if the theme exists) or the dominant color of your wallpaper. i.e. I have `.config/wal/themes/Arknights.json` so if I set my wallpaper to `Arknights_Amiya` it applies the predefined theme rather than the dominant color of the wallpaper. It also calls `.config/wal/hooks/hooks.sh`.
 3. `hooks.sh` syncs the theme across all of the applications that are being used.

 ---
+
 </details>

 <details>
@@ -324,12 +388,15 @@ Pywal is a tool that generates a color palette from the dominant colors in an im
 WezTerm is a powerful cross-platform terminal emulator and multiplexer written by @wez and implemented in Rust.

 ### Installation
+
 1. Install [wezterm](https://wezterm.org/installation)

 ### Configuration
+
 1. Paste the `.config/wezterm` into `~/.config/wezterm`

 ---
+
 </details>

 <details>
@@ -337,52 +404,59 @@ WezTerm is a powerful cross-platform terminal emulator and multiplexer written b

  <br>

-  <p align="center">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wlogout/wlogout_1.png" alt="wlogout1" width="500">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wlogout/wlogout_2.png" alt="wlogout2" width="500">
-  </p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wlogout/wlogout_1.png" alt="wlogout1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wlogout/wlogout_2.png" alt="wlogout2" width="500"></td>
+  </tr>
+</table>

 ### Overview
+
 A Wayland-based logout menu.

 ### Installation
+
 1. Install [wlogout](https://github.com/ArtsyMacaw/wlogout)

 ### Configuration
+
 1. Paste the `.config/wlogout` into `~/.config/wlogout`
 2. `wlogout-pywalsync.sh` is used to get your set wallpaper, and makes it blur to use as a background in wlogout.

 ---
+
 </details>

 <details>
  <summary>🔍 Wofi</summary>

-  <br>
-
-  <p align="center">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_1.png" alt="wofi1" width="500">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_2.png" alt="wofi2" width="500">
-  </p>
-  
-  <br>
-
-  <p align="center">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_wallpaper_1.png" alt="wofiwp1" width="500">
-    <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_wallpaper_2.png" alt="wofiwp2" width="500">
-  </p>
+<table align="center">
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_1.png" alt="wofi1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_2.png" alt="wofi2" width="500"></td>
+  </tr>
+  <tr>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_wallpaper_1.png" alt="wofiwp1" width="500"></td>
+    <td align="center"><img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/wofi/wofi_wallpaper_2.png" alt="wofiwp2" width="500"></td>
+  </tr>
+</table>

 ### Overview
+
 Wofi is a launcher/menu program for wlroots-based Wayland compositors such as sway.

 ### Installation
+
 1. Install [wofi](https://github.com/SimplyCEO/wofi?tab=readme-ov-file#building)

 ### Configuration
+
 1. Paste the `.config/wofi` into `~/.config/wofi`
 2. `wallpaper-picker.sh` calls wofi to show the thumbnail of available wallpapers — don’t forget to set the right path to your wallpaper directory.

 ---
+
 </details>

 <details>
@@ -393,7 +467,6 @@ Wofi is a launcher/menu program for wlroots-based Wayland compositors such as sw

 </details>

-
 ## Script

 > [!WARNING]
@@ -406,18 +479,20 @@ Wofi is a launcher/menu program for wlroots-based Wayland compositors such as sw
 > wofi
 > pywal
 > ```
->
+
 ---

 <details>
  <summary>🖼 wallpaper-picker.sh</summary>

 ### What it does
+
 - Provides a wallpaper picker using **Wofi** with image thumbnails.
 - Automatically applies Pywal colors, updates GNOME wallpaper, changes Fastfetch logo, and runs hooks.
 - Integrates with **Pywalfox** to update Firefox theme.

 ### Notes on Color Backends
+
 Pywal supports different color extraction backends that slightly change the generated palette.  
 You can switch backends by adding the `--backend` argument after `"$WAL_BIN" -i "$SELECTED"` in `wallpaper-picker.sh`.

@@ -429,10 +504,13 @@ This setup is optimized for the default **wal** backend.
 However, you can further customize the derived color variables if you’re not satisfied with the results:

 - 🎶 For **Cava**, change the gradient source in `cava-pywalsync.sh`, e.g.
+
  ```bash
  COLOR1=$(jq -r '.colors.color8' "$WAL_COLORS")
  ```
+
  to
+
  ```bash
  COLOR1=$(jq -r '.colors.color5' "$WAL_COLORS")
  ```
@@ -486,53 +564,60 @@ pip install haishoku
  </tr>
 </table>

-
 ---
+
 </details>

 <details>
  <summary>🎶 cava-pywalsync.sh</summary>

 ### What it does
+
 - Syncs **Cava’s** gradient colors with Pywal’s generated color scheme.
 - Automatically restarts Cava to apply the new colors.

 ---
+
 </details>

 <details>
  <summary>💬 discord-pywalsync.sh</summary>

 ### What it does
+
 - Updates **BetterDiscord’s** `custom.css` file using Pywal colors.
 - Combines your header, Pywal CSS, and template into one file.
 - Ensures Discord follows the same color scheme as the rest of your rice.

 ---
+
 </details>

 <details>
  <summary>🖼 scaler-wallpaper.sh</summary>

 ### What it does
+
 - Ensures all wallpapers are scaled to **1920x1080** resolution.
 - Converts them to `.png` format if necessary.
 - Moves the original wallpaper to `~/Pictures/.backup` with incremental names for safe keeping.

 ---
+
 </details>

 <details>
  <summary>🚪 wlogout-pywalsync.sh</summary>

 ### What it does
+
 - Generates a blurred and darkened version of your current wallpaper for **Wlogout** background.
 - Updates `style.css` for Wlogout with Pywal colors.
 - Keeps logout menu consistent with your rice.

 ---
-</details>

+</details>

 ## 🛠 Help & Setup Guide

@@ -540,7 +625,6 @@ pip install haishoku
 > The instructions below will **overwrite your existing config files**.  
 > Don’t worry — your old configs will be safely moved into a backup folder with a timestamp.

-
 Quick setup instructions:

 1. **Clone the repo**
@@ -548,6 +632,7 @@ Quick setup instructions:
   git clone https://github.com/SeraphimeZelel/rion-ricing.git ~/.rion-dotfiles
   ```
 2. **Symlink the config files**
+
   ```bash
    #!/bin/bash

@@ -573,6 +658,7 @@ Quick setup instructions:

    echo "✅ All configs linked. Backup saved in $BACKUP"
   ```
+
 3. **Symlink the scripts**
   ```bash
   ln -s ~/.rion-dotfiles/.script/* ~/.local/bin
@@ -583,26 +669,27 @@ Quick setup instructions:
   ```

 ## 📝 Notes
+
 If `wallpaper-picker.sh` fails to set your wallpaper, try renaming the file with the prefix `Anything_`.
-  Example:
-  ```
-  Endfield_NotReal.png
-  Endfield_Tomorrow.png
-  ```
+Example:

-### ⌨️  Keyboard Shortcut
+```
+Endfield_NotReal.png
+Endfield_Tomorrow.png
+```

-| Name             | Command   | Shortcut  |
-|------------------|-----------|-----------|
-| File Manager     | `nautilus` | `Super + E` |
+### ⌨️ Keyboard Shortcut
+
+| Name             | Command                                         | Shortcut    |
+| ---------------- | ----------------------------------------------- | ----------- |
+| File Manager     | `nautilus`                                      | `Super + E` |
 | Wallpaper Picker | `/home/yourname/.local/bin/wallpaper-picker.sh` | `Alt + W`   |
-| WezTerm          | `wezterm`  | `Super + T` |
-| wlogout          | `wlogout`  | `Alt + L`   |
-| wofi             | `wofi`     | `Alt + F`   |
+| WezTerm          | `wezterm`                                       | `Super + T` |
+| wlogout          | `wlogout`                                       | `Alt + L`   |
+| wofi             | `wofi`                                          | `Alt + F`   |

 ---

-
 <div align=center>

 [![Typing SVG](https://readme-typing-svg.demolab.com?font=JetBrains+Mono&size=30&duration=2000&pause=2500&color=DFCB00&center=true&vCenter=true&width=435&lines=Endfield+Copium+Corner)](https://git.io/typing-svg)
@@ -612,13 +699,13 @@ If `wallpaper-picker.sh` fails to set your wallpaper, try renaming the file with
 <table align="center">
  <tr>
    <td align="center">
-      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/gif/EndfieldNotReal.gif" alt="Endfield not Real" width="330">
+      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/gif/EndfieldNotReal.gif" alt="Endfield not Real" width="300">
    </td>
    <td align="center">
-      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/gif/copium.gif" alt="Copium" width="330">
+      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/gif/copium.gif" alt="Copium" width="300">
    </td>
    <td align="center">
-      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/gif/endfieldtomorrow.gif" alt="endfieldtomorrow" width="330"><br>
+      <img src="https://github.com/SeraphimeZelel/rion-ricing/blob/main/images/gif/endfieldtomorrow.gif" alt="endfieldtomorrow" width="300"><br>
    </td>
  </tr>
 </table>