theme.css

/**
 * Dracula colors
 */
@define-color background #191622;
@define-color current_line_background #44475A;
@define-color foreground #E1E1E6;
@define-color foreground_lessimportant #585858;
@define-color accent #BD93F9;
@define-color highlight #8BE9FD;
@define-color boder_color #483C67;

/**
 * App Window
 */
 @define-color bg_color @background;
 @define-color window_bg @background;
 @define-color window_border_color @boder_color;
 @define-color prefs_backgroud @foreground;
 
 /**
  * Input
  */
 @define-color selected_bg_color @foreground;
 @define-color selected_fg_color @background;
 @define-color input_color @foreground;
 @define-color caret_color @foreground;
 
 /**
  * Result items
  */
 @define-color item_name @foreground;
 @define-color item_text @foreground_lessimportant;
 @define-color item_box_selected @current_line_background;
 @define-color item_text_selected @accent;
 @define-color item_name_selected @accent;
 @define-color item_shortcut_color @foreground;
 @define-color item_shortcut_shadow darker(@background);
 @define-color item_shortcut_color_sel @highlight;
 @define-color item_shortcut_shadow_sel darker(@item_box_selected);
 
 .app {
     background-color: @window_bg;
     border-color: @window_border_color;
 }
 
 .input {
     color: @input_color;
 }
 
 /**
  * Selected text in input
  */
 .input *:selected,
 .input *:focus,
 *:selected:focus {
     background-color: alpha (@selected_bg_color, 0.9);
     color: @selected_fg_color;
 }
 
 .item-text {
     color: @item_text;
 }
 .item-name {
     color: @item_name;
 }
 
 .selected.item-box {
     background-color: @item_box_selected;
     border-left: 1px solid @window_border_color;
     border-right: 1px solid @window_border_color;
 }
 .selected.item-box .item-text {
     color: @item_text_selected;
 }
 .selected.item-box .item-name {
     color: @item_name_selected;
 }
 .item-shortcut {
     color: @item_shortcut_color;
     text-shadow: 1px 1px 1px @item_shortcut_shadow;
 }
 .selected.item-box .item-shortcut {
     color: @item_shortcut_color_sel;
     text-shadow: 1px 1px 1px @item_shortcut_shadow_sel;
 }
 
 .prefs-btn {
     opacity: 0.8;
 }
 .prefs-btn:hover {
     background-color: @prefs_backgroud;
 }