Rofi Config

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 4

* {

COLOR-FOCUSED-DARK: #26a98b;
COLOR-FOCUSED-LIGHT: #edb54b;
COLOR-BLACK: #10151b;
COLOR-BLACK-LIGHT: #093748;
COLOR-BLACK-LIGHTER: #245361;
COLOR-WHITE: #d3ebe9;
COLOR-URGENT: #c33027;
COLOR-BACKGROUND: #09374870;
}

window {
children: [mainbox];
transparency: "real";
background-color: @COLOR-BACKGROUND;
border: 5px;
border-color: @COLOR-FOCUSED-LIGHT;
spacing: 0px;
font: "JetBrainsMono 13";
}

mainbox {
children: [inputbar, mode-switcher, listview, message];
background-color: #00000000;
padding: 0px;
spacing: 0;
}

inputbar {
background-color: @COLOR-BLACK-LIGHT;
padding: 5px;
margin: 10px;
text-color: @COLOR-WHITE;
}

prompt {
text-color: @COLOR-WHITE;
}

entry {
text-color: @COLOR-FOCUSED-LIGHT;
}

mode-switcher {
children: [button];
background-color: #00000000;
border: 0;
padding: 0;
margin: 10px;
}

button {
text-color: @COLOR-WHITE;
padding: 5px;
}

button selected.normal {
background-color: @COLOR-FOCUSED-DARK;
text-color: @COLOR-WHITE;
}

listview {
children: [element];
columns: 1;
spacing: 0;
scrollbar: false;
border: 0;
padding: 0;
margin: 10px;
}

element {
children: [element-icon, element-text];
padding: 0;
spacing: 0;
}

element-icon {
padding: 5px;
}

element-icon normal.normal {
background-color: @COLOR-BLACK-LIGHTER;
}
element-icon normal.urgent {
background-color: @COLOR-BLACK-LIGHTER;
}
element-icon normal.active {
background-color: @COLOR-BLACK-LIGHTER;
}

element-icon selected.normal {
background-color: @COLOR-BLACK-LIGHTER;
}
element-icon selected.urgent {
background-color: @COLOR-BLACK-LIGHTER;
}
element-icon selected.active {
background-color: @COLOR-BLACK-LIGHTER;
}

element-icon alternate.normal {
background-color: @COLOR-BLACK-LIGHTER;
}
element-icon alternate.urgent {
background-color: @COLOR-BLACK-LIGHTER;
}
element-icon alternate.active {
background-color: @COLOR-BLACK-LIGHTER;
}

element-text {
padding: 5px;
}

element-text normal.normal {
background-color: @COLOR-BLACK-LIGHT;
text-color: @COLOR-WHITE;
}
element-text normal.urgent {
background-color: @COLOR-URGENT;
text-color: @COLOR-WHITE;
}
element-text normal.active {
background-color: @COLOR-FOCUSED-DARK;
text-color: @COLOR-WHITE;
}

element-text selected.normal {
background-color: @COLOR-FOCUSED-LIGHT;
text-color: @COLOR-BLACK;
}
element-text selected.urgent {
background-color: @COLOR-FOCUSED-LIGHT;
text-color: @COLOR-URGENT;
}
element-text selected.active {
background-color: @COLOR-FOCUSED-LIGHT;
text-color: @COLOR-WHITE;
}

element-text alternate.normal {
background-color: @COLOR-BLACK-LIGHT;
text-color: @COLOR-WHITE;
}
element-text alternate.urgent {
background-color: @COLOR-URGENT;
text-color: @COLOR-WHITE;
}
element-text alternate.active {
background-color: @COLOR-FOCUSED-DARK;
text-color: @COLOR-WHITE;
}

message {
//TODO: utilize this
text-color: @COLOR-URGENT;
}

error-message {
children: [textbox];
}

textbox {
color: @COLOR-URGENT;
padding: 10px;
//TODO: increase font size;
}

You might also like