CreatBot/GeneralKlipperScreen
6
0
Fork 0
forked from CreatBot/CreatBotKlipperScreen
Code Pull Requests Activity

themes: get rid of the unused vertical selector buttons, simplify and rename the horizontal toggle strip

Browse Source
This commit is contained in:
alfrix
2024-01-10 16:07:53 -03:00
parent 78f1c691f6
commit d1168b5405
11 changed files with 99 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
styles/base.css
View File

@@ -291,36 +291,32 @@ trough {
margin-top: 1em;
}
.distbutton_active {
.horizontal_togglebuttons_active {
background-color: @active;
font-weight: 600;
}
.distbutton_top {
border: .15em solid @lines;
border-right: 0;
.horizontal_togglebuttons {
border-style: solid;
border-color: @lines;
border-width: .15em;
border-right-width: 0;
margin-left: 0;
margin-right: 0;
min-height: 3em;
}
.horizontal_togglebuttons:first-child {
border-top-left-radius: .75em;
border-bottom-left-radius: .75em;
margin-right: 0;
min-height: 3em;
margin-left: .25em;
}
.distbutton {
border: .15em solid @lines;
border-left: .15em solid @lines;
border-right: 0;
margin-left: 0;
margin-right: 0;
min-height: 3em;
}
.distbutton_bottom {
border: .15em solid @lines;
border-left: .15em solid @lines;
border-top-right-radius: .7em;
border-bottom-right-radius: .7em;
margin-left: 0;
min-height: 3em;
.horizontal_togglebuttons:last-child {
border-top-right-radius: .75em;
border-bottom-right-radius: .75em;
border-right-width: .15em;
margin-right: .25em;
}
.fan_slider {
@@ -512,30 +508,6 @@ trough {
font-size: 0.95em;
}
.tempbutton_top {
border: .15em solid @lines;
border-bottom: 0;
border-top-left-radius: .75em;
border-top-right-radius: .75em;
margin-bottom: 0;
}
.tempbutton {
border: .15em solid @lines;
border-top: .15em solid @lines;
border-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.tempbutton_bottom {
border: .15em solid @lines;
border-top: .15em solid @lines;
border-bottom-left-radius: .7em;
border-bottom-right-radius: .7em;
margin-top: 0;
}
.updater-item {
min-height: 3em;
padding: .2em;

9
styles/colorized/style.css
View File

@@ -175,17 +175,12 @@ textview .time {
border-radius: .75em;
}
.tempbutton_top,
.tempbutton,
.tempbutton_bottom,
.distbutton_top,
.distbutton,
.distbutton_bottom {
.horizontal_togglebuttons {
border-color: @solarized-base03;
background-color: @solarized-base02;
}
.distbutton_active {
.horizontal_togglebuttons_active {
background-color: @solarized-orange;
}

9
styles/material-dark/style.css
View File

@@ -157,18 +157,13 @@ textview .time {
border-radius: .75em;
}
.tempbutton_top,
.tempbutton,
.tempbutton_bottom,
.distbutton_top,
.distbutton,
.distbutton_bottom {
.horizontal_togglebuttons {
border-color: @bg;
background-color: @buttons-bg;
}
button:active,
.distbutton_active,
.horizontal_togglebuttons_active,
button.active {
background-color: @active;
}

76
styles/material-darker/style.css
View File

@@ -30,10 +30,6 @@ window {
background-color: #121212;
}
.active_device {
background-color: #1c1c1c;
}
button {
background-color: #121212;
}
@@ -142,6 +138,10 @@ textview .time {
color: #9E9E9E;
}
.active_device {
background-color: #1c1c1c;
}
.dialog {
border: 0;
background-color: #121212;
@@ -152,18 +152,38 @@ textview .time {
border-radius: .25em;
}
.tempbutton_top,
.tempbutton,
.tempbutton_bottom,
.distbutton_top,
.distbutton,
.distbutton_bottom {
.dialog-error {
border-bottom-color: #CF6679;
}
.dialog-warning {
border-bottom-color: #f9b274;
}
.dialog-info {
border-bottom-color: @color4;
}
.dialog-default {
border-bottom-color: @color3;
}
.dialog-secondary {
border-bottom-color: @color2;
}
.dialog-primary {
border-bottom-color: @color1;
}
.horizontal_togglebuttons {
border-color: #545454;
border-width: .1em;
background-color: #252525;
}
.distbutton_active {
.horizontal_togglebuttons_active {
background-color: #545454;
}
@@ -218,38 +238,6 @@ textview .time {
color: #121212;
}
.warning {
background-color: #f9b274;
}
.error {
background-color: #CF6679;
}
.keyboard_pad {
background-color: #090909;
}
.dialog-error {
border-bottom-color: #CF6679;
}
.dialog-warning {
border-bottom-color: #f9b274;
}
.dialog-info {
border-bottom-color: @color4;
}
.dialog-default {
border-bottom-color: @color3;
}
.dialog-secondary {
border-bottom-color: @color2;
}
.dialog-primary {
border-bottom-color: @color1;
}
}

29
styles/material-light/style.css
View File

@@ -134,10 +134,6 @@ entry {
background-color: @bg;
}
.frame-item {
border-bottom-color: @border;
}
label {
color: @text;
}
@@ -195,26 +191,16 @@ textview .time {
color: @border;
}
.dialog {
border: @border;
background-color: @bg;
}
.tempbutton_top,
.tempbutton,
.tempbutton_bottom,
.distbutton_top,
.distbutton,
.distbutton_bottom {
.horizontal_togglebuttons {
border-color: @border;
background-color: @bg;
}
.distbutton_active {
.horizontal_togglebuttons_active {
background-color: @active;
}
.distbutton_active label {
.horizontal_togglebuttons_active label {
color: @text;
}
@@ -222,6 +208,10 @@ textview .time {
color: @bg;
}
.frame-item {
border-bottom-color: @border;
}
.message_popup {
border-bottom-color: @border;
}
@@ -281,6 +271,11 @@ textview .time {
background-color: @border;
}
.dialog {
border: @border;
background-color: @bg;
}
.dialog button {
border-radius: .75em;
}

18
styles/z-bolt/style.css
View File

@@ -134,15 +134,13 @@ textview .time {
background-color: @bg;
}
.distbutton_active {
.horizontal_togglebuttons_active {
background-color: @active;
border-color: @color1;
box-shadow: 0 0 0 .2em @text inset;
box-shadow: 0 0 0 .2em @lines inset;
}
.distbutton_top,
.distbutton,
.distbutton_bottom {
.horizontal_togglebuttons {
border-color: @lines;
}
@@ -158,16 +156,6 @@ textview .time {
border-color: @lines;
}
.tempbutton_top {
border-color: @lines;
}
.tempbutton,
.tempbutton_bottom {
border-color: @lines;
border-top-color: @lines;
}
.message {
border-color: @error;
color: @text;