nicks-nix-config/modules/ewwbar/eww-config/dashboard/dashboard.scss

141 lines
2.3 KiB
SCSS

.dash_window {
background-color: $bkgrnd;
border-radius: 16px;
}
.dash_clock {
// background-image: linear-gradient(45deg, #7d7d7d, #262626 30%, #262626 60%, #10384a);
border-radius: 16px;
background-repeat: no-repeat;
background-size: 500px 150px;
}
.dash_clock_bg {
border-radius: 16px;
background-color: #262626;
}
.dash_clock_time {
font-size: 30px;
text-shadow:
-1px -1px 0 #000,
0 -1px 0 #000,
1px -1px 0 #000,
1px 0 0 #000,
1px 1px 0 #000,
0 1px 0 #000,
-1px 1px 0 #000,
-1px 0 0 #000;
}
.dash_clock_date {
font-size: 20px;
text-shadow:
-1px -1px 0 #000,
0 -1px 0 #000,
1px -1px 0 #000,
1px 0 0 #000,
1px 1px 0 #000,
0 1px 0 #000,
-1px 1px 0 #000,
-1px 0 0 #000;
}
.music_controls {
margin: 10px;
}
.album_art {
background-size: 140px;
min-height: 140px;
min-width: 140px;
margin: 20px;
border-radius: 14px;
}
.music_title {
font-size: 20px;
}
.music_artist {
font-size: 15px;
}
.music_button {
font-size: 32px;
font-weight: bold;
}
.music_bar scale trough highlight {
all: unset;
background-color: #B48EAD;
border-radius: 8px;
}
.music_bar scale trough {
all: unset;
background-color: #3A404C;
border-radius: 8px;
min-height: 10px;
min-width: 210px;
margin : 10px 0px 0px 0px;
}
.arc_container {
margin-left: 25px;
margin-right: 25px;
}
.res_cpu {
color: #FD5B85;
background-color: #7e2d42;
}
.res_mem {
color: #B1A6EE;
background-color: #585376;
}
.res_hdd {
color: #67D4F1;
background-color: #336a78;
}
.btn_logout, .btn_restart, .btn_shutdown, .btn_switch_windows {
font-size: 40px;
font-weight: bold;
}
.input_popup {
// background-color: #6f6f6f;
background-image: linear-gradient(15deg, #212121, #004f4f);
border-radius: 8px;
padding: 15px;
}
.input_popup_label {
color: #FFFFFF;
padding-bottom: 5px;
font-size: 20px;
font-weight: bold;
}
.input_popup_input {
padding-left: 7px;
padding-right: 7px;
background-color: #252525;
border-radius: 2px;
}
.input_popup_input_box {
box-shadow: 0 0 0 2px #66cdaa;
border-radius: 2px;
}
.btn_logout {
color: #7a49a5;
}
.btn_restart {
color: #ffa500;
}
.btn_shutdown {
color: #4a8bad;
}
.btn_switch_windows {
color: #0dc5ff;
}