mirror of
https://github.com/CoolnsX/hyprdots.git
synced 2025-12-20 15:25:24 +05:30
102 lines
1.7 KiB
SCSS
102 lines
1.7 KiB
SCSS
* {
|
|
all: unset;
|
|
}
|
|
|
|
|
|
/** Background ***************************************/
|
|
.bg {
|
|
background-color: rgba(0,0,0,0);
|
|
opacity: 0;
|
|
}
|
|
|
|
/** Generic window ***********************************/
|
|
.genwin {
|
|
background-color: rgba(46, 52, 64, 0.5);
|
|
border-radius: 16px;
|
|
}
|
|
|
|
/** Clock ********************************************/
|
|
.time_hour, .time_min {
|
|
color: #81A1C1;
|
|
font-size : 70px;
|
|
font-weight : bold;
|
|
}
|
|
.time_hour {
|
|
margin : 10px 0px 0px 20px;
|
|
}
|
|
.time_min {
|
|
margin : 0px 0px 10px 0px;
|
|
}
|
|
|
|
.time_mer {
|
|
color: #A3BE8C;
|
|
font-size : 40px;
|
|
font-weight : bold;
|
|
margin : 20px 0px 0px 0px;
|
|
}
|
|
|
|
.time_day {
|
|
color: #EBCB8B;
|
|
font-size : 30px;
|
|
font-weight : normal;
|
|
margin : 0px 0px 20px 0px;
|
|
}
|
|
|
|
/** Music ***************************************/
|
|
.album_art {
|
|
background-size: cover;
|
|
background-repeat:no-repeat;
|
|
background-color: rgba(0,0,0,0);
|
|
min-height: 210px;
|
|
min-width: 210px;
|
|
margin: 0px 50px 0px 0px;
|
|
border-radius: 15px;
|
|
border-style:none;
|
|
}
|
|
|
|
.song {
|
|
color: #8FBCBB;
|
|
font-size : 24px;
|
|
font-weight : bold;
|
|
margin : 5px 0px 0px 0px;
|
|
}
|
|
|
|
.artist {
|
|
color: #EBCB8B;
|
|
font-size : 20px;
|
|
font-weight : normal;
|
|
margin : 0px 0px -10px 0px;
|
|
}
|
|
|
|
.btn_play {
|
|
margin : 0px 0px 0px 0px;
|
|
color: #A3BE8C;
|
|
font-size : 70px;
|
|
font-weight : bold;
|
|
}
|
|
|
|
.btn_prev {
|
|
color: #EBCB8B;
|
|
font-size : 32px;
|
|
font-weight : normal;
|
|
}
|
|
|
|
.btn_next {
|
|
color: #EBCB8B;
|
|
font-size : 32px;
|
|
font-weight : normal;
|
|
}
|
|
|
|
.music_bar scale trough highlight {
|
|
all: unset;
|
|
background-image: linear-gradient(to right, #afcee0 30%, #a1bdce 50%, #77a5bf 100% *50);
|
|
border-radius: 24px;
|
|
}
|
|
.music_bar scale trough {
|
|
background-color: #232232;
|
|
border-radius: 24px;
|
|
min-height: 13px;
|
|
min-width: 190px;
|
|
margin : -22px 0px 10px 0px;
|
|
}
|