[MINOR] Changed rofi to catppuccin and with icons

.config/rofi/config.rasi

@@ -1,7 +1,13 @@
 configuration {
- modi: "window,drun,ssh,combi";
+ modi: "drun,filebrowser";
- font: "FiraCode Nerd Font Mono 10";
+ font: "FiraCode Nerd Font Mono 16";
- combi-modi: "window,drun,ssh";
+ show-icons: true;
+ drun-display-format: "{icon} {name}";
+ disable-history: false;
+ hide-scrollbar: true;
+ display-drun: "  Apps";
+ display-Network:" 󰤨  Network";
+ sidebar-mode: true;
  }
 @theme "~/.config/rofi/themes/teal.rasi"
 

.config/rofi/themes/teal.rasi

@@ -1,127 +1,112 @@
-/*Dracula theme based on the Purple official rofi theme*/
-
 * {
-    font: "Jetbrains Mono 12";
+    bg-col:  #303446;
-    foreground: #f8f8f2;
+    bg-col-light: #303446;
-    background-color: #282a36;
+    border-col: #303446;
-    active-background: #006666;
+    selected-col: #44475a;
-    urgent-background: #ff5555;
+    blue: #8caaee;
-    urgent-foreground: #282a36;
+    fg-col: #c6d0f5;
-    selected-background: @active-background;
+    fg-col2: #e78284;
-    selected-urgent-background: @urgent-background;
+    grey: #737994;
-    selected-active-background: @active-background;
+
-    separatorcolor: @active-background;
+    width: 600;
-    bordercolor: @active-background;
+    font: "FiraCode Nerd Mono 14";
 }
 
-#window {
+element-text, element-icon , mode-switcher {
-    background-color: @background-color;
-    border:           1;
-    border-radius: 6;
-    border-color: @bordercolor;
-    padding:          5;
-}
-#mainbox {
-    border:  0;
-    padding: 0;
-}
-#message {
-    border:       1px dash 0px 0px ;
-    border-color: @separatorcolor;
-    padding:      1px ;
-}
-#textbox {
-    text-color: @foreground;
-}
-#listview {
-    fixed-height: 0;
-    border:       2px dash 0px 0px ;
-    border-color: @bordercolor;
-    spacing:      2px ;
-    scrollbar:    false;
-    padding:      2px 0px 0px ;
-}
-#element {
-    border:  0;
-    padding: 1px ;
-}
-#element.normal.normal {
-    background-color: @background-color;
-    text-color:       @foreground;
-}
-#element.normal.urgent {
-    background-color: @urgent-background;
-    text-color:       @urgent-foreground;
-}
-#element.normal.active {
-    background-color: @active-background;
-    text-color:       @foreground;
-}
-#element.selected.normal {
-    background-color: @selected-background;
-    text-color:       @foreground;
-}
-#element.selected.urgent {
-    background-color: @selected-urgent-background;
-    text-color:       @foreground;
-}
-#element.selected.active {
-    background-color: @selected-active-background;
-    text-color:       @foreground;
-}
-#element.alternate.normal {
-    background-color: @background-color;
-    text-color:       @foreground;
-}
-#element.alternate.urgent {
-    background-color: @urgent-background;
-    text-color:       @foreground;
-}
-#element.alternate.active {
-    background-color: @active-background;
-    text-color:       @foreground;
-}
-#scrollbar {
-    width:        2px ;
-    border:       0;
-    handle-width: 8px ;
-    padding:      0;
-}
-#sidebar {
-    border:       2px dash 0px 0px ;
-    border-color: @separatorcolor;
-}
-#button.selected {
-    background-color: @selected-background;
-    text-color:       @foreground;
-}
-#inputbar {
-    spacing:    0;
-    text-color: @foreground;
-    padding:    1px ;
-}
-#case-indicator {
-    spacing:    0;
-    text-color: @foreground;
-}
-#entry {
-    spacing:    0;
-    text-color: @foreground;
-}
-#prompt {
-    spacing:    0;
-    text-color: @foreground;
-}
-#inputbar {
-    children:   [ prompt,textbox-prompt-colon,entry,case-indicator ];
-}
-#textbox-prompt-colon {
-    expand:     false;
-    str:        ":";
-    margin:     0px 0.3em 0em 0em ;
-    text-color: @foreground;
-}
-element-text, element-icon {
     background-color: inherit;
-    text-color: inherit;
+    text-color:       inherit;
 }
+
+window {
+    height: 360px;
+    border: 3px;
+    border-color: @border-col;
+    background-color: @bg-col;
+}
+
+mainbox {
+    background-color: @bg-col;
+}
+
+inputbar {
+    children: [prompt,entry];
+    background-color: @bg-col;
+    border-radius: 5px;
+    padding: 2px;
+}
+
+prompt {
+    background-color: @blue;
+    padding: 6px;
+    text-color: @bg-col;
+    border-radius: 3px;
+    margin: 20px 0px 0px 20px;
+}
+
+textbox-prompt-colon {
+    expand: false;
+    str: ":";
+}
+
+entry {
+    padding: 6px;
+    margin: 20px 0px 0px 10px;
+    text-color: @fg-col;
+    background-color: @bg-col;
+}
+
+listview {
+    border: 0px 0px 0px;
+    padding: 6px 0px 0px;
+    margin: 10px 0px 0px 20px;
+    columns: 1;
+    lines: 3;
+    background-color: @bg-col;
+}
+
+element {
+    padding: 5px;
+    background-color: @bg-col;
+    text-color: @fg-col  ;
+}
+
+element-icon {
+    size: 40px;
+}
+
+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;
+}
+
+message {
+    background-color: @bg-col-light;
+    margin: 2px;
+    padding: 2px;
+    border-radius: 5px;
+}
+
+textbox {
+    padding: 6px;
+    margin: 20px 0px 0px 20px;
+    text-color: @blue;
+    background-color: @bg-col-light;
+}
+

.config/xmonad/xmonad.norg

@@ -102,7 +102,7 @@ myKeys :: [(String, X ())]
 myKeys =
     [ ("M-x" ,spawn myTerminal )
     , ("M-S-x", namedScratchpadAction myScratchPads "terminal")
-    , ("M-p", spawn "rofi -show drun")
+    , ("M-p", spawn "rofi -show drun -show-icons")
     , ("M-S-p", spawn "eww open --toggle powermenu")
     , ("M-s", spawn "selected=$(ls ~/scripts/|rofi -dmenu -p \"Run: \") && bash ~/.config/rofi/scripts/$selected")
     , ("M-b", spawn myWebBrowser)