rofi: better theme

1 files changed, 31 insertions, 61 deletions

diff --git a/usecases/desktop/graphical/rofi.nix b/usecases/desktop/graphical/rofi.nix
index a4e9ab3..e43d461 100644
--- a/usecases/desktop/graphical/rofi.nix
+++ b/usecases/desktop/graphical/rofi.nix
@@ -11,94 +11,64 @@ _inputs: {
     # TODO: there is a better way
     theme = with config.theme.colors;
       builtins.toFile "theme.rasi" ''
+        configuration {
+          drun { display-name: ""; }
+          run { display-name: ""; }
+          keys { display-name: "⌨"; }
+        }
+
         * {
           dominant: ${dominant};
 
           foreground: ${foreground};
           dim-foreground: ${dimForeground};
 
-          text-color: @foreground;
-          border-color: @dim-foreground;
+          text-color: ${foreground};
+          border-color: ${dimForeground};
 
           background-color: ${background};
           light-background: ${lightBackground};
-        }
-
-        #window {
-          padding: 8px;
 
-          border:  1px solid;
-          background-color: @background;
+          border: 0;
+          margin: 0;
+          padding: 0;
+          spacing: 0;
         }
 
-        #mainbox {
-          border:  0;
-          padding: 0;
+        mainbox {
+          children: [inputbar, listview];
+          border:  1px solid;
+          border-color: ${dimForeground};
         }
 
-        #inputbar {
-          spacing: 0;
-          padding: 5px;
-          border: 0 0 1px 0;
-          margin: 0 0 8px 0;
-          children: [ prompt, textbox-prompt-sep, entry ];
+        inputbar {
+          background-color: ${dimDominant};
+          children: [prompt, entry];
         }
 
-        #prompt {
-          background-color: @background;
-          text-color: @dim-foreground;
+        prompt {
+          background-color: inherit;
+          padding: 12px;
         }
 
         textbox-prompt-sep {
           expand: false;
           str: ":";
-          text-color: @dim-foreground;
-          margin: 0 8px 0 0;
-        }
-
-        #message {
-          spacing: 0;
-          padding: 5px;
-          border: 0 0 1px 0;
-          margin: 0 0 8px 0;
-        }
-
-        #listview {
-          spacing: 0;
-        }
-
-        #element {
-          border:  0;
-          padding: 5px;
-
-          background-color: @background;
-        }
-
-        #element.selected.normal {
-          background-color: @dominant;
-        }
-
-        #element.urgent {
-          background-color: ${fadedRed};
-        }
-
-        #element.selected.urgent {
-          background-color: ${neutralRed};
+          background-color: inherit;
+          padding: 12px 0;
         }
 
-        #element.active {
-          background-color: ${dimForeground};
-          text-color: ${background};
+        entry {
+          background-color: inherit;
+          padding: 12px 0;
         }
 
-        #element.selected.active {
-          background-color: ${foreground};
-          text-color: ${background};
+        element-text {
+          padding: 10px;
         }
 
-        #scrollbar {
-          width: 4px;
-          handle-width: 8px;
+        element-text selected {
+          background-color: ${dominant};
         }
       '';
   };