/*
GTk style for SolydXK

Border colors:
SolydK: #3daee9
SolydX: #f19900

@Author: Arjen Balfoort
@Date: 2026-03-26
*/

@define-color border_color #f19900;
@define-color background_color #232629;

/*  Global settings */
label,
button,
textview {
    font-size: large;
}
entry {
    border: 1px solid;
    background: @border_color;
    color: #000000;
}
spinner {
    min-width: 128px;
    min-height: 128px;
    color: @border_color;
}
progressbar,
progressbar trough {
    min-height: 20px;
    background: alpha(#ffffff, 0.1);
}
progressbar progress {
    min-height: 20px;
    background: @border_color;
}
textview text {
    background-color: transparent;
}
.progress_label {
    font-size: 16px;
    background: none;
    padding: 0 5px;
    /*color: white;
    text-shadow: 1px 1px 1px black; */
}

/* Left menu settings */
.menu_box {
    background-color: @background_color;
    padding: 12px;
}
.menu_box button {
    border-style: none;
    background: transparent;
}
.menu_box button:focus label {
    color: @border_color;
}
.menu_box button:hover label{
    color: @border_color;
}
.menu_box button label {
    color: #ffffff;
}
.menu_bottom {
    margin-top: 6px;
    margin-bottom: 6px;
}
.menu_bottom .log,
.menu_bottom .help,
.menu_bottom .about {
    border: 1px solid;
    border-color: transparent;
}
.menu_bottom .log:hover,
.menu_bottom .help:hover,
.menu_bottom .about:hover {
    border-color: @border_color;
}

/* Up to date settings */
.uptodate_box {
    margin-top: 128px;
}
.uptodate_box label {
    font-size: x-large;
    font-style: italic;
}

/* Summary settings */
.button_bar sum_title {
    font-size: x-large;
    font-weight: bolder;
    font-style: italic;
}
.summary_box {
    margin: 3px;
    margin-left: 24px;
    margin-right: 24px;
    padding: 6px;
    border: 2px solid;
    border-radius: 48px;
    background-color: alpha(@background_color, 0.1);
}
.summary_box picture {
    min-width: 48px;
    min-height: 48px;
    padding-left: 24px;
    padding-right: 12px;
}
.summary_box label.name {
    font-weight: bold;
}
.summary_box label.summary {
    font-size: normal;
}
.summary_box label.origin {
    font-size: small;
}

/*
.summary_box label {}
.summary_box label.summary {}
*/

/* Detail button bar settings */
.button_bar button {
    background: @border_color;
    color: #000000;
}
.button_bar button:hover {
    color: #ffffff;
    border-color: #ffffff;
}

/*
.button_bar {}
.app_back {}
.app_install {}
.app_install image {}
.app_install label {}
.app_remove {}
.app_remove image {}
.app_remove label {}
.app_launch {}
.app_launch image {}
.app_launch label {}
*/

/* Detail app settings */
.app_header {
    padding-bottom: 6px;
    padding-top: 6px;
    margin-bottom: 24px;
    border: 1px solid;
    border-radius: 24px;
}
.app_header picture {
    margin-left: 24px;
    margin-right: 12px;
}
.app_name {
    margin-top: 24px;
    font-weight: bold;
    font-style: italic;
    font-size: x-large;
}
.lbl_installed,
.lbl_candidate,
.lbl_size,
.lbl_origin {
    font-weight: bold;
}
.app_homepage {
    font-weight: bold;
    margin-top: 24px;
}
.app_summary {
    font-size: x-large;
    font-weight: bolder;
    padding-top: 24px;
    padding-bottom: 12px;
}
.lbl_packages {
    font-size: x-large;
    font-weight: bolder;
    padding-top: 24px;
    padding-bottom: 12px;
}
/*
.app_installed {}
.app_candidate {}
.app_size {}
.app_origin {}
.app_packages {}
*/

/* Dialog box settings */
headerbar button,
headerbar button:hover,
headerbar button:focus,
headerbar button:active {
    border: none;
}
.dialog_box {
    padding: 12px;
}
.dialog_text {
    font-weight: normal;
}
