Rofi material theme not showing correctly

udoqirax · 2021-12-26 11:09:48

I am having a problem at configuring my Rofi theme for my Arch Linux. I downloaded the material theme from https://github.com/davatorium/rofi-them … r%20Themes and selected it with rofi-theme-selector, but it does not show the same way as per the description.

In particular, I cannot read the entries from the menu because of the colors being wrongly set (black on dark blue).

Further info:

OS: Arch Linux
WM: i3

Could you please help me? Thanks in advance.

seth · 2021-12-26 13:52:39

There's neither black nor dark blue in the shot of the theme - maybe link a screenshot of your system so that people get what you're actually seeing.
(Don't post a oversized image, just the link)

udoqirax · 2021-12-26 14:35:19

Please find it here

seth · 2021-12-26 15:18:40

That's the material scheme, but there's nothing in the upstream .rasi that would explain the color
Does

rofi -theme material.rasi -show run

look ok?
If not, what's the output of

strace rofi -theme material.rasi -show run 2>&1 | grep material

and what does the opened file look like?

udoqirax · 2021-12-26 15:27:51

The output does not look OK in either way.

This is the output of strace:

execve("/usr/bin/rofi", ["rofi", "-theme", "material.rasi", "-show", "run"], 0x7ffe7a41d890 /* 36 vars */) = 0
access("/usr/share/rofi/themes/material.rasi", F_OK) = 0
openat(AT_FDCWD, "/usr/share/rofi/themes/material.rasi", O_RDONLY) = 6
access("material.rasi", F_OK)           = -1 ENOENT (No such file or directory)
access("/home/archuser/.config/rofi/themes/material.rasi", F_OK) = -1 ENOENT (No such file or directory)
access("/home/archuser/.config/rofi/material.rasi", F_OK) = -1 ENOENT (No such file or directory)
access("/home/archuser/.local/share/rofi/themes/material.rasi", F_OK) = -1 ENOENT (No such file or directory)
access("/usr/share/rofi/themes/material.rasi", F_OK) = 0
openat(AT_FDCWD, "/usr/share/rofi/themes/material.rasi", O_RDONLY) = 5

seth · 2021-12-26 15:29:18

And what is the content of /usr/share/rofi/themes/material.rasi ?

udoqirax · 2021-12-26 15:31:44

This is the content of /usr/share/rofi/themes/material.rasi:

/*
 * ROFI color theme
 *
 * Based on Base16 Material Color Scheme (https://github.com/ntpeters/base16-materialtheme-scheme)
 *
 * User: Tomaszal
 * Copyright: Tomas Zaluckij
 */

* {
	base00: #263238;
	base01: #2E3C43;
	base02: #314549;
	base03: #546E7A;
	base04: #B2CCD6;
	base05: #EEFFFF;
	base06: #EEFFFF;
	base07: #FFFFFF;
	base08: #F07178;
	base09: #F78C6C;
	base0A: #FFCB6B;
	base0B: #C3E88D;
	base0C: #89DDFF;
	base0D: #82AAFF;
	base0E: #C792EA;
	base0F: #FF5370;

	/*base0D: #00BCD4;*/

	spacing: 0;
	background-color: transparent;

	font: "Roboto Mono 13";
}

window {
	transparency: "real";
	/*fullscreen: true;*/
	background-color: #263238CC; /*base00 + CC (80% opacity)*/
}

mainbox {
	children: [inputbar, message, mode-switcher, listview];
	spacing: 30px;
	/*margin: 20%;*/
	padding: 30px 0;
	border: 1px;
	border-color: @base0D;
}

inputbar {
	padding: 0 30px;
	children: [prompt, textbox-prompt-colon, entry, case-indicator];
}

prompt {
	text-color: @base0D;
}

textbox-prompt-colon {
	expand: false;
	str: ":";
	margin: 0 1ch 0 0;
	text-color: @base0D;
}

entry {
	text-color: @base07;
}

case-indicator {
	text-color: @base0F;
}

mode-switcher, message {
	border: 1px 0;
	border-color: @base0D;
}

button, textbox {
	background-color: @base03;
	text-color: @base07;
	padding: 5px;
}

button selected {
	background-color: @base0D;
}

listview {
	scrollbar: true;
	margin: 0 10px 0 30px;
}

scrollbar {
	background-color: @base03;
	handle-color: @base0D;
	handle-width: 10px;
	border: 0 1px;
	border-color: @base0D;
	margin: 0 0 0 20px;
}

element {
	padding: 5px;
	highlight: bold underline;
}

element normal {
	background-color: transparent;
}

element selected {
	background-color: @base0D;
}

element alternate {
	/*background-color: @base03;*/
}

element normal normal, element selected normal, element alternate normal {
	text-color: @base07;
}

element normal urgent, element selected urgent, element alternate urgent {
	text-color: @base0F;
}

element normal active, element selected active, element alternate active {
	text-color: @base0B;
}

seth · 2021-12-26 15:40:43

That's the upstream file - do you run a compositor next to i3 (picom)?

udoqirax · 2021-12-26 15:44:01

Yes, this is from i3 config:

...
exec_always picom -f
...

seth · 2021-12-26 15:50:17

Glx or xrender? Somewhere in the back of my mind there was a shader bug (maybe related to blurring, though your scrot doesn't look like that)

udoqirax · 2021-12-26 16:05:22

I didn't install either of them. I'm still in the post-installation phase.
Should I install any to have it work?

seth · 2021-12-26 16:09:54

What?
picom defaults to the xrender backend but you can configure it to use glx (and enable blurring and stuff like this)
Is picom running right now ("pidof picom")?

udoqirax · 2021-12-26 16:12:57

This is the PID of picom:

I did not configure it to use glx.

Arch Linux

#1 2021-12-26 11:09:48

Rofi material theme not showing correctly

#2 2021-12-26 13:52:39

Re: Rofi material theme not showing correctly

#3 2021-12-26 14:35:19

Re: Rofi material theme not showing correctly

#4 2021-12-26 15:18:40

Re: Rofi material theme not showing correctly

#5 2021-12-26 15:27:51

Re: Rofi material theme not showing correctly

#6 2021-12-26 15:29:18

Re: Rofi material theme not showing correctly

#7 2021-12-26 15:31:44

Re: Rofi material theme not showing correctly

#8 2021-12-26 15:40:43

Re: Rofi material theme not showing correctly

#9 2021-12-26 15:44:01

Re: Rofi material theme not showing correctly

#10 2021-12-26 15:50:17

Re: Rofi material theme not showing correctly

#11 2021-12-26 16:05:22

Re: Rofi material theme not showing correctly

#12 2021-12-26 16:09:54

Re: Rofi material theme not showing correctly

#13 2021-12-26 16:12:57

Re: Rofi material theme not showing correctly

Board footer