Git Product home page Git Product logo

dotfiles-hyprland's Introduction

๐ŸŒธApatheia Dot Files๐ŸŒธ

GitHub Repo stars GitHub last commit GitHub repo size


๐ŸŒ™ Minimal

minimalRiceShowcase.mp4

๐ŸŒธ Apatheia

screen_1

๐Ÿ€ Poeisis

image image

Details

  • OS: Arch Linux
  • Compositor: Hyprland
  • Top- and sidebar: eww
  • Notifications: dunst
  • Wallpaper Loader: swww
  • Wallpaper: /themes/apatheia/wallpapers
  • Terminal: kitty
  • Search menu: wofi
  • Fetch script: nitch
  • Browser: Firefox
  • Font: Nerd Font

Theme Variants

These theme variants can be added to the themes folder.

Winter Theme

โ„ Winter Theme

Usage

๐Ÿ“ฆ Required dependencies:

Install these dependencies manually (Arch)

hyprland-git nerd-fonts-complete-starship wofi dunst jq eww-wayland swayidle swaylock-effects-git swaylockd sway-audio-idle-inhibit-git bc pamixer light-git papirus-icon-theme playerctl cava kitty xdg-desktop-portal-wlr grim slurp wl-clipboard socat swappy cliphist hyprpicker nm-connection-editor dictd wl-clip-persist-git blueberry

Background utility: either swww-git or azote; Follow the Quick Start Instructions from Hyprland

๐Ÿง™โ€โ™‚๏ธ Setup Hyprland Config

Default Theme

Copy all files from the repo to your hyprland config folder, and rename _hyprland.conf to hyprland.conf .

git clone https://github.com/AmadeusWM/dotfiles-hyprland.git
cd dotfiles-hyprland
cp -r ./* ~/.config/hypr
# Rename config file
mv ~/.config/hypr/_hyprland.conf ~/.config/hypr/hyprland.conf 

Switching Primary Screen

Add this line to your config:

exec=~/.config/hypr/scripts/variables/set_env primary [ID_OF_PRIMAR_SCREEN] # 0, 1, 2, ...

Switching theme or config (Optional)

Assign the source parameter in the hyprland.conf to a different configuration file.

โœจ Theming Other Applications

instructions

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
  2. Publish theme

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
MacOS Fix overlapping controls
  1. Open this file in your editor: dotfiles-hyprland/dots/firefox/chrome/window-controls/wc-without-tabline.css
  2. Uncomment the following: (in :root:not([inFullscreen]) toolbar#nav-bar
margin-left: calc(
        var(--wc-right-space) * 2 + 60px
    ) !important; 
  1. Comment in this line:
margin-left: 0px;
  1. Your file should look like this
@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;
}
Windows: Window Control Buttons At the Right Side

The solution is to replace this line: (in chrome/config.css)

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

with the following:

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

Afterwards your buttons should be visible.

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



โŒจ๏ธ Keybinds

All keybinds can be found in the keybinds folder

  • SUPER+SPACE: Application Launcher (wofi)
  • SUPER+Z: Prev workspace
  • SUPER+X: Next workspace
  • SUPER+CTRL+M: Quit Hyprland
  • SUPER+1,...9,0: Switch workspace
  • ALT+1,...9,0: Move window to workspace
  • SUPER+ALT+1,...9,0: Move window to workspace (silent)
  • SUPER+B: Switch Wallpaper
  • SUPER+V: Open clipboard history
  • SUPER+T or CTRl+ALT+T: Kitty
  • SUPER+F or CTRL+ALT+F: Firefox
  • SUPER+O: Obsidian
  • SUPER+E: Nautilus
  • SUPER+W: VS-code
  • SUPER+C: Color Picker (hyprpicker)
  • PRINT: Screenshot a part of your screen
  • SUPER+PRINT: Record a part of your screen
  • SUPER+SHIFT+B: Reset Top Bar (e.g. when connecting new screen)

โญ Credits

  • Back777space: for contributing๐Ÿ—ฟ๐Ÿ—ฟ๐Ÿ—ฟ
  • Zenneh: the Obsidian theme
  • Taylor85345: the well-organized dotfiles, and top-bar
  • flick0: inspiring hyprland-setup and useful scripts
  • Vaxry: hyprland




๐Ÿ”จ TO-DO

...

๐Ÿ’– Support

dotfiles-hyprland's People

Contributors

amadeuswm avatar back777space avatar driwell avatar ivanm-2157801 avatar kopp4 avatar rudra2002 avatar squirrelmodeller avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.