CreatBotKlipperScreen/styles/base.css

* {
    color: white;
    font-size: KS_FONT_SIZEpx;
    -GtkComboBox-appears-as-list: 0;
    text-shadow: none;
    box-shadow: none;
}

window {
    background-color: #13181C;
    -gtk-icon-shadow: none;
}

button {
    background-image: none;
    background-color: #13181C;
    margin: .25em;
    padding: 0 .5em;
    border-radius: 0;
    border: 0;
    -gtk-icon-shadow: none;
}

button:active {
    background-color: #304C62;
}

.button_active {
    background-color: #20303D;
}

button.color1 {
    border-bottom: .4em solid #ED6500;
    margin: .3em;
    min-height: 3em;
}

button.color2 {
    border-bottom: .4em solid #B10080;
    margin: .3em;
    min-height: 3em;
}

button.color3 {
    border-bottom: .4em solid #009384;
    margin: .3em;
    min-height: 3em;
}

button.color4 {
    border-bottom: .4em solid #A7E100;
    margin: .3em;
    min-height: 3em;
}

button.active {
    background-color: #20303D;
}

button.file-list {
    margin: 0;
}

button.update {
    background: #009384;
    border: .4em solid #009384;
    border-radius: 0.4em;
    font-weight: bold;
}

button.invalid {
    background: #e61e1e;
    border: .4em solid #e61e1e;
    border-radius: 0.4em;
    font-weight: bold;
}

combobox box button {
    border: .05em solid #cccccc;
    padding: .5em 1em;
}

combobox arrow {
    min-width: 1em;
}

switch {
    border: 0;
    border-radius: 3em;
}

switch slider {
    border: 0;
}

entry {
    font-size: 1em;
    background-color: #20292F;
    border: 1em solid #13181C;
    padding: .25em;
}

frame {
    color: white;
    border-bottom: 1px solid #444;
}

label {
    color: white;
}

menu {
    background-color: #13181C;
    border: .1em solid #cccccc;
}

menuitem {
    background-color: #13181C;
    border: .1em solid #cccccc;
    border-bottom: 0;
    border-top: 0;
}

trough {
    min-height: 2em;
    background-color: #404E57;
    color: white;
    border: 1px solid black;
}

trough highlight, trough progress {
    min-height: 2em;
    background-color: #3584e4;
    color: white;
    border: 1px solid black;
}

trough progress.left {
    border: 0px;
}

scale mark {
    margin-top: 1em;
    color: white;
}

scale trough slider {
    min-height: 2em;
    min-width: 2em;
}

scrollbar, scrollbar button, scrollbar trough {
    border: none;
    background-color: #13181C;
}

scrollbar slider {
    min-width: 1.5em;
    border-radius: .7em;
    background-color: #404E57;
}

textview, textview text {
    background: transparent;
    font-family: Free Mono;
}

textview .time {
    color: grey;
}

trough {
    margin: .5em 1em;
}

.popup {
    background-color: black;
}

.action_bar {
    /*border-right: 2px solid #444;*/
}

.active_device {
    background-color: #20303D;
}

.dialog {
    border: .1em solid black;
    padding: 2.5em;
    background-color: black;
    margin: 1em;
}

.dialog button {
    padding: 1.5em;
    border-bottom: .4em solid #009384;
    margin-top: 1em;
}

.dialog button:nth-child(1) {
    border-bottom-color: green;
}

.dialog button:nth-child(2) {
    border-bottom-color: red;
}

.distbutton_active {
    background-color: #20303D;
}

.distbutton_top {
    border: .15em solid white;
    border-right: 0;
    border-top-left-radius: .75em;
    border-bottom-left-radius: .75em;
    margin-right: 0;
}

.distbutton {
    border: .15em solid white;
    border-left: .15em solid #ccc;
    border-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.distbutton_bottom {
    border: .15em solid white;
    border-left: .15em solid #ccc;
    border-top-right-radius: .7em;
    border-bottom-right-radius: .7em;
    margin-left: 0;
}

.extruder-0 {
    color: #ff0000;
}

.extruder-1 {
    color: #00ff00;
}

.extruder-2 {
    color: #0000ff;
}

.fan_slider {
    margin: 0 1em 0 1em;
    color: white;
}

.frame-item {
    min-height: 4.5em;
    padding: .2em .3em;
}

.heatergraph {
    min-height: 350px;
}

.heater-grid {
    margin-right: .1em;
}

.heater-grid label {
    margin-top: .2em;
    margin-bottom: .2em;
    min-height: 2em;
}

.message_popup {
    border-bottom: .1em solid white;
}

.message_popup_echo, .message_popup_echo button {
    background-color: #367554;
}

.message_popup_error, .message_popup_error button {
    background-color: #9e2f3a;
}

.numpad_tleft {
    border: .15em solid white;
    border-bottom: 0;
    border-right: 0;
    border-top-left-radius: .7em;
    margin: .15em 0 0 .15em;
}

.numpad_top {
    border: .15em solid white;
    border-bottom: 0;
    border-right: 0;
    margin: .15em 0 0 0;
}

.numpad_tright {
    border: .15em solid white;
    border-bottom: 0;
    border-top-right-radius: .7em;
    margin: .15em .15em 0 0;
}

.numpad_left {
    border: .15em solid white;
    border-right: 0;
    border-bottom: 0;
    margin: 0 0 0 .15em;
}

.numpad_button {
    border: .15em solid white;
    border-right: 0;
    border-bottom: 0;
    margin: 0;
}

.numpad_right {
    border: .15em solid white;
    border-bottom: 0;
    margin: 0 .15em 0 0;
}

.numpad_bleft {
    border: .15em solid white;
    border-right: 0;
    border-bottom-left-radius: .7em;
    margin: 0 0 .15em .15em;
}

.numpad_bottom {
    border: .15em solid white;
    border-right: 0;
    margin: 0 0 .15em 0;
}

.numpad_bright {
    border: .15em solid white;
    border-bottom-right-radius: .7em;
    margin: 0 .15em .15em 0;
}

.printing-filename {
    font-size: 1.75em;
    font-weight: bold;
    margin: .25em .25em 0 0;
}

.printing-info {
    font-size: 1.2em;
    margin-left: .25em;
}

.printing-info-box {
    padding-left: .25em;
}

.printing-info-box box {
    margin-bottom: .25em;
}

.printing-status {
    color: #f0f0f0;
    font-style: italic;
    margin: 0 0 0 0;
}

.printing-progress-bar {
    color: #00C9B4;
}

.printing-progress-text {
    font-size: 1.5em;
    font-weight: bold;
    color: white;
}

.printing-status-label {
    padding-top: .25em;
    padding-bottom: .15em;
    color: #ccc;
    font-size: 1.25em;
}

.tempbutton_top {
    border: .15em solid white;
    border-bottom: 0;
    border-top-left-radius: .75em;
    border-top-right-radius: .75em;
    margin-bottom: 0;
}

.tempbutton {
    border: .15em solid white;
    border-top: .15em solid #ccc;
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.tempbutton_bottom {
    border: .15em solid white;
    border-top: .15em solid #ccc;
    border-bottom-left-radius: .7em;
    border-bottom-right-radius: .7em;
    margin-top: 0;
}

.updater-item {
    min-height: 3em;
    padding: .2em;
}

.message {
    border: .1em solid #981E1F;
    font-size: 1em;
    padding: 2.5em;
    color: white;
    background-color: #981E1F;
}

.message button {
    background-color: white;
    color: black;
    padding: 2em 2.5em 2em 2.5em;
}

.notification {
    background-clip: padding-box;
    padding: .25em;
    border-radius: 0 0 .25em .25em;
    opacity: 0.8;
}

.system-program-grid {
    padding: 0.25em;
    padding-right: .5em;
    padding-bottom: 0;
}

.warning {
    background-color: rgba(30, 204, 39, 0.7);
}

.error {
    background-color: rgba(204, 30, 30, 0.7);
}

popover {
    background-color: #222;
}

popover button {
    background-color: #222;
}

.screensaver {
    background-color: black;
}

.screensaver button:active {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Hardcoded values until creation of dynamic CSS updates */
.graph_label_hidden {padding-left: .9em;} /* .4em on top of normal button padding */
.graph_label_extruder {border-left-width: .4em; border-left-style: solid;}
.graph_label_extruder1 {border-left-width: .4em; border-left-style: solid;}
.graph_label_extruder2 {border-left-width: .4em; border-left-style: solid;}
.graph_label_extruder3 {border-left-width: .4em; border-left-style: solid;}
.graph_label_extruder4 {border-left-width: .4em; border-left-style: solid;}
.graph_label_heater_bed {border-left-width: .4em; border-left-style: solid;}
.graph_label_fan_1 {border-left-width: .4em; border-left-style: solid;}
.graph_label_fan_2 {border-left-width: .4em; border-left-style: solid;}
.graph_label_fan_3 {border-left-width: .4em; border-left-style: solid;}
.graph_label_fan_4 {border-left-width: .4em; border-left-style: solid;}
.graph_label_sensor_1 {border-left-width: .4em; border-left-style: solid;}
.graph_label_sensor_2 {border-left-width: .4em; border-left-style: solid;}
.graph_label_sensor_3 {border-left-width: .4em; border-left-style: solid;}
.graph_label_sensor_4 {border-left-width: .4em; border-left-style: solid;}
.graph_label_sensor_5 {border-left-width: .4em; border-left-style: solid;}