Coder Social home page Coder Social logo

hotfiles's Introduction

IMPORTANT: Those who are looking for the old rice, it is on the worm branch, click here to check it out.

picture 2

picture 2picture 3picture 4picture 5

      

Thanks for Visiting!

Welcome to my GitHub repository of personal dotfiles! These are beautifully created with usability and aestheticism kept in mind. Feel free to explore it, use it or steal copy it, but please give me the credits 😃. If you need any help, you can open an issue on GitHub or you can contact me on Discord: Syndrizzle#3826, I will be happy to help!

2. ✨ The Bedazzle BSPWM ✨

About:

  • Kitty as the terminal.
  • Tokyo Night as the color scheme.
  • BSPWM as the window manager.
  • Picom (Fluffy Animations) as the compositor.
  • EWW as the widgets [Dashboard, Player and System Menu]
  • Rofi as the application launcher.
  • SLiM as the Display Manager.
  • Dunst as the notification daemon.
  • Conky as the desktop eyecandy.
  • jgmenu as the desktop root menu.
  • Polybar as the main bar.

⚠️ NOTE!!!!! This configuration was made for my PC, so some things might not work on your PC as this was never intended to be a usable full fledged system, in that case, please try if you can fix that up as much as possible, or you can open an issue for help :) This was made for a 1920x1080 screen and on a Laptop with 96 dpi.


Installation:

Below are the installation steps to install the dotfiles of my setup. Click on a step to Expand it.

1. Install Dependencies:

Before we begin the installation, you need to create a Downloads folder in your /home folder if it is not there by default.

mkdir ~/Downloads

Since we will store temporary cloned files in this folder.

For now the installation instructions are only provided for Arch Based distributions, I have not included the steps for others because I don't want to end up fighting with the compatibility issues on other distributions, I will add them after proper testing.

A one time command to install most of these dependencies with your favorite AUR Helper is given below, however some of them might need to be installed manually. In this case we are using paru, you can any other, I don't mind 🙃

paru -S kitty polybar rofi bspwm-rounded-corners-git xdg-user-dirs nautilus xorg pavucontrol blueberry xfce4-power-manager feh lxappearance papirus-icon-theme file-roller gtk-engines gtk-engine-murrine neofetch imagemagick parcellite xclip maim gpick curl jq tint2 zsh moreutils recode dunst plank python-xdg redshift mate-polkit xfce4-settings mpv yaru-sound-theme fish alsa-utils slim xorg-xinit brightnessctl acpi mugshot playerctl python-pytz glava wmctrl i3lock-color jgmenu inter-font networkmanager-dmenu-git conky-lua bsp-layout zscroll

You also need pylrc which is a python module for handling the lyrics of song in the eww based player. You can skip this if you don't use spotify. First install pip:

sudo pacman -S python-pip

Then:

sudo pip install pylrc

To install pylrc to your main site-packages folder.

Now you gotta install some dependencies which cannot be installed via the AUR helper/Pacman or it is better to install them this way:

1. Eww

Elkowar's wacky widgets are the main widgets that we are gonna use in our system. It is a very essential dependency that you need. First you need the nightly version of rust and also GTK3. A speedy way would be to directly install the binary package of rust nightly from the AUR using your favorite AUR helper:

paru -S rust-nightly-bin gtk3

Then we just need to run a few commands assuming you have git installed:

cd ~/Downloads
git clone https://github.com/elkowar/eww.git
cd eww
cargo build --release -j $(nproc)
cd target/release
sudo mv eww /usr/bin/eww

That installs eww to our root filesystem, which is then sourced from the $PATH.

2. xqp

xqp comes from the author of bspwm. It outputs the pointer ID under the window, basically, it is needed for the right click menu to function when clicking the root window in bspwm. The method of doing this was taken from beyond9thousand

NOTE: You need base-devel installed before this:

sudo pacman -S base-devel

Then you just gotta do:

cd ~/Downloads
git clone https://github.com/baskerville/xqp.git
cd xqp
make
sudo make install

3. Picom Pijulius Fork

This picom fork has the best window animations you can get. For eyecandy we are using this fork, this isn't available in the AUR, so you need to install it manually:

First install all the dependencies required to build the compositor:

sudo pacman -S libconfig libev libxdg-basedir pcre pixman xcb-util-image xcb-util-renderutil hicolor-icon-theme libglvnd libx11 libxcb libxext libdbus asciidoc

Then do the following:

cd ~/Downloads
git clone https://github.com/pijulius/picom.git
cd picom/
meson --buildtype=release . build --prefix=/usr -Dwith_docs=true
sudo ninja -C build install

With that, we have all the dependencies. We can move to the next part.

2. Installing GTK Theme: To match with the current colorscheme, we are using the Tokyo Night GTK Theme
cd ~/Downloads
git clone https://github.com/Fausto-Korpsvart/Tokyo-Night-GTK-Theme.git
cd Tokyo-Night-GTK-Theme/
mv themes/Tokyonight-Dark-BL /usr/share/themes/

And that's it!

3. Installing Dotfiles: The step we all have been waiting for.

Clone them and install:

cd ~/Downloads
git clone https://github.com/syndrizzle/hotfiles.git -b bspwm
cd hotfiles
cp -r .config .scripts .local .cache .wallpapers ~/
sudo cp -r usr/ /usr/
cp .xinitrc .gtkrc-2.0 ~/

Install Fonts: Assuming you are already in the hotfiles folder

cd .fonts
mv * /usr/share/fonts

Move slim.conf and environment to it's location: Again assuming you are in the hotfiles folder

cd etc/
mv slim.conf environment /etc/

Move items in usr folder to their respective places:

sudo mv usr/ /usr/

The usr folder contains the cursor theme and some executable scripts.

Miscllaneous:

Spicetify Theme:

Since we copied the dotfiles, we can apply the spicetify theme now. First, install spicetify using:

paru -S spicetify-cli-git

Then, we need to give read and write access to our spotify folder for modifications:

sudo chmod a+wr /opt/spotify
sudo chmod a+wr /opt/spotify/Apps -R

After that we just need to run:

spicetify config current_theme Ziro
spicetify config color_scheme tokyonight
spicetify config extensions adblock.js
spicetify backup apply

This would install the spicetify theme to your Spotify.

Visual Studio Code Theme: To get a consistent look for visual studio code, you can install the Tokyo Night Theme from the visual studio code marketplace.

Click Here to access the theme link

Gallery:

The Desktop

The Main Dashboard

Spotify

A much better look at the desktop :)

Lock Screen using i3lock

Login Screen using SLiM

More Fluff!

Polybar with all the important information, visible to you when you need it!

A beautiful notification center created with aesthetics and usability in mind.

A system menu with a lot of configuration available at your fingertips!

An eww based music player popup to control your music, get synced lyrics, and even a visualizer!


Tips:

1. Enable touchpad Tap-to-click:

If you are a laptop user, you might want to enable tap to click so that it gets easier to navigate using a touchpad. It is pretty easy to do so! Copy and paste this one command in your terminal to fly!

sudo mkdir -p /etc/X11/xorg.conf.d && sudo tee <<'EOF' /etc/X11/xorg.conf.d/90-touchpad.conf 1> /dev/null
Section "InputClass"
        Identifier "touchpad"
        MatchIsTouchpad "on"
        Driver "libinput"
        Option "Tapping" "on"
EndSection

EOF

2. Enable GitHub Notification count.

If you are a GitHub user, you can get a notification count on your main bar. For this you will need a GitHub Personal Access Token in order to authenticate yourself with the API. Follow this guide for obtaining the Personal Access Token

Next, you just need to append the token to your polybar script using your preferred text editor, in this case we are using nano :

nano ~/.config/polybar/scripts/github

Now, replace Your_Username in the USER field with your GitHub username. And then replace Your_PAT in the TOKEN field with your Personal Access Token.

3. Get your directories.

If there are no default directories when you do dir or ls, you might just have to manually create them. Just install xdg-user-dirs and run the command, then reboot.

xdg-user-dirs-update

4. Turn on lock screen when you need it.

Since we are using xfce4-power-manager, we might want to make it toggle the lock screen when the laptop lid is closed, or if the laptop is just idle. To do this we can use xfconf-query to set the command that needs to manually toggle our lockscreen,

xfconf-query -c xfce4-session -p /general/LockCommand -s "$HOME/.scripts/lock-run" --create -t string

Credits:

Thanks to:


That's it! Have a nice day!

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.