other applications

README.md

@@ -11,15 +11,39 @@
 ## 📦 Required dependencies:
 Install these dependencies manually (Arch) 
 ```shell
-hyprland-git nerd-fonts-complete wofi rofi wifi4wofi dunst eww swww swayidle swaylock-effects-git swaylockd sway-audio-idle-inhibit-git pamixer light papirus-icon-theme playerctl waybar-hyprland-git cava waybar-mpris-git kitty xdg-desktop-portal-wlr grim slurp pokemon-colorscripts-git wl-clipboard
+hyprland-git nerd-fonts-complete wofi rofi wifi4wofi dunst eww swww swayidle swaylock-effects-git swaylockd sway-audio-idle-inhibit-git pamixer light papirus-icon-theme playerctl waybar-hyprland-git cava waybar-mpris-git kitty xdg-desktop-portal-wlr grim slurp wl-clipboard
+```
+
+## Setup Hyprland Config
+### Default Theme
+Copy all files from the repo to your hyprland config folder, and rename `_hyprland.conf` to `hyprland.conf` .
+```bash
+git clone [email protected]:AmadeusWM/dotfiles-hyprland.git
+cd dotfiles-hyprland
+cp -r ./* ~/.config/hypr
+# Rename config file
+mv ~/.config/hypr/_hyprland.conf ~/.config/hypr/hyprland.conf 
+```
+
+### Switching theme or config (Optional)
+Assign the `source` parameter in the `hyprland.conf` to a different configuration file.
+
+## Theming Other 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`
+```bash
+cp  ./dots/dunst ~/.config
+cp  ./dots/wofi ~/.config
+cp  ./dots/rofi ~/.config
+cp  ./dots/kitty ~/.config
 ```
 
 # 🔨 TO-DO
 - [x] Notifications (this maybe? https://www.reddit.com/r/unixporn/comments/sacxs3/oc_styled_notifications_using_dunst/)
 - [x] Swappable wallpaper with wofi
 example:
 ```bash
-ls /home/amadeusw/.config/hypr/themes/apatheia/wallpapers | wofi --show dmenu                                                                                                      ```
+ls /home/amadeusw/.config/hypr/themes/apatheia/wallpapers | wofi --show dmenu
 ```
 - [ ] Disable and Enable notifications
 - [ ] Pull request Dunst: rounded icons

_hyprland.conf

@@ -0,0 +1,9 @@
+# Set Themes And Configs #
+## Scripts ##
+exec-once=$HOME/.config/hypr/scripts/autostart
+## Keybinds and Configs ##
+source=~/.config/hypr/keybinds/amadeus.conf
+source=~/.config/hypr/configs/amadeus.conf
+## Themes ##
+# source=~/.config/hypr/themes/detox-life/theme.conf
+source=~/.config/hypr/themes/apatheia/theme.conf

dots/dunst/dunstrc

@@ -32,7 +32,7 @@
     origin = top-right
 
     # Offset from the origin
-    offset = 15x60
+    offset = 15x65
 
     # Scale factor. It is auto-detected if value is 0.
     scale = 0

dots/firefox/chrome/config.css

@@ -59,8 +59,8 @@
   --ap-color-dp7: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 60%));
   --ap-color-dp8: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 70%));
   --ap-color-dp9: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 80%));
-  --ap-color-dp10: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 95%));
-  --ap-color-dp11: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 100%));
+  --ap-color-dp10: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 85%));
+  --ap-color-dp11: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 90%));
   --ap-h1: var(--ap-red);
   --ap-h2: var(--ap-purple);
   --ap-h3: var(--ap-blue);

dots/firefox/chrome/navbar/navbar.css

@@ -107,11 +107,12 @@ toolbar:not([customizing="true"])
     overflow: visible !important;
 }
 
-.toolbarbutton-animatable-box {
+/* animated download box (do this to get it into the url bar */
+/* .toolbarbutton-animatable-box {
     transform: translateX(-80px) !important;
     top: 1px !important;
     z-index: 10 !important;
-}
+} */
 
 #PersonalToolbar {
     margin-top: -40px !important;

dots/firefox/chrome/urlbar/urlbar.css

@@ -530,6 +530,7 @@
 
 .urlbar-page-action{
     margin: 0px 4px !important;
+    align-self: center;
 }
 
 .urlbar-display {

dots/firefox/chrome/variables.css

@@ -82,6 +82,13 @@
 
     /* background color when starting firefox, or when loading pages... */
     --tabpanel-background-color: var(--dark-0) !important;/* /#2B2A33; */
+
+    /* history popup bar left */
+    /* sidebar */
+    --lwt-sidebar-background-color: var(--dark-base) !important;
+
+    /* sidebar_text */
+    --lwt-sidebar-text-color: var(--light-base) !important;
 }
 
 /* light mode */

dots/firefox/chrome/window-controls/wc-without-tabline.css

@@ -3,9 +3,10 @@
 :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; //shift toolbar to the right based on initial width */
+    ) !important;  */
     margin-left: 0px;
 }
 

dots/firefox/treestyletab/treestyletab.css

@@ -59,8 +59,8 @@ for some information on how to change these variables...
   --ap-color-dp7: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 60%));
   --ap-color-dp8: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 70%));
   --ap-color-dp9: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 80%));
-  --ap-color-dp10: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 95%));
-  --ap-color-dp11: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 100%));
+  --ap-color-dp10: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 85%));
+  --ap-color-dp11: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 90%));
   --ap-h1: var(--ap-red);
   --ap-h2: var(--ap-purple);
   --ap-h3: var(--ap-blue);
@@ -121,7 +121,7 @@ for some information on how to change these variables...
 }
 
 :root {
-  --tab-border-radius: 10px;
+  --tab-border-radius: 8px;
   /* border radius of tabs */
   --animation-duration: 200ms;
   /* duration of different animations [0s: turn all animations off] */
@@ -164,7 +164,7 @@ tab-item:not(.collapsed) {
   /* border-radius: 0px var(--tab-border-radius) var(--tab-border-radius) 0px; */
   border-radius: var(--tab-border-radius);
   border: none !important;
-  height: 34px !important;
+  height: 40px !important;
   justify-content: center;
 }
 
@@ -195,12 +195,12 @@ tab-item tab-favicon {
 
 tab-item {
   --tab-size: 34px !important;
-  margin: 4px;
 }
 
 tab-item tab-item-substance {
   height: var(--tab-size);
   padding: 4px 0px 4px 4px;
+  margin: 4px;
 }
 
 tab-item tab-item-substance .active {
@@ -224,7 +224,7 @@ tab-item.active .label {
 }
 
 tab-item.active {
-  background: var(--dark-3) !important;
+  background: var(--dark-4) !important;
 }
 
 tab-item:not(.active).highlighted {
@@ -269,11 +269,11 @@ tab-closebox:hover {
   color: var(--light-1) !important;
   background: rgba(66, 66, 66, 0.2666666667) !important;
   border-radius: 5px;
-  margin: 0px 4px;
-  padding: 2px 5px;
+  margin: 0px 6px;
+  padding: 4px 5px;
   font-weight: bold;
   /* padding-bottom: 2px; */
-  order: -1 !important;
+  order: 0 !important;
 }
 
 .counter:before,

dots/kitty/kitty-theme.conf

@@ -1,5 +1,3 @@
-/*
-### ^ REMOVE THE PREVIOUS COMMENT FOR THE THEME TO WORK ###
 # vim:ft=kitty
 
 ## name: Catppuccin
@@ -9,7 +7,7 @@
 ## blurb: Soothing pastel theme for the high-spirited!
 
 # The basic colors
-foreground              #FFFFFF
+foreground              #E2E0EC
 background              #0B0A10
 selection_foreground    #D9E0EE
 selection_background    #575268
@@ -52,36 +50,35 @@ mark3_background #B5E8E0
 #: The 16 terminal colors
 
 #: black
-color0 #6E6C7E
-color8 #988BA2
+color0 #2B273F
+color8 #61588E
 
 #: red
-color1 #F28FAD
-color9 #F28FAD
+color1 #E97193
+color9 #E97193
 
 #: green
-color2  #ABE9B3
-color10 #ABE9B3
+color2  #AAC5A0
+color10 #AAC5A0
 
 #: yellow
-color3  #FAE3B0
-color11 #FAE3B0
+color3  #ECE0A8
+color11 #ECE0A8
 
 #: blue
-color4  #96CDFB
-color12 #96CDFB
+color4  #A8C5E6
+color12 #A8C5E6
 
 #: magenta
-color5  #F5C2E7
-color13 #F5C2E7
+color5  #DFA7E7
+color13 #DFA7E7
 
 #: cyan
-color6  #89DCEB
-color14 #89DCEB
+color6  #A8E5E6
+color14 #A8E5E6
 
 #: white
-color7  #D9E0EE
-color15 #D9E0EE
+color7  #E2E0EC
+color15 #E2E0EC
 
 #*/
-

dots/kitty/kitty.conf

@@ -3,4 +3,4 @@
 include kitty-theme.conf
 # END_KITTY_THEME
 window_padding_width 15
-font_size 12
+font_size 12