122 lines
1.9 KiB
CSS
122 lines
1.9 KiB
CSS
/**
|
|
* App Window
|
|
*/
|
|
@define-color bg_color #3C4141;
|
|
@define-color window_bg @bg_color;
|
|
@define-color window_border_color #3A3A3A;
|
|
|
|
/**
|
|
* Current realm
|
|
*/
|
|
@define-color realm_name #FFFDF7;
|
|
|
|
/**
|
|
* Input
|
|
*/
|
|
@define-color selected_bg_color #4675ab;
|
|
@define-color selected_fg_color #d5eaff;
|
|
@define-color input_color #ddd;
|
|
@define-color caret_color darker(@input_color);
|
|
|
|
/**
|
|
* Result items
|
|
*/
|
|
@define-color item_name #ddd;
|
|
@define-color item_text #999;
|
|
@define-color item_box_selected #285C99;
|
|
@define-color item_text_selected #99ccff;
|
|
@define-color item_name_selected #eee;
|
|
|
|
@binding-set ConfigFocus
|
|
{
|
|
bind "j" { "move-focus" (down) };
|
|
bind "k" { "move-focus" (up) };
|
|
}
|
|
|
|
checkbutton:focus + label {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: #008cb3;
|
|
}
|
|
|
|
.config-main-box {
|
|
-gtk-key-bindings: ConfigFocus;
|
|
}
|
|
.config-dialog {
|
|
-gtk-key-bindings: ConfigFocus;
|
|
}
|
|
|
|
.main-window {
|
|
background-color: @window_bg;
|
|
border-color: @window_border_color;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.input-entry {
|
|
color: @input_color;
|
|
}
|
|
|
|
/**
|
|
* Selected text in input
|
|
*/
|
|
.input-entry *:selected,
|
|
.input-entry *:focus,
|
|
*:selected:focus {
|
|
background-color: alpha (@selected_bg_color, 0.9);
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
.config-heading {
|
|
/*
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
*/
|
|
font: 20px Sans;
|
|
}
|
|
|
|
.config-realm-name {
|
|
font: 20px Sans;
|
|
color: @realm_name;
|
|
}
|
|
|
|
.current-realm {
|
|
font: 20px Sans;
|
|
color: @realm_name;
|
|
}
|
|
|
|
.item-text {
|
|
color: @item_text;
|
|
}
|
|
.item-name {
|
|
color: @item_name;
|
|
}
|
|
|
|
.config-option.selected {
|
|
background-color: #56f9a0;
|
|
}
|
|
|
|
.selected.item-entry {
|
|
background-color: @item_box_selected;
|
|
}
|
|
|
|
.selected.item-entry .item-text {
|
|
color: @item_text_selected;
|
|
}
|
|
|
|
.selected.item-entry .item-name {
|
|
color: @item_name_selected;
|
|
}
|
|
|
|
.no-window-shadow {
|
|
margin: -20px;
|
|
}
|
|
|
|
window entry {
|
|
font: 30px Sans
|
|
}
|
|
|
|
.item-name {
|
|
font: 30px Sans
|
|
}
|
|
|