Skip to content

peterdev22/dotfiles

Repository files navigation

My .files

This repository is supposed to be a backup of my (most important) configuration files just in case my computer dies. Feel free to take inspiration from these and modify them to your liking - I've made them easy to edit.

Outline

  • Theming
    • userChrome
      • userChrome.css
      • userChrome-new.css
    • simplebarrc
  • Window Management
    • yabairc
    • skhdrc
      • skhdrc
      • skhdrc-new

 

Theming

userChrome

userChrome.css - Integrated tab/urlbar

This Firefox configuration converts the top tab and address bar into one so theres more space for the webpage.

  • Looks better if you remove your toolbar items
  • Does not work on Windows
  • Tabs will resize to fit the space, but it can get annoying with >10 tabs
  • Themes:
    • Firefox Color - Catppuccin Mocha: Link
    • Firefox Color - Black (theme used in the image below): Link
    • Any theme from Firefox add-ons should work fine.
userchrome old example

userChrome-new.css - Rounded vertical tabs (NEW VERSION)

My new userChrome is designed for vertical tabs and it also leans into more of a rounded look. This userChrome does not transform the urlbar so it is a lot more responsive to window resizing compared to my last userChrome.

  • Works on Windows (just change the font to something you have installed)
  • Themes used:
    • Adaptive Tab Bar Colour - works well with this. Makes Firefox recolour depending on the website (similar to Safari).
    • Firefox Color - Black (same one linked above).
userchrome new example

 

simplebarrc

simple-bar is a menu bar replacement that uses Übersicht. I've included a config file which you can put into your ~/.simplebarrc. You can then get it into simple-bar by enabling the 'External config file' setting - a import button will appear and you can use that to import the config.

NOTE: Things will look weird before you add the custom theme.

To import the custom theme, go to /lib/styles/themes and add the simplebartheme.js file to the folder. Make sure to reference it in the themes.js file! (Code below)

Line 23 -> import * as PeterBlue from "./themes/simplebartheme.js";

Line 48 -> PeterBlue: PeterBlue.theme

Now go to the themes tab in setting and select 'Peter Blue', and you're done!

simplebar_example

Note, I don't actually use simplebar anymore but may again in the future. Currently I work with the menu bar hidden to maximise desktop space.

 

Window Management

yabairc

I use yabai for tiled window management on MacOS. My config file is nice and simple and can include padding but you can easily edit this file for yourself!

 

skhdrc

skhd is used in conjunction with yabai to allow the keyboard to control window positioning (you're probably going to want to control via kb). My setup file uses the hyper key (ctrl + alt + cmd) for moving windows around. Two files are included in this repository (I use the skhdrc-new version now, but the old file is still included as a backup).

The controls are ctrl + alt + cmd and...

skhdrc - full setup

  • arrows for swappping windows around
  • j, k, h, l for cutting windows around
  • shift + left or right for changing displays
  • t to detach window from yabai management
  • f for fullscreen
  • q, w, a, s for switching focus
  • z, x for switching focus between displays

skhdrc-new - simple, no focus controls, wasd movement

  • w, a, s, d for swappping windows around
  • shift + a or d for changing displays
  • t to detach window from yabai management
  • f for fullscreen
  • q for switching modes between bsp and stack

About

Configuration files for my wm/theme.

Topics

Resources

License

Stars

Watchers

Forks

Contributors