Professional Documents
Culture Documents
Rofi Config
Rofi Config
Rofi Config
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;
}