Cannot change color of elements in rofi / i3

Issues & Assistance i3wm
6

Okay, here is the solution: the two rofi themes in the Garuda i3 install are using an older syntax. If you look at the themes in the Rofi github repo, the syntax is different.

I also followed links from the Rofi wiki to other theme collections. I liked these:

https://github.com/Murzchnvok/rofi-collection

I tested several with Garuda i3, and they worked perfectly. And looked much better! Here is the code from the dracula.rasi theme:

/*
 * ROFI color theme
 *
 * Based on Something Found in the Internet
 *
 * User: Contributors
 * Copyright: *!
 */

configuration {
  display-run: " ";
  display-drun: "  ";
  display-window: "  ";
  drun-display-format: "{icon} {name}";
  font: "JetBrainsMono Nerd Font Medium 10";
  modi: "window,run,drun";
  show-icons: true;
}

* {
  bg: #282a36;
  bg-alt: #44475a;
  
  fg: #f8f8f2;

  blue: #6272a4;
  purple: #bd93f9;

  background-color: @bg;
  
  border: 0;
  margin: 0;
  padding: 0;
  spacing: 0;
}

element {
  padding: 12;
  text-color: @blue;
}

element selected {
  text-color: @purple;
}

element-text {
  background-color: inherit;
  text-color: inherit;
}

entry {
  background-color: @blue;
  padding: 12 0 12 3;
  text-color: @fg;
}

inputbar {
  children: [prompt, entry];
}

listview {
  columns: 1;
  lines: 8;
}

mainbox {
  children: [inputbar, listview];
}

prompt {
  background-color: @blue;
  enabled: true;
  font: "FontAwesome 12";
  padding: 12 0 0 12;
  text-color: @fg;
}

window {
  transparency: "real";
}

And that should take care of the problem! Thanks!

1 Like