(docs) : finalize the documentation (this time for real)
This commit is contained in:
269
README.md
269
README.md
@@ -5,6 +5,7 @@
|
||||
</div>
|
||||
|
||||
# Showcase
|
||||
|
||||
[](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">
|
||||
<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">
|
||||
</p>
|
||||
</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,17 +669,19 @@ 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:
|
||||
|
||||
```
|
||||
Endfield_NotReal.png
|
||||
Endfield_Tomorrow.png
|
||||
```
|
||||
|
||||
### ⌨️ 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` |
|
||||
@@ -602,7 +690,6 @@ If `wallpaper-picker.sh` fails to set your wallpaper, try renaming the file with
|
||||
|
||||
---
|
||||
|
||||
|
||||
<div align=center>
|
||||
|
||||
[](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>
|
||||
|
||||
Reference in New Issue
Block a user