Created custom zenburn teme for rofi

This commit is contained in:
Andrew Scott 2022-01-22 00:09:47 -05:00
parent 29fd8486cf
commit df6302c851
Signed by: a
GPG key ID: 3EB62D0BBB8DB381

View file

@ -1,192 +1,185 @@
/* ==========================================================================
Zenburn theme for rofi
/*-*- mode: css; -*-*/ Based on the Zenburn color scheme for Vim by jnurmine
/** ROFI Color theme */ https://github.com/jnurmine/Zenburn
========================================================================== */
configuration {
modi: "combi";
combi-modi: "window,drun,run,ssh";
me-select-entry: "MouseSecondary";
me-accept-entry: "MousePrimary";
scroll-method: 1;
display-ssh: "ssh";
display-run: "#! ";
display-drun: "";
display-window: "";
display-combi: "請選擇";
show-icons: true;
}
/**
* User: Qball
* Copyright: Dave Davenport
*/
* { * {
foreground: #dcdccc; /* Theme settings */
backlight: #ccffeedd; highlight: bold italic;
background-color: transparent; scrollbar: true;
dark: #434443;
black: #3F3F3F; /* Zenburn colors */
black-2: #4f4f4f;
tblack-2: #3f3f3fcc; zenburn-bg0: #3f3f3f;
red: #CC9393; zenburn-bg1: #4f4f4f;
red-2: #9C6363; zenburn-fg: #dcdccc;
green: #7F9F7F; zenburn-black: #282828;
green-2: #5F7F5F; zenburn-dark-grey: #709080;
yellow: #F0DFAF; zenburn-dark-red: #705050;
yellow-2: #D0BF8F; zenburn-red: #dca3a3;
blue: #8CD0D3; zenburn-dark-yellow: #f0deae;
blue-2: #6CA0A3; zenburn-yellow: #dfcf9f;
magenta: #DC8CC3; zenburn-dark-blue: #506070;
magenta-2: #CB7BB2; zenburn-blue: #94bff3;
cyan: #93E0E3; zenburn-dark-magenta: #dc8cc3;
tcyan: #93E0E3de; zenburn-magenta: #ec93d3;
cyan-2: #82CFD2; zenburn-dark-cyan: #8cd0d3;
white: #DCDCCC; zenburn-cyan: #93e0e3;
white-2: #FFFFEF; zenburn-light-grey: #dcdccc;
highlight: underline bold #6CA0A3; zenburn-white: #ffffff;
transparent: rgba(0,0,0,0);
font: "Hack 12"; /* Theme colors */
background: @zenburn-bg0;
background-color: @background;
foreground: @zenburn-fg;
border-color: @zenburn-cyan;
separatorcolor: @border-color;
scrollbar-handle: @border-color;
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @zenburn-bg1;
alternate-normal-foreground: @foreground;
selected-normal-background: @zenburn-dark-cyan;
selected-normal-foreground: @zenburn-black;
active-background: @zenburn-yellow;
active-foreground: @background;
alternate-active-background: @active-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @zenburn-cyan;
selected-active-foreground: @active-foreground;
urgent-background: @zenburn-dark-red;
urgent-foreground: @background;
alternate-urgent-background: @urgent-background;
alternate-urgent-foreground: @urgent-foreground;
selected-urgent-background: @zenburn-red;
selected-urgent-foreground: @urgent-foreground;
} }
window { window {
location: center; background-color: @background;
anchor: center; border: 2;
transparency: "screenshot"; padding: 2;
padding: 10px;
border: 0px;
radius: 15px;
color: @magenta;
background-color: @transparent;
spacing: 0;
children: [vertb, mainbox];
orientation: horizontal;
font: "Hack 12";
} }
mainbox { mainbox {
spacing: 0; border: 0;
children: [ inputbar, message, listview ]; padding: 0;
} }
message { message {
border-color: @foreground; border: 2px 0 0;
border: 0px 2px 2px 2px; border-color: @separatorcolor;
padding: 5; padding: 1px;
background-color: @yellow;
font: "Hack 12";
color: @black;
} }
inputbar { textbox {
color: @foreground; highlight: @highlight;
padding: 11px; text-color: @foreground;
background-color: @dark;
border: 2px 2px 2px 2px;
border-radius: 0px 0px 0px 0px;
border-color: @foreground;
font: "Hack 12";
}
entry,prompt,case-indicator {
text-font: inherit;
text-color:inherit;
} }
listview { listview {
padding: 8px; border: 2px solid 0 0;
border-radius: 0px 0px 0px 0px; padding: 2px 0 0;
border-color: @foreground; border-color: @separatorcolor;
border: 0px 2px 2px 2px; spacing: 2px;
background-color: #1c1c1ccc; scrollbar: @scrollbar;
dynamic: true;
lines: 20;
} }
element { element {
padding: 3px; border: 0;
vertical-align: 0.5; padding: 2px;
background-color: @dark;
color: @dark;
font:inherit;
} }
element selected normal { element.normal.normal {
color: @black; background-color: @normal-background;
background-color: @foreground; text-color: @normal-foreground;
} }
element normal active { element.normal.urgent {
foreground: @red-2; background-color: @urgent-background;
color: @green-2; text-color: @urgent-foreground;
background-color:@yellow-2;
} }
element normal.urgent { element.normal.active {
foreground: @red; background-color: @active-background;
text-color: @active-foreground;
} }
element normal normal { element.selected.normal {
background-color: @tblack; background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
} }
element alternate normal { element.selected.urgent {
background-color: @black; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground;
} }
element alternate.active { element.selected.active {
foreground: @red; background-color: @selected-active-background;
text-color: @selected-active-foreground;
} }
element alternate.urgent { element.alternate.normal {
foreground: @red; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground;
} }
element selected.active { element.alternate.urgent {
color: @black; background-color: @alternate-urgent-background;
background-color: @foreground; text-color: @alternate-urgent-foreground;
} }
element selected.urgent { element.alternate.active {
background-color: @red-2; background-color: @alternate-active-background;
foreground: @foreground; text-color: @alternate-active-foreground;
} }
scrollbar {
vertb { width: 4px;
expand: false; border: 0;
// children: [ Dummy0, sidebar, dummy1 ]; handle-color: @scrollbar-handle;
handle-width: 8px;
padding: 0;
} }
dummy0, dummy1 { mode-switcher {
expand: true; border: 2px 0 0;
border-color: @separatorcolor;
} }
sidebar { inputbar {
expand: false; spacing: 0;
orientation: vertical; text-color: @normal-foreground;
spacing: 0px; padding: 2px;
border: 0px 0px 0px 0px; children: [ prompt, textbox-prompt-sep, entry, case-indicator ];
} }
case-indicator,
entry,
prompt,
button { button {
font: "FontAwesome 26"; spacing: 0;
padding: 6px; text-color: @normal-foreground;
border: 2px 0px 2px 2px;
border-radius: 4px 0px 0px 4px;
background-color: @tblack-2;
border-color: @foreground;
color: @foreground;
horizontal-align: 0.5;
} }
button selected normal { button.selected {
color: @dark; background-color: @selected-normal-background;
border: 2px 0px 2px 2px; text-color: @selected-normal-foreground;
background-color: @backlight;
border-color: @foreground;
} }
element-icon { textbox-prompt-sep {
padding: 2px 0px; expand: false;
size: 32px; str: ":";
text-color: @normal-foreground;
margin: 0 0.3em 0 0;
}
element-text, element-icon {
background-color: inherit;
text-color: inherit;
} }