RevelaNetwork/RevelaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[💄] Add gradient to launcher button

Browse source
This commit is contained in:
Parrot 2023-10-17 13:36:45 +00:00
parent 4b2724d2f9
commit 86d2958a82
1 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/style.less
View file

@ -11,7 +11,12 @@
--crust: #11111b;
}
body, html {
.bx-category {
color: #181926;
}
body,
html {
background-color: var(--crust);
width: 100vw;
@ -25,7 +30,6 @@ body, html {
overflow: hidden;
}
*::-webkit-scrollbar {
display: none;
}
@ -34,7 +38,7 @@ body, html {
-ms-overflow-style: none;
scrollbar-width: none;
font-family: 'Satoshi', sans-serif;
font-family: "Satoshi", sans-serif;
font-weight: 600;
color: var(--text);
@ -50,12 +54,17 @@ toolbar {
margin: 0 0 0 0;
justify-content: center;
div[data-toolbar-id="appview"] {
background: rgb(150, 181, 246);
background: linear-gradient(45deg, rgba(150, 181, 246, 1) 0%, rgba(150, 181, 246, 1) 12%, rgba(77, 129, 236, 1) 100%);
color: black;
}
& > div {
background: var(--base);
padding: 5px;
border-radius: 5px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.1);
height: 40px!important;
height: 40px !important;
display: flex;
app {
@ -81,7 +90,6 @@ window-area {
height: 100%;
overflow: hidden;
window {
background: var(--base);
display: flex;
@ -91,7 +99,7 @@ window-area {
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.2);
background: var(--crust);
transition: .2s opacity, .2s width, .2s height;
transition: 0.2s opacity, 0.2s width, 0.2s height;
window-header {
height: 20px;
@ -132,7 +140,7 @@ launcher {
width: 100vw;
height: calc(100vh + 20px);
gap: 20px;
transition: .2s opacity, .2s backdrop-filter;
transition: 0.2s opacity, 0.2s backdrop-filter;
apps {
max-height: 70vh;
@ -167,7 +175,7 @@ launcher {
width: 300px;
max-width: 100vw;
text-align: center;
transition: border .2s;
transition: border 0.2s;
&:focus {
outline: none;