2020-05-05 06:54:10 +00:00
|
|
|
/**
|
|
|
|
* Colors
|
|
|
|
*/
|
2022-06-26 15:17:53 +00:00
|
|
|
@define-color pro-white #f9f9f9;
|
2022-06-25 19:56:22 +00:00
|
|
|
@define-color on-grey1 #f9f9f9;
|
2022-06-25 19:59:19 +00:00
|
|
|
@define-color on-grey2 #1F1F1F;
|
2022-06-26 15:17:53 +00:00
|
|
|
@define-color pro-black #1F1F1F;
|
2020-05-05 06:54:10 +00:00
|
|
|
|
2020-05-05 05:55:28 +00:00
|
|
|
/**
|
|
|
|
* App Window
|
|
|
|
*/
|
2022-06-26 15:17:53 +00:00
|
|
|
@define-color bg_color @pro-black;
|
2020-05-05 05:55:28 +00:00
|
|
|
@define-color window_bg @bg_color;
|
2022-06-26 15:20:29 +00:00
|
|
|
@define-color window_border_color @pro-black;
|
2022-06-26 15:17:53 +00:00
|
|
|
@define-color prefs_backgroud @pro-black;
|
2020-05-05 05:55:28 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Input
|
|
|
|
*/
|
2022-06-26 15:19:04 +00:00
|
|
|
@define-color selected_bg_color @pro-white;
|
|
|
|
@define-color selected_fg_color @pro-black;
|
|
|
|
@define-color input_color @pro-white;
|
2022-06-26 15:23:21 +00:00
|
|
|
@define-color caret_color @pro-black;
|
2020-05-05 05:55:28 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Result items
|
|
|
|
*/
|
2022-06-26 15:24:55 +00:00
|
|
|
@define-color item_name @pro-white;
|
|
|
|
@define-color item_text @pro-white;
|
2022-06-26 15:22:48 +00:00
|
|
|
@define-color item_box_selected @pro-white;
|
2022-06-26 15:17:53 +00:00
|
|
|
@define-color item_text_selected @pro-black;
|
|
|
|
@define-color item_name_selected @pro-black;
|
2022-06-26 15:28:18 +00:00
|
|
|
@define-color item_shortcut_color @pro-white;
|
|
|
|
@define-color item_shortcut_shadow @bg_color;
|
2022-06-26 15:31:28 +00:00
|
|
|
@define-color item_shortcut_color_sel @item_text_selected;
|
|
|
|
@define-color item_shortcut_shadow_sel @item_box_selected;
|
2020-05-05 05:55:28 +00:00
|
|
|
|
|
|
|
.app {
|
|
|
|
background-color: @window_bg;
|
|
|
|
border-color: @window_border_color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input {
|
|
|
|
color: @input_color;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Selected text in input
|
|
|
|
*/
|
|
|
|
.input *:selected,
|
|
|
|
.input *:focus,
|
|
|
|
*:selected:focus {
|
2020-05-09 13:24:56 +00:00
|
|
|
background-color: alpha (@selected_bg_color, 0.25);
|
2020-05-05 05:55:28 +00:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-window-shadow {
|
|
|
|
margin: -20px;
|
2022-06-25 19:56:22 +00:00
|
|
|
}
|