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 {
background-color: #121212;
background-size: cover;
background-color: black;
}
.active_device {
background-color: rgba(255,255,255,.11);
}
button {
@ -14,29 +18,26 @@ button {
}
button:active {
background-color: rgba(0,0,0,0.5);
background-color: rgba(255,255,255,.07);
}
.button_active {
border-color: rgba(0,0,0,0.0);
border-style: solid;
border-width: .25em;
background-color: rgba(0,0,0,0.5);
background-color: rgba(255,255,255,.16);
border-radius: 1em;
}
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-radius: 1em;
}
button.color1:active, button.color2:active, button.color3:active, button.color4:active, button.update:active, button.invalid:active, .dialog button:active {
border-style: none;
}
button.active {
background-color: #E65100;
background-color: rgba(0,0,0,0);
}
button.update {
@ -46,18 +47,18 @@ button.update {
}
button.invalid {
background-color: #ff5252;
border-color: #ff5252;
background-color: #B71C1C;
border-color: #B71C1C;
border-radius: 1em;
}
combobox box button {
background-color: #1e1e1e;
border-color: #303030;
background-color: rgba(255,255,255,.07);
border-color: rgba(0,0,0,0);
}
switch {
background-color: #1e1e1e;
background-color: rgba(255,255,255,.12);
}
switch:checked {
@ -65,13 +66,13 @@ switch:checked {
}
entry {
background-color: #1e1e1e;
border-color: #1e1e1e;
background-color: rgba(255,255,255,.12);
border-color: rgba(0,0,0,0);
}
frame {
color: #e2e2e2;
border-bottom-color: rgba(0,0,0,0.5);;
border-bottom-color: rgba(255,255,255,.07);
}
label {
@ -79,22 +80,22 @@ label {
}
menu {
background-color: #121212;
background-color: black;
border-color: #a2a2a2;
}
menuitem {
background-color: #121212;
border-color: #a2a2a2;
background-color: black;
border-color: rgba(255,255,255,.16);
}
trough {
background-color: #1e1e1e;
background-color: rgba(255,255,255,.07);
color: #e2e2e2;
}
trough highlight, trough progress {
background-color: #B71C1C;
background-color: #2f5631;
color: #e2e2e2;
}
@ -107,7 +108,7 @@ scrollbar, scrollbar button, scrollbar trough {
}
scrollbar slider {
background-color: #2f2f2f;
background-color: rgba(255,255,255,.11);
}
textview .time {
@ -119,23 +120,31 @@ textview .time {
}
.dialog {
border: #121212;
background-color: #121212;
border: 0;
background-color: black;
}
.dialog button {
background-color: #1e1e1e;
border-bottom-color: #1e1e1e;
background-color: rgba(255,255,255,.07);
border-bottom-color: rgba(255,255,255,.07);
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 {
border-color: #1e1e1e;
background-color: rgba(0,0,0,0.75);
border-color: black;
background-color: rgba(255,255,255,.07);
}
.distbutton_active {
background-color: rgba(128,128,128,0.5);
background-color: rgba(255,255,255,.16);
}
.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 {
border-color: #383838;
background-color: #252525;
border-color: rgba(255,255,255,.07);
background-color: rgba(255,255,255,.07);
}
.printing-info button{
background-color: rgba(255,255,255,.07);
}
.printing-status {
@ -187,7 +200,7 @@ textview .time {
.message button {
background-color: #e2e2e2;
color: #121212;
color: black;
}
.warning {