

VisualElement {
    color: #dedede;
}

/* Buttons */
Button {
    background-color: #1a6284;
    border-color: #373737;
    border-radius: 3px;
    border-width: 1px;

    -unity-font-style: bold;
    -unity-text-align: middle-center;

    font-size: 13px;

    height: 32px;

    padding: 4px;
    margin: 4px;
}

Button:hover:enabled {
    background-color: #297ba5;
    border-color: #3d4545;
}

Button:focus:enabled {
    background-color: #297ba5;
    border-color: #3d4545;
}

.rr-button-destructive {
    background-color: #e13232;
    border-color: #373737;
    border-radius: 3px;
    border-width: 1px;

    -unity-font-style: bold;
    -unity-text-align: middle-center;

    font-size: 13px;

    height: 32px;

    padding: 4px;
    margin: 4px;
}

.rr-button-destructive:hover:enabled {
    background-color: #f83838;
    border-color: #453d3d;
}

.rr-button-destructive:focus:enabled {
    background-color: #f83838;
    border-color: #453d3d;
}

/* Text Field */
TextField {
    min-height: 32px;

    padding: 0;
    margin: 4px;

    --unity-cursor-color: #dedede;
}

TextField > #unity-text-input {
    background-color: #191919;
    border-color: #373737;
    border-radius: 3px;
    border-width: 1px;

    padding: 4px;
}

TextField > #unity-text-input > TextElement {
    font-size: 13px;
    color: #dedede;

    -unity-text-align: middle-left;
}

ScrollView {
    background-color: #232323;
    border-color: #373737;
    border-radius: 3px;
    border-width: 1px;

    padding: 4px;
    margin: 4px;
}

/* Window */
.window-bg {
    border-width: 2px;
    border-color: #373737;
    background-color: #212121;
}

.window-content {
    border-color: #373737;
    border-width: 1px;
    background-color: #272727;
    margin: 12px;
    padding: 8px;
}
