An electron-based WIP aesthetic file explorer ^^
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
FileKade/styles/styles.css

80 lines
1.9 KiB

@font-face {
font-family: 'Nunito';
src: url(../assets/Nunito-VariableFont_wght.ttf) format('truetype');
}
body {
background-image: linear-gradient(to right, #000000a8 0%, #000000a8 100%), url(../assets/images/neon.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: #d3d3d3;
font-family: 'Montserrat', sans-serif;
overflow-y: overlay;
width: calc(100vw) - 10px;
}
.rise {
animation-name: pullup;
animation-duration: .5s;
animation-timing-function: ease-out;
animation-fill-mode: both;
}
@keyframes pullup {
from {transform: translateY(100vh);}
0% {opacity: 0;}
90% {opacity: 100%;}
100% {opacity: 100%;}
to {transform: translateY(0);}
}
#title {
font-family: 'Nunito', sans-serif;
margin: 0 0;
z-index: 1;
animation: shine 5s linear infinite;
background: linear-gradient(to right, #5d60ca 20%, #171717 35%, #171717 35%, #5d60ca 50%, #5d60ca 50%, #af2188 75%, #5d60ca 90%);
background-size: 200% auto;
color: #5d60ca;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-user-select: none;
}
#title-sub-container {
padding: 0 0;
margin: 0 0;
}
#title-container {
position: fixed;
top: -5px;
left: 0;
padding: 7px 7px 2px 7px;
width: 100vw;
overflow: hidden;
background-color: #0000006d;
z-index: 1;
-webkit-app-region: drag;
}
.nosel {-webkit-user-select: none;}
::-webkit-scrollbar-track {
background-color: #00000000;
border-radius: 10px;
}
::-webkit-scrollbar {
width: 10px;
background-color: #00000000;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-image: linear-gradient(to bottom, #af2188c5 0%, #af2188c5 10%, #fa59cfc5 75%, #fa59cfc5 100%);
}
::-webkit-scrollbar-thumb:hover {background-image: linear-gradient(to bottom, #af2188ff 0%, #af2188ff 10%, #fa59cfff 75%, #fa59cfff 100%);}