Default Applications

The themes of other applications are saved in the dots folder. wofi, rofi, kitty and dunst can be themed by copying the folders into ~/.config

cp -r ./dots/dunst ~/.config
cp -r ./dots/wofi ~/.config
cp -r ./dots/rofi ~/.config
cp -r ./dots/kitty ~/.config

Spotify (Spicetify)

Install spicetify. (AUR: spicetify-cli) Copy dots/spicetify/Dribbblish to ~/.config/spicetify/Themes (or wherever your spicetify themes are stored) Then:

cd "$(dirname "$(spicetify -c)")/Themes/Dribbblish"
mkdir -p ../../Extensions
cp dribbblish.js ../../Extensions/.
spicetify config extensions dribbblish.js
spicetify config current_theme Dribbblish color_scheme apatheia
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1
spicetify apply

Discord (Better Discord)

install from AUR: betterdiscordctl

Copy dots/BetterDiscord/Apatheia.theme.css to ~/snap/discord/145/.config/BetterDiscord/

For Discord (Installed With Snap)

betterdiscordctl --d-install snap install 

Webcord

webcord --add-css-theme ~/.config/hypr/dots/BetterDiscord/Apatheia.theme.css

Obsidian

The Obsidian theme can be found in the community theme store, just look up Apatheia. Install the theme which is developed by @AmadeusWM, @Zenneh.

VS-code

The Apatheia theme can be found on the marketplace. Look up Apatheia from Amadeus Wolf

If You Want To Change It

You'll have to upload it to the vs-code marketplace. Follow the docs:

1. Generate theme repository
   • https://code.visualstudio.com/api/extension-guides/color-theme#create-a-new-color-theme
2. Publish theme
   • https://code.visualstudio.com/api/working-with-extensions/publishing-extension#next-steps

Firefox

First and foremost, go to about:addons in your firefox. And enable the Dark theme.

Firefox Theme

1. in Firefox go to about:config. Change toolkit.legacyUserProfileCustomizations.stylesheets to "True"
2. Find your profile folder (go to the url about:profiles in firefox, and open the folder of your active profile)
3. Copy the chrome folder from dots/firefox to the aforementioned profile folder.
4. Restart firefox, you theme should be updated

margin-left: calc(
        var(--wc-right-space) * 2 + 60px
    ) !important; 

margin-left: 0px;

@import "window-controls.css";

:root:not([inFullscreen]) toolbar#nav-bar {
    z-index: 1 !important;
    position: relative !important;
    /* shift toolbar to the right based on initial width */
    margin-left: calc(
        var(--wc-right-space) * 2 + 60px
    ) !important; 
    /* margin-left: 0px; */
}

#TabsToolbar .toolbar-items {
    display: none !important;
}

.titlebar-buttonbox {
    flex-direction: row-reverse;
}

#TabsToolbar.browser-toolbar {
    display: inline-block !important;
    position: absolute;
    top: var(--wc-vertical-shift) !important;
    left: var(--wc-left-space) !important;
}

@import "window-controls/wc-without-tabline.css";

@import "window-controls/wc-without-tabline-r.css";

Tree Style Tabs

1. Install the Tree Style Tabs extension from here
2. Visit Preferences with ctrl+shift+a>Tree Style Tab>Preferences
3. Scroll to the bottom, and Press Import in All Configs
4. Import the config.json from dots/firefox/treestyletab/config.json
5. Then go to Advanced and scroll down
6. Choose Load from file and upload the following dots/firefox/treestyletab/treestyletab.css (optional: if the theme of TST doesn't match the new firefox theme)

Night Tab

1. Install the nighttab extension from here
2. Go to night tab settings (top right), and then the data tab
3. Import dots/firefox/night-tab/night-tab.json
4. You'll have to change the colors yourself if you change the theme from the default

GTK Theme

For GTK: Orchis-Theme Edit the following files:

• ~/.config/gtk-3.0/settings.ini
• ~/.config/gtk-4.0/settings.ini to:

[Settings]
gtk-application-prefer-dark-theme=1
gtk-theme-name = Orchis-Dark

and you might have to run:

gsettings set org.gnome.desktop.interface color-scheme prefer-dark

Eww Bar

Credits to https://github.com/taylor85345 Dependency: eww-wayland