swap rofi with onagre on wayland

Amolith created 2 years ago

Change summary

dot_config/hypr/hyprland.conf.tmpl |  4 
dot_config/onagre/theme.scss.tmpl  | 76 ++++++++++++++++++++++++++++++++
2 files changed, 78 insertions(+), 2 deletions(-)

Detailed changes

dot_config/hypr/hyprland.conf.tmpl

@@ -173,8 +173,8 @@ $mod = SUPER
 
 # Example binds, see https://wiki.hyprland.org/Configuring/Binds/ for more
 # Applications
-bindr = $mod      , Z                    , exec          , rofi -show drun
-bindr = $mod SHIFT, Z                    , exec          , rofi -show run
+bindr = $mod      , Z                    , exec          , onagre
+bindr = $mod SHIFT, Z                    , exec          , onagre
 bind  = $mod      , RETURN               , exec          , alacritty
 bind  = $mod SHIFT, RETURN               , exec          , emacsclient -c
 bind  = $mod      , E                    , exec          , nautilus

dot_config/onagre/theme.scss.tmpl

@@ -0,0 +1,76 @@
+.onagre {
+    background: #eff1f5;
+    color: #4c4f69;
+    --icon-theme: "Papirus-Light";
+    --font-family: "Berkeley Mono";
+    --icon-size: 24;
+    border-radius: 8%;
+    border-color: #eff1f5;
+    border-width: 4px;
+    padding: 5px;
+
+    .container {
+        .rows {
+            --height: fill-portion 6;
+            .row {
+                .icon {
+                    padding-top: 4px;
+                }
+
+                .category-icon {
+                    padding-left: 5px;
+                    --icon-size: 11;
+                }
+
+                .title {
+                    font-size: 18px;
+                }
+
+                .description {
+                    font-size: 12px;
+                }
+            }
+
+            .row-selected {
+                border-radius: 8%;
+                background: #dbdce1;
+
+                .icon {
+                    padding-top: 4px;
+                }
+
+                .category-icon {
+                    padding-left: 5px;
+                    --icon-size: 11;
+                }
+
+                .title {
+                    font-size: 20px;
+                }
+
+                .description {
+                    font-size: 12px;
+                }
+            }
+        }
+
+        .search {
+            border-radius: 5%;
+            background: #dbdce1;
+            --height: fill-portion 1;
+            padding: 4px;
+            .input {
+                font-size: 20px;
+            }
+        }
+
+        .scrollable {
+            border-radius: 5%;
+            background: #c0c0c0;
+            .scroller {
+                border-radius: 5%;
+                color: #a1a1a1;
+            }
+        }
+    }
+}