citadel-tools/citadel-realms-ui/data/style.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
}