my-rofi-theme

config.rasi

configuration {
	modi: "window,windowcd,run,drun,ssh,file-browser,calc,keys,combi";
/*	width: 3;*/
/*	lines: 15;*/
/*	columns: 1;*/
	font: "mono 10";
	bw: 1;
	location: 2;
	padding: 0;
	yoffset: 26;
/*	xoffset: 0;*/
	fixed-num-lines: false;
	show-icons: true;
/*	terminal: "rofi-sensible-terminal";*/
/*	ssh-client: "ssh";*/
/*	ssh-command: "{terminal} -e {ssh-client} {host} [-p {port}]";*/
/*	run-command: "{cmd}";*/
/*	run-list-command: "";*/
/*	run-shell-command: "{terminal} -e {cmd}";*/
/*	window-command: "wmctrl -i -R {window}";*/
/*	window-match-fields: "all";*/
/*	icon-theme: ;*/
/*	drun-match-fields: "name,generic,exec,categories";*/
	drun-show-actions: true;
/*	drun-display-format: "{name} [<span weight='light' size='small'><i>({generic})</i></span>]";*/
/*	disable-history: false;*/
/*	ignored-prefixes: "";*/
/*	sort: false;*/
/*	sorting-method: ;*/
/*	case-sensitive: false;*/
/*	cycle: true;*/
	sidebar-mode: true;
	eh: 1;
/*	auto-select: false;*/
/*	parse-hosts: false;*/
/*	parse-known-hosts: true;*/
	combi-modi: "window,drun,run";
	matching: "glob";
/*	tokenize: true;*/
/*	m: "-5";*/
/*	line-margin: 2;*/
/*	line-padding: 1;*/
/*	filter: ;*/
	separator-style: "none";
	hide-scrollbar: true;
/*	fullscreen: false; */
/*	fake-transparency: false;*/
	dpi: 0;
/*	threads: 0;*/
/*	scrollbar-width: 8;*/
/*	scroll-method: 0;*/
	fake-background: "screenshot";
	window-format: "{t}";
	click-to-exit: true;
/*	show-match: true;*/
/*	theme: ;*/
	color-normal: "#00000000, #ffffffff, #00000000, #20000000, #ffffffff";
	color-urgent: "#60700000, #ffffcfa0";
	color-active: "#30000000, #ffffffaf, #30000000, #70000000, #ffffffaf";
	color-window: "#df3f3f3f, #af9f9f9f";
/*	max-history-size: 25;*/
/*	combi-hide-mode-prefix: false;*/
/*	matching-negate-char: '-' /* unsupported */;*/
/*	cache-dir: ;*/
/*	pid: "/var/run/user/1000/rofi.pid";*/
	display-window: "All Win";
	display-windowcd: "Win";
	display-run: "Cmd";
	display-ssh: "SSH";
	display-drun: "App";
	display-combi: "Combi";
	display-keys: "Keys";
	display-calc: "Calc";
        display-file-browser: "Files";
/*	kb-primary-paste: "Control+V,Shift+Insert";*/
/*	kb-secondary-paste: "Control+v,Insert";*/
/*	kb-clear-line: "Control+w";*/
/*	kb-move-front: "Control+a";*/
/*	kb-move-end: "Control+e";*/
/*	kb-move-word-back: "Alt+b,Control+Left";*/
/*	kb-move-word-forward: "Alt+f,Control+Right";*/
/*	kb-move-char-back: "Left,Control+b";*/
/*	kb-move-char-forward: "Right,Control+f";*/
/*	kb-remove-word-back: "Control+Alt+h,Control+BackSpace";*/
/*	kb-remove-word-forward: "Control+Alt+d";*/
/*	kb-remove-char-forward: "Delete,Control+d";*/
/*	kb-remove-char-back: "BackSpace,Shift+BackSpace,Control+h";*/
/*	kb-remove-to-eol: "Control+k";*/
/*	kb-remove-to-sol: "Control+u";*/
/*	kb-accept-entry: "Control+j,Control+m,Return,KP_Enter";*/
	kb-accept-custom: "Control+Return";
/*	kb-accept-alt: "Shift+Return";*/
/*	kb-delete-entry: "Shift+Delete";*/
/*	kb-mode-next: "Shift+Right,Control+Tab";*/
/*	kb-mode-previous: "Shift+Left,Control+ISO_Left_Tab";*/
/*	kb-row-left: "Control+Page_Up";*/
/*	kb-row-right: "Control+Page_Down";*/
	kb-row-up: "Up,Control+p,ISO_Left_Tab,KP_Up";
	kb-row-down: "Down,Control+n,KP_Down";
/*	kb-row-tab: "Tab";*/
/*	kb-page-prev: "Page_Up";*/
/*	kb-page-next: "Page_Down";*/
/*	kb-row-first: "Home,KP_Home";*/
/*	kb-row-last: "End,KP_End";*/
/*	kb-row-select: "Control+space";*/
/*	kb-screenshot: "Alt+S";*/
/*	kb-ellipsize: "Alt+period";*/
/*	kb-toggle-case-sensitivity: "grave,dead_grave";*/
/*	kb-toggle-sort: "Alt+grave";*/
/*	kb-cancel: "Escape,Control+g,Control+bracketleft";*/
/*	kb-custom-1: "Alt+1";*/
/*	kb-custom-2: "Alt+2";*/
/*	kb-custom-3: "Alt+3";*/
/*	kb-custom-4: "Alt+4";*/
/*	kb-custom-5: "Alt+5";*/
/*	kb-custom-6: "Alt+6";*/
/*	kb-custom-7: "Alt+7";*/
/*	kb-custom-8: "Alt+8";*/
/*	kb-custom-9: "Alt+9";*/
/*	kb-custom-10: "Alt+0";*/
/*	kb-custom-11: "Alt+exclam";*/
/*	kb-custom-12: "Alt+at";*/
/*	kb-custom-13: "Alt+numbersign";*/
/*	kb-custom-14: "Alt+dollar";*/
/*	kb-custom-15: "Alt+percent";*/
/*	kb-custom-16: "Alt+dead_circumflex";*/
/*	kb-custom-17: "Alt+ampersand";*/
/*	kb-custom-18: "Alt+asterisk";*/
/*	kb-custom-19: "Alt+parenleft";*/
/*	kb-select-1: "Super+1";*/
/*	kb-select-2: "Super+2";*/
/*	kb-select-3: "Super+3";*/
/*	kb-select-4: "Super+4";*/
/*	kb-select-5: "Super+5";*/
/*	kb-select-6: "Super+6";*/
/*	kb-select-7: "Super+7";*/
/*	kb-select-8: "Super+8";*/
/*	kb-select-9: "Super+9";*/
/*	kb-select-10: "Super+0";*/
/*	ml-row-left: "ScrollLeft";*/
/*	ml-row-right: "ScrollRight";*/
/*	ml-row-up: "ScrollUp";*/
/*	ml-row-down: "ScrollDown";*/
/*	me-select-entry: "MousePrimary";*/
/*	me-accept-entry: "MouseDPrimary";*/
/*	me-accept-custom: "Control+MouseDPrimary";*/
}

* {
    icon-size: 16px;
    font-reg: "Roboto Condensed, 9";
    font-bold: "Roboto Condensed, Bold 9";
    font-light: "Roboto Light Bold 9";
    font-mono: "Monoid 7.4";
    font-mono-bold: "Monoid Bold 7.4";
    
    /* Match padding to line graphics extents */
    font-mono-padding: 0;
    
    inner-outline: black/40%;
    icon-color: white;

    color:  #ffeedd;
    backlight:   black/50%;
    background-color:  transparent;
    dark: #1c1c1c;
    // Black
    black:       #3d352a;
    lightblack:  #554444;
    tlightblack:  #554444cc;
    //
    // Red
    red:         #cd5c5c;
    lightred:    #cc5533;
    //
    // Green
    green:       #86af80;
    lightgreen:  #88cc22;
    //
    // Yellow
    yellow:      #e8ae5b;
    lightyellow:     #ffa75d;
    //
    // Blue
    blue:      #34456d;
    lightblue:     #87ceeb;
    //
    // Magenta
    magenta:      #deb887;
    lightmagenta:     #996600;
    //
    // Cyan
    cyan:      #b0c4de;
    tcyan:      #b0c4decc;
    lightcyan:     #b0c4de;
    //
    // White
    white:      #bbaa99;
    lightwhite:     #ddccbb;
    //
    // Bold, Italic, Underline
    highlight:     underline bold #ffffff;

    transparent: rgba(0,0,0,0);
    font: @font-reg;
    vertical-align: 0.5;
}
#window {
    location: west north;
    anchor:   west north;
    border:  1px;
    border-radius: 2mm;
    border-color: black/60%;
    color: @magenta;
    background-color: @transparent;
    spacing: 0;
    margin: 0 0 0 2px;
    children: [ vertbox, mainbox ];
    orientation: horizontal;
}

#mainbox {
    spacing: 0;
    children: [ inputbar, message, listview ];
}

#message {
    border-color: #888888ff;
    border:  0 1px 1px 1px;
    padding: 0.2em 1ch;
    background-color: #112e;
}

#inputbar {
    color: @lightyellow;
    padding: 0;
    background-color: #201815cf;
    border: 1px;
    border-radius:  0 calc(2mm - 1px) 0 0;
    border-color: #888888ff;
    spacing: 0;
    
    children:   [ textbox-k, prompt, textbox-colon, entry, case-indicator, dummy-sep, num-filtered-rows, textbox-slash, num-rows ];
}
#entry,prompt,textbox-colon,case-indicator,num-filtered-rows,textbox-slash,num-rows {
    text-color:inherit;
    border-color: @inner-outline;
}
#case-indicator {
    border: 1px 1px 1px 0;
    color: white;
    padding: 0 0.3em;
}
#dummy-sep {
    border-color: #888888ff;
    border: 0 1px 0 0;
    expand: false;
}
#prompt {
    /*margin: 0 0.3em 0 0 ;*/
    vertical-align: 0.5;
    border: 1px 0;
}
#listview {
    padding: 0;
    border-radius: 0 0 calc(2mm - 1px) 0;
    border-color: #888888ff;
    border: 0 1px 1px 1px;
    background-color: #1c1c1cdc;
    dynamic: true;
    scrollbar: true;
    spacing: 0;
}
#element {
    padding: 0;
    spacing: 0;
    vertical-align: 0.5;
    background-color: transparent;
}
#element selected.normal {
    color: white;
    background-color: black;
}
#element normal active {
    color: @lightblue;
}
#element normal urgent {
    color: @lightred;
}
#element alternate normal {
    background-color: white/1.5%;
}
#element alternate active {
    color: @lightblue;
}
#element alternate urgent {
    color: @lightred;
}
#element selected active {
    color: @lightblue;
    background-color: black;
}
#element selected urgent {
    color: @lightred;
    background-color: black;
}
#element normal normal {
}

element-icon {
    padding: 0 1mm;
    margin: 0;
    size: @icon-size;
}

element-text {
    font: @font-mono;
    vertical-align: 0.6;
    padding: @font-mono-padding;
}

element-text selected, element-icon selected {
    border: 1px 0;
    border-color: white/15%;
    font: @font-mono-bold;
}

scrollbar {
    border-color: white/5%;
    background-color: black/30%;
    handle-color: white/40%;
    border:       0 0 0 1px;
    handle-width: 2.4mm ;
    padding:      0;
}

scrollbar handle {
    background-color: yellow;
    border: 1px;
    border-color: green;
    margin: 1px;
}

#vertbox {
    expand: false;
    background-color: #888888ff;
    border: 1px 0 1px 1px;
    border-radius: calc(2mm - 1px) 0 0 calc(2mm - 1px);
    border-color: #888888ff;
    
    children: [ mode-switcher, button-run ];
    spacing: 1px;
}

#mode-switcher {
    expand: true;
    orientation: vertical;
    spacing: 1px;
    
    background-color: #888888ff;
    
    border: 0;
    border-radius: calc(2mm - 1px) 0 0 0;
    border-color: #888888ff;
}
#button, button-run {
    padding: 0 1mm;
    border: 0;
    border-radius: 0;
    background-color: #201815cf;
    border-color: @inner-outline;
    color: @foreground;
    horizontal-align: 0.5;
    font: @font-reg;
    /*min-height: 1em;*/

    action: "ok|alternate";
}
#button selected normal {
    background-color: black/85%;
    color: white;
}
#button-run {
    str: "Run";
    text-color: #dfd;
    background-color: #003000b0;
}
#error-message {
    background-color: #300000d0;
    border-color: red;
    border-radius: calc(2mm - 1px);
    border: 3px 2.4mm;
    padding: 0.2em 1ch;

    background-color: #ff8080ff;
    border-color: #ffc0c06f;
}

error-message textbox {
    text-color: yellow;
}

textbox-k {
    str: "⌨";
    font: "Sans 18px"; /* 18px 16px 28px */
    expand: false;
    padding: -4px 1px;

    border: 1px 0 1px 1px;
    border-color: black/40%;
    color: @icon-color;
}

textbox-colon {
    str: ": ";
    expand: false;
    font: @font-bold;
}

textbox-slash {
    str: "/";
    expand: false;
    font: @font-light;
    border: 1px 0;
    padding: 0;
}

prompt, num-rows, num-filtered-rows {
    font: @font-bold;
}

num-filtered-rows {
    border: 1px 0 1px 1px;
    padding: 0 0.4ch;
}

entry {
    vertical-align: 0.5;
    border: 1px 0;
    border-radius: 0;
}
num-rows {
    border: 1px 1px 1px 0;
    border-radius: 0 5px 0 0;
    padding: 0 0.4ch;
}