diff --git a/renderable/rofi/config_desktop.rasi b/renderable/rofi/config_desktop.rasi
new file mode 100644
index 0000000..757c634
--- /dev/null
+++ b/renderable/rofi/config_desktop.rasi
@@ -0,0 +1,12 @@
+/** Basic config file **/
+
+configuration {
+  show-icons: true;
+  icon-theme: "{{ icon-theme }}";
+  display-drun: "";
+  display-run: "🏃🏽‍♂️ ";
+  display-window: "🗔 ";
+  display-combi: "🔎  ";
+}
+
+@theme "style.rasi"
diff --git a/renderable/rofi/config_laptop.rasi b/renderable/rofi/config_laptop.rasi
new file mode 100644
index 0000000..d341476
--- /dev/null
+++ b/renderable/rofi/config_laptop.rasi
@@ -0,0 +1,13 @@
+/** Basic config file **/
+
+configuration {
+  show-icons: true;
+  icon-theme: "{{ icon-theme }}";
+  display-drun: "";
+  display-run: "🏃🏽‍♂️ ";
+  display-window: "🗔 ";
+  display-combi: "🔎  ";
+  dpi: 160;
+}
+
+@theme "style.rasi"
diff --git a/renderable/rofi/style.rasi b/renderable/rofi/style.rasi
new file mode 100644
index 0000000..31e0064
--- /dev/null
+++ b/renderable/rofi/style.rasi
@@ -0,0 +1,83 @@
+* {
+    background: {{ colour-background-hex }};
+    background-selected: {{ colour-background-alternative-hex }};
+    foreground: {{ colour-foreground-hex }};
+    accent: {{ colour-accent-hex }};
+    accent-two: {{ colour-accent-2-hex }};
+    // border-color: {{ colour-accent-3-hex }};
+    inactive: {{ colour-inactive-hex }};
+    spacing: 2;
+    width: 30em;
+    margin: 0;
+    padding: 0;
+}
+
+#window {
+    background-color: @background;
+    border-color: @accent-two;
+    border: 1px;
+    border-radius: 10px;
+    padding: 0;
+    location: west;
+    anchor: west;
+    margin: 0;
+}
+
+#mainbox {
+    background-color: @background;
+    spacing: 10px;
+    margin: 10px 0 0 0;
+    width: 200px;
+}
+
+#inputbar {
+    children: [prompt,entry];
+    background-color: @background;
+}
+
+#listview {
+    background-color: @background;
+    fixed-height: true;
+    margin: 5px 0 0 10px;
+}
+
+#element {
+    padding: 5px;
+    background-color: @background;
+    text-color: @foreground;
+}
+
+element selected {
+    background-color: @background-selected;
+    text-color: @accent;
+    border: 1px;
+    border-radius: 5px;
+}
+
+element-text {
+    background-color: inherit;
+    text-color: inherit;
+}
+
+element-icon {
+    background-color: inherit;
+    margin: 0 4px 0 0;
+    size: 35px;
+}
+
+#entry {
+   background-color: @background;
+   text-color: @accent;
+   placeholder: "Search";
+   placeholder-color: @inactive;
+   font: "{{ font-primary }} Regular 20";
+}
+
+#prompt {
+   background-color: @background;
+   padding: 0 4px;
+   margin: 0 5px 0 0;
+   text-color: @foreground;
+   font: "{{ font-accent }} Regular 20";
+}
+