Making a theme #918

reakjra · 2025-07-01T22:01:43Z

reakjra
Jul 1, 2025

Hi, I've already asked something about changing a theme's color or something like that, however, currently I'm sticking to the method signed here: https://hydeproject.pages.dev/en/theming/making-themes/#quick-start-guide

I was wondering, I'm completely aware I'm not an expert neither capable of understanding things at the fly, but, I find this guide a bit hollow, like, I have some questions:

I'm unsure, looking at the other HyDE's themes repositories I can't comprehend how they manage to customize things like waybar. Some themes have a squared waybar while others are rounded, and, in the guide I haven´t found anything about personalizing that aspect per-theme, and, the waybar.theme file seems to be only color-related.
The guide says that you have to put the files from refs to ~/.config/hyde/themes/MyTheme, so, where do I have to make changes? In ~/MyTheme/refs/ (and eventually run just install over again) or in ~/.config/hyde/themes/MyTheme?
How do I setup the standard color scheme, or whatever it is, of the theme? Like, if you use wallbash dark it'll just change the color palette along the wallpaper, so I would love to know how to customize the 'wallbash theme' setting, if I explained myself right.
I genuinely appreciate any tip you´d want to give

Answered by kRHYME7

Jul 3, 2025

Should work

here's a diff

git diff  | cat
diff --git a/Configs/.config/hyde/themes/KuroiHana/hypr.theme b/Configs/.config/hyde/themes/KuroiHana/hypr.theme
index 2f50552..7e415aa 100644
--- a/Configs/.config/hyde/themes/KuroiHana/hypr.theme
+++ b/Configs/.config/hyde/themes/KuroiHana/hypr.theme
@@ -3,8 +3,8 @@ $HOME/.config/hypr/themes/theme.conf|> $HOME/.config/hypr/themes/colors.conf
 $GTK_THEME=Lavanda-Dark
 $ICON_THEME=Colloid-Red-Dracula-Dark 
 $COLOR_SCHEME=prefer-dark
-$CURSOR_THEME=Capitaine-Cursors
-$CURSOR_SIZE=20
+$CURSOR_THEME=Sunset-cursors
+$CURSOR_SIZE=24
 $CODE_THEME=kuroihana
 
 exec = gsettings set org.gnome.desktop.interface icon-theme '$ICON_THEME'

$CURSOR_THEME=Suns…

View full answer

kRHYME7 · 2025-07-02T01:00:06Z

kRHYME7
Jul 2, 2025
Maintainer

I can provide some

waybar.theme can hold custom css so you can definitely modify it. Some themers doesn't know it yet because it's a recent change that's why only colors.
Let's ask @richen604
See the wallbash section in wiki. It's not very helpful but might provide insights and expand your question about how to configure it.

0 replies

richen604 · 2025-07-02T04:25:24Z

richen604
Jul 2, 2025

@reakjra for making themes. its noted to edit files in the theme folder not the hyde theme folder

and

this is for consistency for having both folders the same. you're more than welcome to edit themes directly in the hyde theme folder. just make sure the end files are the same

if there is any inconsistencies i missed let me know

0 replies

reakjra · 2025-07-02T23:16:09Z

reakjra
Jul 2, 2025
Author

Thanks both for your replies. Thanks for pointing out that parts 'cause I genuinely didn´t read them, now I've managed to understand at least how the color scheme works. However, I'm stumbling with GTK, Icons, Cursor and so on themes, kinda everything that goes inside Source/arcs. It seems that no matter what kind of theme I use, it won´t apply. I've made sure to use the right prefix, archived in tar.gz, and modify hypr.theme in Configs/.config/hyde/themes/MyTheme/. I'm so sorry to be such a burden but I'm genuinely trying to understand. If it is useful, this it the just install output.

env: ‘Hyde’: No such file or directory 
Importing theme: MyTheme from URL: /home/reakjra/MyTheme
WARNING ::  No compatible wallpapers found in:   :: /home/reakjra/.config/hyde/themes/MyTheme
WARNING ::  No compatible wallpapers found in:  :: /home/reakjra/.config/hyde/themes/MyTheme
WARNING ::  No compatible wallpapers found in:   :: /home/reakjra/.config/hyde/themes/MyTheme
WARNING ::  No compatible wallpapers found in:  :: /home/reakjra/.config/hyde/themes/MyTheme
Patching --// MyTheme //-- from /home/reakjra/MyTheme

[note] .config/hyde/themes/MyTheme/code.theme --> do not exist in /home/reakjra/MyTheme/Configs/
[pass]  .config/hyde/themes/MyTheme/kitty.theme
[note] .config/hyde/themes/MyTheme/animations.theme --> do not exist in /home/reakjra/MyTheme/Configs/
[note] .config/hyde/themes/MyTheme/hyprlock.theme --> do not exist in /home/reakjra/MyTheme/Configs/
[pass]  .config/hyde/themes/MyTheme/waybar.theme
[pass]  .config/hyde/themes/MyTheme/rofi.theme
[note] .config/hyde/themes/MyTheme/gtk/gtk2.hidpi.theme --> do not exist in /home/reakjra/MyTheme/Configs/
[note] .config/hyde/themes/MyTheme/gtk/gtk2.theme --> do not exist in /home/reakjra/MyTheme/Configs/
[note] .config/hyde/themes/MyTheme/gtk/gtk4.theme --> do not exist in /home/reakjra/MyTheme/Configs/
[note] .config/hyde/themes/MyTheme/gtk/gtk3.theme --> do not exist in /home/reakjra/MyTheme/Configs/
[pass]  .config/hyde/themes/MyTheme/kvantum/kvantum.theme
[pass]  .config/hyde/themes/MyTheme/kvantum/kvconfig.theme
[pass]  .config/hyde/themes/MyTheme/hypr.theme
[note] found theme.dcol to override wallpaper dominant colors

[pass]  wallpapers :: [count] 8 (.gif+.jpg+.jpeg+.png)
[pass]  hypr.theme :: [gtk] Lavanda-Dark
[pass]  ../*.tar.* :: [gtk] Lavanda-Dark
Lavanda-Dark-hdpi
Lavanda-Dark-xhdpi
[ERROR] gtk set in hypr.theme does not exist in Gtk_*.tar.*
[pass]  hypr.theme :: [icon] Colloid-Red-Dracula-Dark
[pass]  ../*.tar.* :: [icon] 
[ERROR] icon set in hypr.theme does not exist in Icon_*.tar.*
[pass]  hypr.theme :: [cursor] Capitaine-Cursors
[pass]  ../*.tar.* :: [cursor] 
[ERROR] cursor set in hypr.theme does not exist in Cursor_*.tar.*
[note] hypr.theme :: [sddm] Not Found, 📣 OPTIONAL package, continuing... 
[note] hypr.theme :: [font] Not Found, 📣 OPTIONAL package, continuing... 
[note] hypr.theme :: [document-font] Not Found, 📣 OPTIONAL package, continuing... 
[note] hypr.theme :: [monospace-font] Not Found, 📣 OPTIONAL package, continuing... 
[note] hypr.theme :: [bar-font] Not Found, 📣 OPTIONAL package, continuing... 
[note] hypr.theme :: [menu-font] Not Found, 📣 OPTIONAL package, continuing... 
[note] hypr.theme :: [notification-font] Not Found, 📣 OPTIONAL package, continuing...

18 replies

reakjra Jul 3, 2025
Author

Wdym? If you mean that when I extract the archive I can see the same exact name as when it was inside the archive, yes. Is that what you meant?

amit-0i Jul 3, 2025

yes.
i saw your others replies and it looks like the folder name is correct in hypr.theme so im not sure what's happening.

kRHYME7 Jul 3, 2025
Maintainer

Should work

here's a diff

git diff  | cat
diff --git a/Configs/.config/hyde/themes/KuroiHana/hypr.theme b/Configs/.config/hyde/themes/KuroiHana/hypr.theme
index 2f50552..7e415aa 100644
--- a/Configs/.config/hyde/themes/KuroiHana/hypr.theme
+++ b/Configs/.config/hyde/themes/KuroiHana/hypr.theme
@@ -3,8 +3,8 @@ $HOME/.config/hypr/themes/theme.conf|> $HOME/.config/hypr/themes/colors.conf
 $GTK_THEME=Lavanda-Dark
 $ICON_THEME=Colloid-Red-Dracula-Dark 
 $COLOR_SCHEME=prefer-dark
-$CURSOR_THEME=Capitaine-Cursors
-$CURSOR_SIZE=20
+$CURSOR_THEME=Sunset-cursors
+$CURSOR_SIZE=24
 $CODE_THEME=kuroihana
 
 exec = gsettings set org.gnome.desktop.interface icon-theme '$ICON_THEME'

$CURSOR_THEME=Sunset-cursors
$CURSOR_SIZE=24

I suggest use 12,24,48, for cursor sizes to not break GTK cursor scaling.

Answer selected by reakjra

kRHYME7 Jul 3, 2025
Maintainer

You declared a cursor theme but it doesn't match the one in your tarball

kRHYME7 Jul 3, 2025
Maintainer

I think your archives are broken

reakjra Jul 3, 2025
Author

Oh yeah the cursor I didn't even change that 'cause when I tried it'd set one with the hyprland logo anyway. So what you think I should do?

kRHYME7 Jul 3, 2025
Maintainer

See my diff and patch that to yours.

But looks like your gtk icons are old or broken? maybe you needed something better.

reakjra · 2025-07-03T00:32:34Z

reakjra
Jul 3, 2025
Author

Sure

justfile

cwd := `pwd`
theme := "MyTheme" # (I've changed it during the installation)

init:
    #!/usr/bin/env bash
    mkdir -p "Configs/.config/hyde/themes/{{theme}}/wallpapers"
    mkdir -p "Source/arcs"
    mkdir -p "screenshots"
    mkdir -p "refs"
install:
    #!/usr/bin/env bash
    rm -rf ~/.config/hyde/themes/{{theme}}
    env FORCE_THEME_UPDATE=true Hyde theme import "{{theme}}" "{{cwd}}" || hydectl theme import --name "{{theme}}" --url "{{cwd}}" || ~/HyDE/Scripts/themepatcher.sh "{{theme}}" "{{cwd}}"
    # BUG: sometimes when imported locally, Configs folder is not copied over
    mkdir -p ~/.config/hyde/themes/{{theme}}
    cp -r Configs/.config/hyde/themes/{{theme}}/. ~/.config/hyde/themes/{{theme}}/.
copy-theme:
    #!/usr/bin/env bash
    just reset
    just init
    selected_theme=$(ls ~/.config/hyde/themes | fzf)
    if [ -z "$selected_theme" ]; then
        echo "No theme selected"
        exit 1
    fi
    cp -r ~/.config/hyde/themes/"$selected_theme"/. {{cwd}}/Configs/.config/hyde/themes/{{theme}}/.
    echo "Note this did not copy Source/arcs, this will have to be done manually"
gen-dcol:
    #!/usr/bin/env bash
    mkdir -p {{cwd}}/refs
    cp $HOME/.cache/hyde/wall.dcol {{cwd}}/refs/theme.dcol
gen-hypr:
    #!/usr/bin/env bash
    mkdir -p {{cwd}}/refs
    cp $HOME/.config/hypr/themes/theme.conf {{cwd}}/refs/hypr.theme
    echo '$HOME/.config/hypr/themes/theme.conf|> $HOME/.config/hypr/themes/colors.conf' | cat - {{cwd}}/refs/hypr.theme > temp && mv temp {{cwd}}/refs/hypr.theme
gen-waybar:
    #!/usr/bin/env bash
    mkdir -p {{cwd}}/refs
    cp $HOME/.config/waybar/theme.css {{cwd}}/refs/waybar.theme
    echo '$HOME/.config/waybar/theme.css|${scrDir}/wbarconfgen.sh' | cat - {{cwd}}/refs/waybar.theme > temp && mv temp {{cwd}}/refs/waybar.theme
gen-rofi:
    #!/usr/bin/env bash
    mkdir -p {{cwd}}/refs
    cp $HOME/.config/rofi/theme.rasi {{cwd}}/refs/rofi.theme
    echo '$HOME/.config/rofi/theme.rasi' | cat - {{cwd}}/refs/rofi.theme > temp && mv temp {{cwd}}/refs/rofi.theme
gen-kvantum:
    #!/usr/bin/env bash
    mkdir -p {{cwd}}/refs/kvantum
    cp $HOME/.config/Kvantum/wallbash/wallbash.svg {{cwd}}/refs/kvantum/kvantum.theme
    cp $HOME/.config/Kvantum/wallbash/wallbash.kvconfig {{cwd}}/refs/kvantum/kvconfig.theme
    echo '$HOME/.config/Kvantum/wallbash/wallbash.svg' | cat - {{cwd}}/refs/kvantum/kvantum.theme > temp && mv temp {{cwd}}/refs/kvantum/kvantum.theme
    echo '$HOME/.config/Kvantum/wallbash/wallbash.kvconfig' | cat - {{cwd}}/refs/kvantum/kvconfig.theme > temp && mv temp {{cwd}}/refs/kvantum/kvconfig.theme
gen-kitty:
    #!/usr/bin/env bash
    mkdir -p {{cwd}}/refs
    cp $HOME/.config/kitty/theme.conf {{cwd}}/refs/kitty.theme
    echo '$HOME/.config/kitty/theme.conf|killall -SIGUSR1 kitty' | cat - {{cwd}}/refs/kitty.theme > temp && mv temp {{cwd}}/refs/kitty.theme
gen-gtk4:
    #!/usr/bin/env bash
    mkdir -p {{cwd}}/refs/gtk-4.0
    cp $HOME/.themes/Wallbash-Gtk/gtk-4.0/*.css {{cwd}}/refs/gtk-4.0/
gen-all:
    just gen-dcol
    just gen-hypr
    just gen-waybar
    just gen-rofi
    just gen-kvantum
    just gen-kitty
set-wall:
    #!/usr/bin/env bash
    selected_wallpaper=$(ls {{cwd}}/Configs/.config/hyde/themes/{{theme}}/wallpapers | fzf)
    if [ -z "$selected_wallpaper" ]; then
        echo "No wallpaper selected"
        exit 1
    fi
    rm -f {{cwd}}/Configs/.config/hyde/themes/{{theme}}/wall.set
    ln -s {{cwd}}/Configs/.config/hyde/themes/{{theme}}/wallpapers/"$selected_wallpaper" {{cwd}}/Configs/.config/hyde/themes/{{theme}}/wall.set
reset:
    #!/usr/bin/env bash
    read -p "Are you sure you want to reset the theme structure? This will delete all your current theme files. (y/n): " confirm
    if [ "$confirm" != "y" ]; then
        echo "Reset cancelled"
        exit 1
    fi

    rm -rf ./Configs
    rm -rf ./Source
    rm -rf ./screenshots
    rm -rf ./refs

hypr.theme

$HOME/.config/hypr/themes/theme.conf|> $HOME/.config/hypr/themes/colors.conf

$GTK_THEME=Lavanda-Dark
$ICON_THEME=Colloid-Red-Dracula-Dark 
$COLOR_SCHEME=prefer-dark
$CURSOR_THEME=Capitaine-Cursors
$CURSOR_SIZE=20


exec = gsettings set org.gnome.desktop.interface icon-theme '$ICON_THEME'
exec = gsettings set org.gnome.desktop.interface gtk-theme '$GTK_THEME'
exec = gsettings set org.gnome.desktop.interface color-scheme '$COLOR_SCHEME'
exec = Hyde cursor theme '$CURSOR_THEME' size $CURSOR_SIZE
exec = Hyde code theme '$CODE_THEME'

general {
    gaps_in = 3
    gaps_out = 8
    border_size = 2
    col.active_border = rgba(eb6f92ff) rgba(c4a7e7ff) 45deg
    col.inactive_border = rgba(31748fcc) rgba(9ccfd8cc) 45deg
    layout = dwindle
    resize_on_border = true
}

group {
    col.border_active = rgba(eb6f92ff) rgba(c4a7e7ff) 45deg
    col.border_inactive = rgba(31748fcc) rgba(9ccfd8cc) 45deg
    col.border_locked_active = rgba(eb6f92ff) rgba(c4a7e7ff) 45deg
    col.border_locked_inactive = rgba(31748fcc) rgba(9ccfd8cc) 45deg
}

decoration {
    rounding = 10

    blur {
        enabled = yes
        size = 6
        passes = 3
        new_optimizations = on
        ignore_opacity = on
        xray = false
    }

    shadow {
        enabled = false
    }
}

layerrule = blur,waybar

Tell me if you need the other .themes too

9 replies

reakjra Jul 3, 2025
Author

Oh yeah I missed that, tho Icons still won't work after fixing it

./KuroiHana
├── Configs
│   └── .config
│       └── hyde
│           └── themes
│               └── KuroiHana
│                   ├── gtk-4.0
│                   │   ├── gtk.css
│                   │   └── gtk-dark.css
│                   ├── hypr.theme
│                   ├── kitty.theme
│                   ├── kvantum
│                   │   ├── kvantum.theme
│                   │   └── kvconfig.theme
│                   ├── rofi.theme
│                   ├── theme.dcol
│                   ├── wallpapers
│                   │   ├── wallhaven-2y5mlg.jpg
│                   │   ├── wallhaven-2yxywx.jpg
│                   │   ├── wallhaven-85yy2o.jpg
│                   │   ├── wallhaven-gpl5le.jpg
│                   │   ├── wallhaven-jxjw1q.jpg
│                   │   ├── wallhaven-o5831p.png
│                   │   ├── wallhaven-po2wl3.jpg
│                   │   └── wallhaven-rrzww7.png
│                   ├── wall.set -> /home/reakjra/KuroiHana/Configs/.config/hyde/themes/KuroiHana/wallpapers/wallhaven-2yxywx.jpg
│                   └── waybar.theme
├── generate_readme.py
├── .git
│   ├── config
│   ├── description
│   ├── HEAD
│   ├── hooks
│   │   ├── applypatch-msg.sample
│   │   ├── commit-msg.sample
│   │   ├── fsmonitor-watchman.sample
│   │   ├── post-update.sample
│   │   ├── pre-applypatch.sample
│   │   ├── pre-commit.sample
│   │   ├── pre-merge-commit.sample
│   │   ├── prepare-commit-msg.sample
│   │   ├── pre-push.sample
│   │   ├── pre-rebase.sample
│   │   ├── pre-receive.sample
│   │   ├── push-to-checkout.sample
│   │   ├── sendemail-validate.sample
│   │   └── update.sample
│   ├── index
│   ├── info
│   │   └── exclude
│   ├── logs
│   │   ├── HEAD
│   │   └── refs
│   │       ├── heads
│   │       │   └── main
│   │       └── remotes
│   │           └── origin
│   │               └── HEAD
│   ├── objects
│   │   ├── info
│   │   └── pack
│   │       ├── pack-b5506b856ace831accc9e80d28b8072327fec57b.idx
│   │       ├── pack-b5506b856ace831accc9e80d28b8072327fec57b.pack
│   │       └── pack-b5506b856ace831accc9e80d28b8072327fec57b.rev
│   ├── packed-refs
│   └── refs
│       ├── heads
│       │   └── main
│       ├── remotes
│       │   └── origin
│       │       └── HEAD
│       └── tags
├── .gitignore
├── justfile
├── LICENSE
├── README.md
├── refs
│   ├── gtk-4.0
│   │   ├── gtk.css
│   │   └── gtk-dark.css
│   ├── hypr.theme
│   ├── kitty.theme
│   ├── kvantum
│   │   ├── kvantum.theme
│   │   └── kvconfig.theme
│   ├── rofi.theme
│   ├── theme.dcol
│   └── waybar.theme
├── screenshots
└── Source
    └── arcs
        ├── Cursor_Sunset-cursors.tar.gz
        ├── Font_ComicShannsMono.tar.gz
        ├── Gtk_Lavanda-Dark.tar.xz
        └── Icon_Colloid-Red-Dracula-Dark.tar.gz

31 directories, 64 files

richen604 Jul 3, 2025

when you open the gtk archive, is the folder inside it the same name as the theme name?

reakjra Jul 3, 2025
Author

You mean this one?

richen604 Jul 3, 2025

im stumped, can you make a gh repo and i'll clone and reproduce

reakjra Jul 3, 2025
Author

Here: https://github.com/reakjra/hydestuff

reakjra · 2025-07-05T13:49:49Z

reakjra
Jul 5, 2025
Author

Before closing this, mind if I ask how to turn off Discord's wallbash? I didn´t even run any scripts but I woke up with that on for some mysterious reason

1 reply

reakjra Jul 5, 2025
Author

Ah nvm fixed

kRHYME7 · 2025-07-05T14:32:18Z

kRHYME7
Jul 5, 2025
Maintainer

@reakjra Ping us if you needed more help. Also take note waybar.theme can also hold other css stuff not just colors. just in case you want to add waybar borders.

0 replies

Uh oh!

Making a theme #918

Uh oh!

reakjra Jul 1, 2025

Replies: 6 comments · 28 replies

Uh oh!

kRHYME7 Jul 2, 2025 Maintainer

Uh oh!

richen604 Jul 2, 2025

Uh oh!

reakjra Jul 2, 2025 Author

Uh oh!

reakjra Jul 3, 2025 Author

Uh oh!

Uh oh!

amit-0i Jul 3, 2025

Uh oh!

kRHYME7 Jul 3, 2025 Maintainer

Uh oh!

kRHYME7 Jul 3, 2025 Maintainer

Uh oh!

kRHYME7 Jul 3, 2025 Maintainer

Uh oh!

kRHYME7 Jul 3, 2025 Maintainer

Uh oh!

reakjra Jul 3, 2025 Author

Uh oh!

kRHYME7 Jul 3, 2025 Maintainer

Uh oh!

reakjra Jul 3, 2025 Author

Uh oh!

reakjra Jul 3, 2025 Author

Uh oh!

richen604 Jul 3, 2025

Uh oh!

reakjra Jul 3, 2025 Author

Uh oh!

richen604 Jul 3, 2025

Uh oh!

reakjra Jul 3, 2025 Author

Uh oh!

reakjra Jul 5, 2025 Author

Uh oh!

reakjra Jul 5, 2025 Author

Uh oh!

kRHYME7 Jul 5, 2025 Maintainer

reakjra
Jul 1, 2025

Replies: 6 comments 28 replies

kRHYME7
Jul 2, 2025
Maintainer

richen604
Jul 2, 2025

reakjra
Jul 2, 2025
Author

reakjra Jul 3, 2025
Author

kRHYME7 Jul 3, 2025
Maintainer

kRHYME7 Jul 3, 2025
Maintainer

kRHYME7 Jul 3, 2025
Maintainer

kRHYME7 Jul 3, 2025
Maintainer

reakjra Jul 3, 2025
Author

kRHYME7 Jul 3, 2025
Maintainer

reakjra
Jul 3, 2025
Author

reakjra Jul 3, 2025
Author

reakjra Jul 3, 2025
Author

reakjra Jul 3, 2025
Author

reakjra
Jul 5, 2025
Author

reakjra Jul 5, 2025
Author

kRHYME7
Jul 5, 2025
Maintainer