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