Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 67 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@
- [Starship](#starship)
- [Midnight-Discord](#midnight-discord)
- [Pywalfox](#pywalfox)
- [Fish](#fish)

### Hyprland
Copy the [hyprland-colors.conf]() template and add it to the matugen config.
Expand All @@ -56,6 +57,8 @@ The theme will now be applied after you reload hyprland.
> [!NOTE]
> To reload hyprland you can either quit the current session and enter it again, or you can run `hyprctl reload` which instantly reloads your config.

---

### Hyprlock
Hyprlock uses the same color format as Hyprland so we can use `hyprland-colors.css`, if you didn't make the template above, Copy the [hyprland-colors.conf]() template and add it to the matugen config.
```toml
Expand Down Expand Up @@ -84,14 +87,16 @@ label {
}
```

---

### Waybar
Copy the [colors.css](https://github.com/InioX/matugen-themes/blob/main/templates/colors.css) template and add it to the matugen config.
```toml
[config]
# ...

[templates.waybar]
input_path = 'path/to/template'
input_path = 'path/to/template' # colors.css
output_path = '~/.config/waybar/colors.css'
post_hook = 'pkill -SIGUSR2 waybar'
```
Expand All @@ -108,6 +113,8 @@ You can now use all the color variables inside the file.
}
```

---

### Kitty
Copy the [kitty-colors.conf](https://github.com/InioX/matugen-themes/blob/main/templates/kitty-colors.conf) template and add it to the matugen config.
```toml
Expand All @@ -126,6 +133,8 @@ include colors.conf

The theme will now be applied after you reload kitty.

---

### GTK
```toml
[config]
Expand All @@ -145,6 +154,8 @@ Then, add this line to the top of your `~/.config/gtk-3.0/gtk.css` and `~/.confi
@import 'colors.css';
```

---

### Sway
```toml
[config]
Expand All @@ -161,13 +172,16 @@ Then, add this line to your `~/.config/sway/config`
include colors.conf
```

---

### wlogout
Copy the [colors.css](https://github.com/InioX/matugen-themes/blob/main/templates/colors.css) template and add it to the matugen config.
```toml
[config]
# ...

[templates.wlogout]
input_path = 'path/to/template'
input_path = 'path/to/template' # colors.css
output_path = '~/.config/wlogout/colors.css'
```

Expand All @@ -183,6 +197,8 @@ You can now use all the color variables inside the file.
}
```

---

### Rofi
```toml
[config]
Expand All @@ -204,6 +220,8 @@ You can now use all the color variables inside of the `config.rasi`.
}
```

---

### dunst
```toml
[config]
Expand All @@ -213,6 +231,8 @@ input_path = 'path/to/template'
output_path = '~/.config/dunst/dunstrc'
```

---

### qt
Change `5` to `6` for qt6ct
```toml
Expand All @@ -225,10 +245,12 @@ output_path = '~/.config/qt5ct/colors/matugen.conf'
Then, add these two lines to the top of your `~/.config/qt5ct/qt5ct.conf`
```
[Appearance]
color_scheme_path=yourusername/.config/qt5ct/colors/matugen.conf
color_scheme_path=$HOME/.config/qt5ct/colors/matugen.conf
custom_palette=true
```

---

### Alacritty
```toml
[config]
Expand All @@ -242,6 +264,8 @@ Then, add this line to your `~/.config/alacritty/alacritty.toml`
import = ["colors.toml"]
```

---

### Starship
```toml
[config]
Expand All @@ -251,6 +275,27 @@ input_path = 'path/to/template'
output_path = '~/.config/starship.toml'
```

---

### Midnight Discord

```toml
[config]
# Choose the modified discord client you use and copy one of the templates below accordingly,
# if you are using another client that is not here and you know where `quickcss.css` is,
# feel free to modify the `output_path` to your client's path.

[templates.vesktop] # vesktop client
input_path = 'path/to/template'
output_path = '~/.var/app/dev.vencord.Vesktop/config/vesktop/settings/quickCss.css' # for flatpak installation

[templates.legcord] # legcord (old armcord) client
input_path = 'path/to/template'
output_path = '~/.var/app/xyz.armcord.ArmCord/config/armcord/quickCss.css' # for flatpak installation
```

---

### Pywalfox
```toml
[config]
Expand All @@ -268,9 +313,26 @@ post_hook = 'pywalfox update'
> - Arch (AUR): `yay -S python-pywalfox`
> - GNU/Linux, MacOS, Windows: [Follow Instructions](https://github.com/frewacom/pywalfox?tab=readme-ov-file#-installation)

---

### Fish
```toml
[config]

[templates.fish]
input_path = 'path/to/template'
output_path = '~/.config/fish/themes/Matugen.theme'
```

Then, add this line to your `~/.config/fish/config.fish`

```fish
fish_config theme choose "Matugen"
```

That's it!

---

<h2 class="acknowledgements">
<sub>
Expand All @@ -282,3 +344,5 @@ That's it!
</h2>

[Heus-Sueh](https://github.com/Heus-Sueh)
[zDyanTB](https://github.com/zDyanTB)
[FromWau](https://github.com/FromWau)
42 changes: 42 additions & 0 deletions templates/fish-colors.theme
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
set fish_color_autosuggestion {{colors.outline.default.hex_stripped}}
set fish_color_cancel -r
set fish_color_command {{colors.primary.default.hex_stripped}}
set fish_color_comment {{colors.outline.default.hex_stripped}}
set fish_color_cwd green
set fish_color_cwd_root red
set fish_color_end {{colors.tertiary_fixed_dim.default.hex_stripped}}
set fish_color_error {{colors.error.default.hex_stripped}}
set fish_color_escape {{colors.outline.default.hex_stripped}}
set fish_color_history_current --bold
set fish_color_host normal
set fish_color_host_remote yellow
set fish_color_keyword {{colors.primary.default.hex_stripped}}
set fish_color_match {{colors.tertiary.default.hex_stripped}}
set fish_color_normal normal
set fish_color_operator {{colors.tertiary.default.hex_stripped}}
set fish_color_option {{colors.inverse_primary.default.hex_stripped}}
set fish_color_param {{colors.inverse_primary.default.hex_stripped}}
set fish_color_quote {{colors.secondary.default.hex_stripped}}
set fish_color_redirection {{colors.inverse_primary.default.hex_stripped}}


set fish_color_search_match 'bryellow' '--background=brblack'
set fish_color_selection 'white' '--bold' '--background=brblack'
set fish_color_status red
set fish_color_user brgreen
set fish_color_valid_path --underline


set fish_pager_color_background
set fish_pager_color_completion normal
set fish_pager_color_description 'B3A06D' 'yellow'
set fish_pager_color_prefix 'normal' '--bold' '--underline'
set fish_pager_color_progress 'brwhite' '--background=cyan'
set fish_pager_color_secondary_background
set fish_pager_color_secondary_completion
set fish_pager_color_secondary_description
set fish_pager_color_secondary_prefix
set fish_pager_color_selected_background --background=brblack
set fish_pager_color_selected_completion
set fish_pager_color_selected_description
set fish_pager_color_selected_prefix
6 changes: 3 additions & 3 deletions templates/midnight-discord.css
Original file line number Diff line number Diff line change
Expand Up @@ -23,13 +23,13 @@
--corner-text: 'Midnight';

/* color of status indicators and window controls */
--online-indicator: {{colors.inverse_primary.default.hex}}; /* change to #23a55a for default green */
--online-indicator: {{colors.inverse_primary.default.hex}}; /* change to #23a55a for default green */
--dnd-indicator: {{colors.error.default.hex}}; /* change to #f13f43 for default red */
--idle-indicator: {{colors.tertiary_container.default.hex}}; /* change to #f0b232 for default yellow */
--streaming-indicator: {{colors.on_primary.default.hex}}; /* change to #593695 for default purple */

/* accent colors */
--accent-1: {{colors.tertiary.default.hex}}; /* links */
--accent-1: {{colors.tertiary.default.hex}}; /* links */
--accent-2: {{colors.primary.default.hex}}; /* general unread/mention elements, some icons when active */
--accent-3: {{colors.primary.default.hex}}; /* accent buttons */
--accent-4: {{colors.surface_bright.default.hex}}; /* accent buttons when hovered */
Expand All @@ -46,7 +46,7 @@
--text-5: {{colors.outline.default.hex}}; /* muted channels/chats and timestamps */

/* background and dark colors */
--bg-1: {{colors.primary.default.hex}}; /* dark buttons when clicked */
--bg-1: {{colors.primary.default.hex}}; /* dark buttons when clicked */
--bg-2: {{colors.surface_container_high.default.hex}}; /* dark buttons */
--bg-3: {{colors.surface_container_low.default.hex}}; /* spacing, secondary elements */
--bg-4: {{colors.surface.default.hex}}; /* main background color */
Expand Down