More!

.config/rofi/config.rasi

@@ -0,0 +1,31 @@
+// combi is basically a combination of all rofi windows
+// set `-show combi` in i3 config to show it at first page
+
+configuration {
+	modes: "emoji,run,calc,combi";
+	combi-modi: "drun,ssh,run";
+    font: "Fira Code Medium 15";
+    show-icons: true;
+    icon-theme: "Tela-dark-purple";
+    display-combi: "> ";
+    display-drun: "";
+    display-ssh: "ssh";
+    display-calc: "🧮";
+    disable-history: false;
+}
+
+
+//@theme "dracula.rasi"
+@theme "karamel"
+
+// to override theme with local config here
+// @theme "/dev/null"
+
+#textbox-prompt-colon {
+    expand:     false;
+    str:        "";
+    margin:     0px 0.3em 0em 0em ;
+    text-color: @foreground;
+}
+
+

.config/rofi/karamel.rasi

@@ -0,0 +1,120 @@
+* {
+    foreground: #f9f9f9;
+    background-color: #14291c;
+    active-background: #06c179;
+    urgent-background: #ff5555;
+    urgent-foreground: #282a36;
+    selected-background: @active-background;
+    selected-urgent-background: @urgent-background;
+    selected-active-background: @active-background;
+    separatorcolor: @active-background;
+    bordercolor: @active-background;
+}
+
+#window {
+    background-color: @background-color;
+    border:           4;
+    border-radius:    20;
+    border-color:     @bordercolor;
+    padding:          12;
+    margin:           12;
+}
+#mainbox {
+    border:  0;
+    border-radius:   12;
+    padding: 0;
+}
+#message {
+    border:       0px;
+    border-color: @separatorcolor;
+    padding:      12;
+}
+#textbox {
+    text-color: @foreground;
+}
+#listview {
+    fixed-height: 0;
+    border-color: @bordercolor;
+    scrollbar:    false;
+    padding:      3px 0px ;
+}
+
+#element {
+    border: 1;
+    padding: 4;
+    border-radius:  6;
+}
+#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 ];
+}
+element-text, element-icon {
+    background-color: inherit;
+    text-color: inherit;
+}