add onedark theme in eww | more rofi themes

README.md

@@ -7,8 +7,9 @@
 (empty workspaces have their color greyed out)
 
 - NOTE: This is vanilla dwm bar (status2d patch for setting colors) not dwmblocks or polybar. 
-
 <img src="https://github.com/siduck/chadwm/blob/screenshots/screenshots/chadwm.png">
+- The small widget over the top right is an eww widget and thats old! Ive improved the eww widget 
+<img src='https://chadpaste.com/f/guhksddehy.png'>
 
 # Tag preview (while hovering tag icon)
 
@@ -23,15 +24,14 @@ https://user-images.githubusercontent.com/59060246/128050994-17f46934-6604-4430-
 
 # Setup 
 
-- mv chadwm dir (this repo) to ~/.config
-- chmod +x all scripts in scripts dir
-- copy the stuff from fonts folder to your ~/.local/share/fonts 
-- compile dwm :
 ```
-cd ~/.config/chadwm/chadwm
+git clone https://github.com/siduck/chadwm --depth 1
+mv chadwm ~/.config
+cd ~/.config/chadwm
 sudo make install
 ```
-- autostart file is just an example one so it must be adjusted for your liking!
+- copy the stuff from fonts folder to your ~/.local/share/fonts 
+- autostart script in the scripts dir is just an example one so it must be adjusted for your liking!
 
 # Run chadwm
 
@@ -61,6 +61,13 @@ Type=Application
 
 - [wallpaper](https://github.com/siduck/chadwm/blob/screenshots/screenshots/chad.png)
 
+
+# Change themes 
+
+- Bar  : in bar.sh and config.def.h
+- eww  : in eww.scss
+- rofi : in config.rasi 
+
 # Credits 
 
 - HUGE THANKS to [eProTaLT83](https://www.reddit.com/user/eProTaLT83). I wanted certain features in dwm like tabbar in monocle , tagpreview etc and he implemented my ideas and created patches for me! I   cant even count the number of times he has helped me :v 

eww/eww.scss

@@ -1,4 +1,4 @@
-@import "scss/themes/gruvchad.scss";
+@import "scss/themes/onedark.scss";
 
 // header
 @import "scss/header/equalizer.scss";

eww/scss/themes/gruvchad.scss

@@ -6,7 +6,5 @@ $lightGrey: #696c6d;
 $green: #89b482;
 $red: #ec6b64;
 $blue: #6d8dad;
-$pink: #cc7f94;
 $yellow: #d6b676;
-$orange: #e78a4e;
 $purple: #9f899c;

eww/scss/themes/onedark.scss

@@ -0,0 +1,10 @@
+$white: #abb2bf;
+$black: #1e222a;
+$blackAlt: #252931;
+$grey: #353b45;
+$lightGrey: #6f737b;
+$green: #7eca9c;
+$red: #e06c75;
+$blue: #61afef;
+$yellow: #e7c787;
+$purple: #c882e7;

rofi/config.rasi

@@ -1,38 +1,25 @@
 configuration{
-    modi: "drun";
+    modi: "run,drun,window";
     lines: 5;
     font: "Iosevka 12";
     show-icons: true;
     icon-theme: "Oranchelo";
     terminal: "st";
     drun-display-format: "{icon} {name}";
-    display-drun: "  ";
     location: 0;
-    separator-style: "solid";
     disable-history: false;
     hide-scrollbar: true;
+    display-drun: "   Apps ";
 }
 
-@theme "/dev/null"
+@theme "gruv"
 
-element-text, element-icon {
+element-text, element-icon , mode-switcher {
     background-color: inherit;
     text-color:       inherit;
 }
 
-* {
-    dark-black: #1e2122;
-    bg-col:  #222526;
-    border-col: #282b2c;
-    selected-col: #282b2c;
-    blue: #8dae88;
-    fg-col: #d4be98;
-    fg-col2: #df736d;
-    width: 600;
-}
-
 window {
-    padding: 20px;
     height: 360px;
     border: 3px;
     border-color: @border-col;
@@ -40,8 +27,6 @@ window {
 }
 
 mainbox {
-    padding: 5px;
-    border-radius: 13px;
     background-color: @bg-col;
 }
 
@@ -54,9 +39,10 @@ inputbar {
 
 prompt {
     background-color: @blue;
-    padding: 5px 5px 0px;
+    padding: 6px;
     text-color: @bg-col;
     border-radius: 3px;
+    margin: 20px 0px 0px 20px;
 }
 
 textbox-prompt-colon {
@@ -66,6 +52,7 @@ textbox-prompt-colon {
 
 entry {
     padding: 6px;
+    margin: 20px 0px 0px 10px;
     text-color: @fg-col;
     background-color: @bg-col;
 }
@@ -73,6 +60,7 @@ entry {
 listview {
     border: 0px 0px 0px;
     padding: 6px 0px 0px;
+    margin: 10px 0px 0px 20px;
     columns: 2;
     background-color: @bg-col;
 }
@@ -91,3 +79,20 @@ element selected {
     background-color:  @selected-col ;
     text-color: @fg-col2  ;
 }
+
+mode-switcher {
+    spacing: 0;
+  }
+
+button {
+    padding: 10px;
+    background-color: @bg-col-light;
+    text-color: @grey;
+    vertical-align: 0.5; 
+    horizontal-align: 0.5;
+}
+
+button selected {
+  background-color: @bg-col;
+  text-color: @blue;
+}

rofi/themes/forest.rasi

@@ -0,0 +1,11 @@
+* {
+    bg-col: #2B3339;
+    bg-col-light: #333b41;
+    border-col: #333b41;
+    selected-col: #333b41;
+    blue: #87c095;
+    fg-col: #b4bbc8;
+    fg-col2: #e67e80;
+    grey: #545c62;
+    width: 600;
+}

rofi/themes/gruv.rasi

@@ -0,0 +1,11 @@
+* {
+    bg-col:  #1e2122;
+    bg-col-light: #26292a;
+    border-col: #282b2c;
+    selected-col: #242728;
+    blue: #8dae88;
+    fg-col: #d4be98;
+    fg-col2: #df736d;
+    grey: #5b5e5f;
+    width: 600;
+}

rofi/themes/nord.rasi

@@ -0,0 +1,11 @@
+* {
+    bg-col: #2E3440;
+    bg-col-light: #343a46;
+    border-col: #343a46;
+    selected-col: #343a46;
+    blue: #81A1C1;
+    fg-col: #b4bbc8;
+    fg-col2: #BF616A;
+    grey: #646a76;
+    width: 600;
+}

rofi/themes/onedark.rasi

@@ -0,0 +1,11 @@
+* {
+    bg-col:  #1e222a;
+    bg-col-light: #282c34;
+    border-col: #282c34;
+    selected-col: #282c34;
+    blue: #61afef;
+    fg-col: #abb2bf;
+    fg-col2: #e06c75;
+    grey: #565c64;
+    width: 600;
+}