CreatBot/CreatBotKlipperScreen
7
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化耗材检测开关显示效果

Browse Source
This commit is contained in:
张开科 2024-08-08 17:38:04 +08:00
parent d48d81dfb7
commit 8ccdc9ed33
2 changed files with 35 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
styles/dark/style.css
View File

@ -11,7 +11,8 @@
@define-color black-opa-10 rgba(0, 0, 0, 0.1); @define-color black-opa-10 rgba(0, 0, 0, 0.1);
@define-color black-opa-80 rgba(0, 0, 0, 0.8); @define-color black-opa-80 rgba(0, 0, 0, 0.8);
@define-color blue-opa-10 rgba(29, 140, 198, 0.5); @define-color blue-opa-20 rgba(29, 140, 198, 0.2);
@define-color blue-opa-50 rgba(29, 140, 198, 0.5);
@define-color blue-opa-100 rgba(29, 140, 198, 1); @define-color blue-opa-100 rgba(29, 140, 198, 1);
@define-color pale-cyan-opa-100 rgba(147, 161, 161, 1); @define-color pale-cyan-opa-100 rgba(147, 161, 161, 1);
@ -52,9 +53,9 @@ button:active {
} }
.button_active { .button_active {
border-color: @blue-opa-10; border-color: @blue-opa-50;
border-style: solid; border-style: solid;
background-color: @blue-opa-10; background-color: @blue-opa-50;
} }
.action_bar :disabled{ .action_bar :disabled{
@ -100,8 +101,8 @@ button.color4:active,
button.update:active, button.update:active,
button.invalid:active, button.invalid:active,
.dialog button:active { .dialog button:active {
background-color: @blue-opa-10; background-color: @blue-opa-50;
border-color: @blue-opa-10; border-color: @blue-opa-50;
} }
button.active { button.active {
@ -111,9 +112,7 @@ button.active {
button.update { button.update {
background-color: @white-opa-20; background-color: @white-opa-20;
border: 0; border: 0;
border-bottom: .3em solid; border-radius: .5em;
border-bottom-color: @green-opa-100;
border-radius: .75em;
} }
button.invalid { button.invalid {
@ -195,7 +194,7 @@ scrollbar trough {
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
} }
scale trough { scale trough {
border-color: @blue-opa-10; border-color: @blue-opa-50;
border-width: 2; border-width: 2;
} }
scale trough slider { scale trough slider {
@ -205,7 +204,7 @@ scale trough slider {
} }
scrollbar slider { scrollbar slider {
background-color: @blue-opa-10; background-color: @blue-opa-50;
} }
textview .time { textview .time {
@ -221,6 +220,19 @@ textview .time {
border-radius: 0; border-radius: 0;
} }
.filament_sensor {
border-radius: 0.5em;
}
.filament_sensor switch {
margin: 0;
}
.filament_sensor_detected {
background-color: @blue-opa-20;
}
.filament_sensor_empty {
background-color: @red-opa-100;
}
.horizontal_togglebuttons { .horizontal_togglebuttons {
border-width: 3; border-width: 3;
border-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5);
@ -229,7 +241,7 @@ textview .time {
} }
.horizontal_togglebuttons_active { .horizontal_togglebuttons_active {
background-color: @blue-opa-10; background-color: @blue-opa-50;
border-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);
} }

12
styles/light/style.css
View File

@ -253,6 +253,18 @@ textview {
textview .time { textview .time {
color: @border; color: @border;
} }
.filament_sensor {
border-radius: 0.5em;
}
.filament_sensor switch {
margin: 0;
}
.filament_sensor_detected {
background-color: @echo;
}
.filament_sensor_empty {
background-color: @error;
}
.graph_label {border-bottom-width: 0.25em; border-bottom-style: solid;} .graph_label {border-bottom-width: 0.25em; border-bottom-style: solid;}
.horizontal_togglebuttons { .horizontal_togglebuttons {