💄 Improve rofi styling and remove redundant styling from imagepicker

ambertia · Jan 29, 2025 · 772ee26 · 772ee26
1 parent d1a698f
commit 772ee26
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 6 deletions.
diff --git a/.config/rofi/custom.rasi b/.config/rofi/custom.rasi
@@ -10,6 +10,28 @@ a custom template. Yes, it's stupid. */
 
 window {
     background-color: #03030355;
+    border: 5px;
+    border-color: @selected-urgent-background;
+    border-radius: 20px;
+    padding: 0;
+    width: 700px;
+}
+
+inputbar {
+    padding: 10px;
+}
+
+listview {
+    fixed-height: true;
+    lines: 10;
+    padding: 10px;
+    spacing: 2px;
+    scrollbar: true;
+}
+
+element {
+    border-radius: 20px;
+    padding: 5px;
 }
 
 element-text {
@@ -19,3 +41,12 @@ element-text {
 element-icon {
     size: 1.5em;
 }
+
+scrollbar {
+    background-color: #03030399;
+    border-radius: 5px;
+    handle-color: @active-background;
+    handle-width: 10px;
+    width: 10px;
+    margin: 5px;
+}
diff --git a/.config/rofi/imagepicker.rasi b/.config/rofi/imagepicker.rasi
@@ -6,7 +6,6 @@ configuration {
 @theme "~/.config/rofi/custom.rasi"
 
 * {
-    background: transparent;
 }
 
 window {
@@ -15,12 +14,10 @@ window {
 
 listview {
     columns: 3;
-    scrollbar: true;
     spacing: 10px;
-    padding: 10px;
     dynamic: true;
-    fixed-height: true;
     lines: 3;
+    flow: horizontal;
 }
 
 inputbar {
@@ -29,7 +26,7 @@ inputbar {
 
 element {
     orientation: vertical;
-    padding: 5px;
+    padding: 10px;
 }
 
 element-icon {
@@ -38,6 +35,5 @@ element-icon {
 }
 
 element-text {
-    vertical-align: 0.5;
     horizontal-align: 0.5;
 }