Adjust appearance of app launcher
This commit is contained in:
parent
196b9d4ce4
commit
471fad6a8e
|
@ -1,15 +1,17 @@
|
||||||
configuration {
|
configuration {
|
||||||
cycle: false;
|
cycle: false;
|
||||||
modi: "drun";
|
modi: "drun";
|
||||||
font: "JetBrainsMono Nerd Font 14";
|
font: "JetBrainsMono Nerd Font 12";
|
||||||
location: 0;
|
location: 0;
|
||||||
terminal: "alacritty";
|
terminal: "alacritty";
|
||||||
|
|
||||||
show-icons: true;
|
show-icons: true;
|
||||||
hide-scrollbar: true;
|
hide-scrollbar: true;
|
||||||
|
disable-history: false;
|
||||||
|
click-to-exit: true;
|
||||||
|
|
||||||
drun-display-format: "{name}";
|
drun-display-format: "{icon} {name}";
|
||||||
display-drun: " Apps ";
|
display-drun: "";
|
||||||
|
|
||||||
// Bindings
|
// Bindings
|
||||||
kb-remove-to-eol: "";
|
kb-remove-to-eol: "";
|
||||||
|
@ -18,103 +20,141 @@ configuration {
|
||||||
kb-accept-entry: "Control+m,Return,KP_Enter";
|
kb-accept-entry: "Control+m,Return,KP_Enter";
|
||||||
kb-element-next: "Tab,Control+j";
|
kb-element-next: "Tab,Control+j";
|
||||||
kb-element-prev: "ISO_Left_Tab,Control+k";
|
kb-element-prev: "ISO_Left_Tab,Control+k";
|
||||||
kb-row-left: "Control+Page_Up,Control+h";
|
|
||||||
kb-row-right: "Control+Page_Down,Control+l";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@theme "tokyonight"
|
@theme "tokyonight"
|
||||||
|
|
||||||
element-text, element-icon, mode-switcher {
|
|
||||||
background-color: inherit;
|
|
||||||
text-color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
window {
|
window {
|
||||||
// Using percentages here breaks literally everything for some reason
|
transparency: "real";
|
||||||
height: 550px;
|
background-color: @bg;
|
||||||
width: 50%;
|
text-color: @fg;
|
||||||
/* border: 3px; */
|
border: 2px;
|
||||||
border-color: @border-col;
|
border-color: @blue;
|
||||||
background-color: @bg-col;
|
border-radius: 30px;
|
||||||
border-radius: 12px;
|
width: 550px;
|
||||||
}
|
height: 65%;
|
||||||
|
anchor: center;
|
||||||
mainbox {
|
x-offset: 0;
|
||||||
background-color: @bg-col;
|
y-offset: 0;
|
||||||
}
|
|
||||||
|
|
||||||
inputbar {
|
|
||||||
children: [prompt,entry];
|
|
||||||
background-color: @selected-col;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 2px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
prompt {
|
prompt {
|
||||||
background-color: @blue;
|
enabled: true;
|
||||||
padding: 6px;
|
padding: 8px;
|
||||||
text-color: @bg-col;
|
background-color: @bg;
|
||||||
border-radius: 8px;
|
text-color: @red;
|
||||||
margin: 20px 0px 20px 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
textbox-prompt-colon {
|
textbox-prompt-colon {
|
||||||
expand: false;
|
expand: false;
|
||||||
str: ":";
|
str: "";
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: @selected;
|
||||||
|
text-color: @fg;
|
||||||
|
padding: 8px 16px 8px 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
entry {
|
entry {
|
||||||
padding: 6px;
|
background-color: @bg;
|
||||||
margin: 20px 0px 4px 10px;
|
text-color: @fg;
|
||||||
text-color: @fg-col;
|
placeholder-color: @placeholder;
|
||||||
background-color: @selected-col;
|
expand: true;
|
||||||
|
horizontal-align: 0;
|
||||||
|
placeholder: "Search...";
|
||||||
|
blink: true;
|
||||||
|
border: 0px 0px 2px 0px;
|
||||||
|
border-color: @blue;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
inputbar {
|
||||||
|
children: [ textbox-prompt-colon, prompt, entry ];
|
||||||
|
background-color: @bg;
|
||||||
|
text-color: @fg;
|
||||||
|
expand: false;
|
||||||
|
border: 0px 0px 0px 0px;
|
||||||
|
border-radius: 0px;
|
||||||
|
border-color: @blue;
|
||||||
|
margin: 0px 0px 0px 0px;
|
||||||
|
padding: 0px;
|
||||||
|
position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
case-indicator {
|
||||||
|
background-color: @bg;
|
||||||
|
text-color: @fg;
|
||||||
|
spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
listview {
|
listview {
|
||||||
padding: 10 10 0;
|
background-color: @bg;
|
||||||
margin: 10 10 0 10;
|
columns: 1;
|
||||||
columns: 5;
|
lines: 10;
|
||||||
background-color: @bg-col;
|
spacing: 4px;
|
||||||
|
cycle: false;
|
||||||
|
border: 0px;
|
||||||
|
dynamic: true;
|
||||||
|
layout: vertical;
|
||||||
|
scrollbar: false;
|
||||||
}
|
}
|
||||||
|
|
||||||
element {
|
mainbox {
|
||||||
padding: 15 10 15;
|
background-color: @bg;
|
||||||
background-color: @bg-col;
|
children: [ inputbar, listview ];
|
||||||
text-color: @fg-col;
|
spacing: 15px;
|
||||||
orientation: vertical;
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
element.normal.normal,
|
||||||
|
element.alternate.normal {
|
||||||
|
background-color: @bg;
|
||||||
|
text-color: @fg;
|
||||||
|
orientation: horizontal;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 6px 6px 6px 6px;
|
||||||
|
border: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
element-icon {
|
element-icon {
|
||||||
size: 56px;
|
background-color: inherit;
|
||||||
horizontal-align: 0.5;
|
text-color: inherit;
|
||||||
}
|
horizontal-align: 0.5;
|
||||||
|
vertical-align: 0.5;
|
||||||
element selected {
|
size: 24px;
|
||||||
background-color: @selected-col;
|
border: 0px;
|
||||||
text-color: @blue ;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
element-text {
|
element-text {
|
||||||
vertical-align: 0.5;
|
background-color: inherit;
|
||||||
horizontal-align: 0.5;
|
text-color: inherit;
|
||||||
expand: true;
|
expand: true;
|
||||||
font: "JetBrainsMono Nerd Font Medium 10";
|
horizontal-align: 0;
|
||||||
|
vertical-align: 0.5;
|
||||||
|
margin: 2px 0px 2px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
mode-switcher {
|
element normal.urgent,
|
||||||
spacing: 0;
|
element alternate.urgent {
|
||||||
|
background-color: @UGT;
|
||||||
|
text-color: @FG;
|
||||||
|
border-radius: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
element selected {
|
||||||
padding: 10px;
|
background-color: @selected;
|
||||||
background-color: @bg-col;
|
text-color: @blue;
|
||||||
text-color: @empty;
|
border: 0px 0px 0px 0px;
|
||||||
vertical-align: 0.5;
|
border-radius: 10px;
|
||||||
horizontal-align: 0.5;
|
border-color: @blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
button selected {
|
element selected.urgent {
|
||||||
background-color: @bg-col;
|
background-color: @red;
|
||||||
text-color: @blue;
|
text-color: @fg2;
|
||||||
|
}
|
||||||
|
|
||||||
|
element selected.active {
|
||||||
|
background-color: @selected;
|
||||||
|
color: @blue;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,16 +1,14 @@
|
||||||
* {
|
* {
|
||||||
bg-col: #1a1b26;
|
bg: #1a1b26;
|
||||||
bg-col-light: #272834;
|
bg-light: #272834;
|
||||||
border-col: #7aa2f7;
|
selected: #282e49;
|
||||||
selected-col: #282e49;
|
|
||||||
blue: #7bc5e4;
|
blue: #7bc5e4;
|
||||||
fg-col: #abb2bf;
|
fg: #abb2bf;
|
||||||
fg-col2: #e06c75;
|
fg2: #e06c75;
|
||||||
grey: #565c64;
|
grey: #565c64;
|
||||||
width: 600;
|
|
||||||
selected: #caaa6a;
|
|
||||||
red: #ce7284;
|
red: #ce7284;
|
||||||
green: #7dc5a0;
|
green: #7dc5a0;
|
||||||
empty: #5b668e;
|
empty: #5b668e;
|
||||||
inactive: #4a5374;
|
inactive: #4a5374;
|
||||||
|
placeholder: #474f6f;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue