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

theme: material darker use elevation and fix some colors

Browse Source
This commit is contained in:
alfrix 2022-06-20 11:45:34 -03:00 committed by Alfredo Monclus
parent c4780fa56e
commit b76953ebfe
1 changed files with 46 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,8 +5,12 @@
} }
window { window {
background-color: #121212; background-color: black;
background-size: cover; }
.active_device {
background-color: rgba(255,255,255,.11);
} }
button { button {
@ -14,29 +18,26 @@ button {
} }
button:active { button:active {
background-color: rgba(0,0,0,0.5); background-color: rgba(255,255,255,.07);
} }
.button_active { .button_active {
border-color: rgba(0,0,0,0.0); border-color: rgba(0,0,0,0.0);
border-style: solid; border-style: solid;
border-width: .25em; border-width: .25em;
background-color: rgba(0,0,0,0.5); background-color: rgba(255,255,255,.16);
border-radius: 1em; border-radius: 1em;
} }
button.color1, button.color2, button.color3, button.color4 { button.color1, button.color2, button.color3, button.color4 {
background-color: rgba(0,0,0,0.75); background-color: rgba(255,255,255,.07);
border-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0);
border-radius: 1em; border-radius: 1em;
} }
button.color1:active, button.color2:active, button.color3:active, button.color4:active, button.update:active, button.invalid:active, .dialog button:active { button.color1:active, button.color2:active, button.color3:active, button.color4:active, button.update:active, button.invalid:active, .dialog button:active {
border-style: none; border-style: none;
} background-color: rgba(0,0,0,0);
button.active {
background-color: #E65100;
} }
button.update { button.update {
@ -46,18 +47,18 @@ button.update {
} }
button.invalid { button.invalid {
background-color: #ff5252; background-color: #B71C1C;
border-color: #ff5252; border-color: #B71C1C;
border-radius: 1em; border-radius: 1em;
} }
combobox box button { combobox box button {
background-color: #1e1e1e; background-color: rgba(255,255,255,.07);
border-color: #303030; border-color: rgba(0,0,0,0);
} }
switch { switch {
background-color: #1e1e1e; background-color: rgba(255,255,255,.12);
} }
switch:checked { switch:checked {
@ -65,13 +66,13 @@ switch:checked {
} }
entry { entry {
background-color: #1e1e1e; background-color: rgba(255,255,255,.12);
border-color: #1e1e1e; border-color: rgba(0,0,0,0);
} }
frame { frame {
color: #e2e2e2; color: #e2e2e2;
border-bottom-color: rgba(0,0,0,0.5);; border-bottom-color: rgba(255,255,255,.07);
} }
label { label {
@ -79,22 +80,22 @@ label {
} }
menu { menu {
background-color: #121212; background-color: black;
border-color: #a2a2a2; border-color: #a2a2a2;
} }
menuitem { menuitem {
background-color: #121212; background-color: black;
border-color: #a2a2a2; border-color: rgba(255,255,255,.16);
} }
trough { trough {
background-color: #1e1e1e; background-color: rgba(255,255,255,.07);
color: #e2e2e2; color: #e2e2e2;
} }
trough highlight, trough progress { trough highlight, trough progress {
background-color: #B71C1C; background-color: #2f5631;
color: #e2e2e2; color: #e2e2e2;
} }
@ -107,7 +108,7 @@ scrollbar, scrollbar button, scrollbar trough {
} }
scrollbar slider { scrollbar slider {
background-color: #2f2f2f; background-color: rgba(255,255,255,.11);
} }
textview .time { textview .time {
@ -119,23 +120,31 @@ textview .time {
} }
.dialog { .dialog {
border: #121212; border: 0;
background-color: #121212; background-color: black;
} }
.dialog button { .dialog button {
background-color: #1e1e1e; background-color: rgba(255,255,255,.07);
border-bottom-color: #1e1e1e; border-bottom-color: rgba(255,255,255,.07);
border-radius: .75em; border-radius: .75em;
} }
.dialog button:nth-child(1) {
border-bottom-color: #2f5631;
}
.dialog button:nth-child(2) {
border-bottom-color: #B71C1C;
}
.tempbutton_top, .tempbutton, .tempbutton_bottom, .distbutton_top, .distbutton, .distbutton_bottom { .tempbutton_top, .tempbutton, .tempbutton_bottom, .distbutton_top, .distbutton, .distbutton_bottom {
border-color: #1e1e1e; border-color: black;
background-color: rgba(0,0,0,0.75); background-color: rgba(255,255,255,.07);
} }
.distbutton_active { .distbutton_active {
background-color: rgba(128,128,128,0.5); background-color: rgba(255,255,255,.16);
} }
.fan_slider { .fan_slider {
@ -159,8 +168,12 @@ textview .time {
} }
.numpad_tleft, .numpad_top, .numpad_tright, .numpad_left, .numpad_button, .numpad_right, .numpad_bleft, .numpad_bottom, .numpad_bright { .numpad_tleft, .numpad_top, .numpad_tright, .numpad_left, .numpad_button, .numpad_right, .numpad_bleft, .numpad_bottom, .numpad_bright {
border-color: #383838; border-color: rgba(255,255,255,.07);
background-color: #252525; background-color: rgba(255,255,255,.07);
}
.printing-info button{
background-color: rgba(255,255,255,.07);
} }
.printing-status { .printing-status {
@ -187,7 +200,7 @@ textview .time {
.message button { .message button {
background-color: #e2e2e2; background-color: #e2e2e2;
color: #121212; color: black;
} }
.warning { .warning {