/*
GTk style for SolydXK

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

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

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

/*  Global settings */
label,
button,
textview,
treeview.view {
    font-size: large;
}
textview text {
    background-color: transparent;
}
entry {
    border: 1px solid;
}
row:hover,
treeview.view:hover {
    background-color: alpha(@border_color, 0.2);
}
treeview.view header button {
    border-color: transparent;
    border: 1px solid transparent;
}
treeview.view header button:hover,
treeview.view header button:focus {
    border-color: transparent;
    border: 1px solid transparent;
}
checkbutton {
    margin-left: 24px;
    margin-right: 12px;
    border-color: @border_color;
}
checkbutton label,
radio label {
    margin-left: 12px;
}
check,
radio {
    border-color: @border_color;
}
box,
grid {
    padding: 6px 6px;
}
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;
}
.title {
    font-size: x-large;
    font-weight: bold;
}
.driver_name {
    font-size: large;
    font-weight: bold;
}
.progressbar_label {
    font-size: 16px;
    background: none;
    padding: 0 5px;
    /*color: white;
    text-shadow: 1px 1px 1px black; */
}
.note {
    font-size: large;
    font-weight: bold;
    padding: 12px 12px;
    color: @border_color;
}

/* Welcome settings */
.welcome {
    margin: 12px;
}
.welcome_title_1 {
    font-size: xx-large;
    font-weight: bold;
    color: @border_color;
}
.welcome_title_2 {
    font-size: large;
    font-weight: bold;
    color: @border_color;
    margin-top: 12px;
}
.welcome_text {
    margin-left: 24px;
}
.welcome_get_started {
    margin: 24px;
    font-weight: bold;
    font-style: italic;
}

/* Favorites settings */
.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 checkbutton {
    margin-right: 28px;
    margin-bottom: 12px;
}

/* 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;
}

/* 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;
}
