lock theme change and omp theme change

This commit is contained in:
2024-12-27 21:15:30 +01:00
parent f9c90e0153
commit f17dac3339
12 changed files with 165 additions and 173 deletions

View File

@@ -0,0 +1,5 @@
@define-color background rgba(21, 18, 24, 0.7);
@define-color primary #d6bbfb;
@define-color secondary #8162a2;
@define-color tertiary #d83755;
@define-color surface_bright #3b383e;

View File

@@ -1,22 +1,24 @@
@import url("colors.css");
* {
background-image: none;
box-shadow: none;
}
window {
background-color: rgba(12, 12, 12, 0.5);
background-color: @background;
}
button {
border: 0.5em solid #b4befe;
border: 0.5em solid @primary;
border-radius: 0;
color: #cba6f7;
background-color: #45475a;
background-color: @surface_bright;
background-repeat: no-repeat;
background-position: center;
background-size: 15%;
transition: ease-in-out 0.2s;
margin: 10em 0 10em 0;
color: transparent;
}
#lock {
@@ -58,13 +60,13 @@ button {
}
button:focus {
background-color: rgba(148, 226, 213, 0.5);
background-color: @secondary;
outline-style: none;
}
button:active,
button:hover {
background-color: rgba(203, 166, 247, 0.5);
background-color: @tertiary;
outline-style: none;
margin: 3em 0 3em 0;
border-radius: 5em;
@@ -83,5 +85,5 @@ button:hover {
#reboot:active,
#reboot:hover {
border-radius: 5em 5em 5em 5em;
border: 0.5em solid #b4befe;
border: 0.5em solid @primary;
}

View File

@@ -1,81 +0,0 @@
* {
background-image: none;
font-size: 5px;
}
window {
background-color: transparent;
}
button {
color: red;
background-color: purple;
outline-style: none;
border: none;
border-width: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: 10%;
border-radius: 0px;
box-shadow: none;
text-shadow: none;
animation: gradient_f 20s ease-in infinite;
}
button:focus {
background-color: purple;
background-size: 20%;
}
button:hover {
background-color: purple;
background-size: 25%;
border-radius: 50px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682);
}
button:hover#lock {
border-radius: 50px 50px 0px 50px;
margin : 5px 0px 0px 5px;
}
button:hover#logout {
border-radius: 50px 0px 50px 50px;
margin : 0px 0px 5px 5px;
}
button:hover#shutdown {
border-radius: 50px 50px 50px 0px;
margin : 5px 5px 0px 0px;
}
button:hover#reboot {
border-radius: 0px 50px 50px 50px;
margin : 0px 5px 5px 0px;
}
#lock {
background-image: image(url("/user/share/wlogout/icons/lock.png"), url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
border-radius: 5px 0px 0px 0px;
margin : 5px 0px 0px 5px;
}
#logout {
background-image: image(url("/user/share/wlogout/icons/lock.png"), url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
border-radius: 0px 0px 0px 5px;
margin : 0px 0px 5px 5px;
}
#shutdown {
background-image: image(url("/user/share/wlogout/icons/lock.png"), url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
border-radius: 0px 5px 0px 0px;
margin : 5px 5px 0px 0px;
}
#reboot {
background-image: image(url("/user/share/wlogout/icons/lock.png"), url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
border-radius: 0px 0px 5px 0px;
margin : 0px 5px 5px 0px;
}