Adjust appearance of app launcher

This commit is contained in:
Kiana Sheibani 2024-03-20 01:03:52 -04:00
parent 196b9d4ce4
commit 471fad6a8e
2 changed files with 117 additions and 79 deletions

View file

@ -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;
}
listview {
padding: 10 10 0;
margin: 10 10 0 10;
columns: 5;
background-color: @bg-col;
}
element {
padding: 15 10 15;
background-color: @bg-col;
text-color: @fg-col;
orientation: vertical;
}
element-icon {
size: 56px;
horizontal-align: 0.5;
}
element selected {
background-color: @selected-col;
text-color: @blue ;
border-radius: 8px;
}
element-text {
vertical-align: 0.5;
horizontal-align: 0.5;
expand: true; expand: true;
font: "JetBrainsMono Nerd Font Medium 10"; horizontal-align: 0;
placeholder: "Search...";
blink: true;
border: 0px 0px 2px 0px;
border-color: @blue;
border-radius: 10px;
padding: 8px;
} }
mode-switcher { 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; spacing: 0;
} }
button { listview {
padding: 10px; background-color: @bg;
background-color: @bg-col; columns: 1;
text-color: @empty; lines: 10;
vertical-align: 0.5; spacing: 4px;
horizontal-align: 0.5; cycle: false;
border: 0px;
dynamic: true;
layout: vertical;
scrollbar: false;
} }
button selected { mainbox {
background-color: @bg-col; background-color: @bg;
text-color: @blue; children: [ inputbar, listview ];
spacing: 15px;
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 {
background-color: inherit;
text-color: inherit;
horizontal-align: 0.5;
vertical-align: 0.5;
size: 24px;
border: 0px;
}
element-text {
background-color: inherit;
text-color: inherit;
expand: true;
horizontal-align: 0;
vertical-align: 0.5;
margin: 2px 0px 2px 2px;
}
element normal.urgent,
element alternate.urgent {
background-color: @UGT;
text-color: @FG;
border-radius: 9px;
}
element selected {
background-color: @selected;
text-color: @blue;
border: 0px 0px 0px 0px;
border-radius: 10px;
border-color: @blue;
}
element selected.urgent {
background-color: @red;
text-color: @fg2;
}
element selected.active {
background-color: @selected;
color: @blue;
} }

View file

@ -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;
} }