updates
This commit is contained in:
Chris Cochrun
parent
ad58a6fcb9
commit
53c4cee0a5
14 changed files with 3234 additions and 1691 deletions
278
eww/eww.scss
278
eww/eww.scss
|
|
@ -1,9 +1,9 @@
|
|||
/**
|
||||
Created by saimoom **/
|
||||
*{
|
||||
all: unset;
|
||||
font-family: feather;
|
||||
font-family: VictorMono Nerd Font;
|
||||
all: unset;
|
||||
font-family: feather;
|
||||
font-family: VictorMono Nerd Font;
|
||||
}
|
||||
|
||||
$background: rgba(00, 00, 00, 0.7);
|
||||
|
|
@ -194,29 +194,29 @@ tooltip label {
|
|||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
margin: 0px 8px 0px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.launcher_module {
|
||||
background-color: rgba(00, 00, 00, 0.0);
|
||||
}
|
||||
}
|
||||
|
||||
.mem_module {
|
||||
background-color: rgba(00, 00, 00, 0.0);
|
||||
border-radius: 16px;
|
||||
margin: 0px 5px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.bat_module {
|
||||
background-color: rgba(00, 00, 00, 0.0);
|
||||
border-radius: 16px;
|
||||
margin: 0px 0px 0px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.cpu_module {
|
||||
background-color: rgba(00, 00, 00, 0.0);
|
||||
border-radius: 16px;
|
||||
margin: 0px 5px 0px 5px;
|
||||
}
|
||||
margin: 0px 10px 0px 5px;
|
||||
}
|
||||
|
||||
.works {
|
||||
font-size: 22px;
|
||||
|
|
@ -258,43 +258,43 @@ tooltip label {
|
|||
font-weight: normal;
|
||||
border-radius: 25px;
|
||||
|
||||
.cal-in {
|
||||
padding: 10px 10px 10px 10px;
|
||||
color: $white;
|
||||
.cal-in {
|
||||
padding: 10px 10px 10px 10px;
|
||||
color: $white;
|
||||
|
||||
.cal {
|
||||
&.highlight {
|
||||
padding: 20px;
|
||||
}
|
||||
padding: 10px 10px 10px 10px;
|
||||
margin-left: 10px;
|
||||
.cal {
|
||||
&.highlight {
|
||||
padding: 20px;
|
||||
}
|
||||
padding: 10px 10px 10px 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
calender {
|
||||
color: $blue;
|
||||
}
|
||||
calendar:selected {
|
||||
color: $blue;
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
calendar.header {
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
calendar.button {
|
||||
color: $green;
|
||||
color: $green;
|
||||
}
|
||||
|
||||
calendar.highlight {
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
calendar:indeterminate {
|
||||
color: $black;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -339,13 +339,13 @@ color: $black;
|
|||
color: $orange;
|
||||
}
|
||||
.sys_bat_box {
|
||||
border-radius: 16px;
|
||||
border-radius: 16px;
|
||||
margin: 15px 10px 10px 20px;
|
||||
}
|
||||
}
|
||||
.sys_mem_box {
|
||||
border-radius: 16px;
|
||||
border-radius: 16px;
|
||||
margin: 10px 10px 15px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.app-name {
|
||||
|
|
@ -368,7 +368,7 @@ color: $black;
|
|||
}
|
||||
|
||||
.launcher-icon {
|
||||
margin : 9px 0px 10px 15px;
|
||||
margin : 9px 0px 10px 15px;
|
||||
}
|
||||
|
||||
.audio-box {
|
||||
|
|
@ -386,10 +386,10 @@ color: $black;
|
|||
}
|
||||
|
||||
.speaker_text {
|
||||
color: $base0D;
|
||||
font-size : 26px;
|
||||
font-weight : bold;
|
||||
margin: 20px 0px 0px 0px;
|
||||
color: $base0D;
|
||||
font-size : 26px;
|
||||
font-weight : bold;
|
||||
margin: 20px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.speaker_bar scale trough highlight {
|
||||
|
|
@ -411,81 +411,81 @@ color: $black;
|
|||
|
||||
|
||||
.mic_icon {
|
||||
background-size: cover;
|
||||
background-size: cover;
|
||||
background-image: url('images/mic.png');
|
||||
background-position: center;
|
||||
min-height: 70px;
|
||||
min-width: 75px;
|
||||
margin: 5px 20px 20px 20px;
|
||||
border-radius: 12px;
|
||||
background-position: center;
|
||||
min-height: 70px;
|
||||
min-width: 75px;
|
||||
margin: 5px 20px 20px 20px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.mic_text {
|
||||
color: $blue;
|
||||
font-size : 26px;
|
||||
font-weight : bold;
|
||||
margin: 0px 0px 0px 0px;
|
||||
color: $blue;
|
||||
font-size : 26px;
|
||||
font-weight : bold;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.mic_bar scale trough highlight {
|
||||
all: unset;
|
||||
all: unset;
|
||||
background-image: linear-gradient(to right, #afcee0 30%, #92B6F4 50%, #77a5bf 100% *50);
|
||||
border-radius: 24px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.mic_bar scale trough {
|
||||
all: unset;
|
||||
all: unset;
|
||||
box-shadow: 0 6px 5px 2px $shadow;
|
||||
background-color: $widget-background;
|
||||
border-radius: 24px;
|
||||
min-height: 13px;
|
||||
min-width: 120px;
|
||||
margin : 0px 0px 20px 0px;
|
||||
background-color: $widget-background;
|
||||
border-radius: 24px;
|
||||
min-height: 13px;
|
||||
min-width: 120px;
|
||||
margin : 0px 0px 20px 0px;
|
||||
}
|
||||
|
||||
.audio_sep {
|
||||
color: $black;
|
||||
font-size: 18;
|
||||
margin : 0px 0px 0px 0px;
|
||||
margin : 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
// Music
|
||||
.music-player {
|
||||
all: unset;
|
||||
all: unset;
|
||||
background-color: $widget-background;
|
||||
padding: 0px 25px 0px 17px;
|
||||
border-radius: 12px;
|
||||
padding: 0px 25px 0px 17px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0px 0px 6px 6px $shadow;}
|
||||
|
||||
.album_art {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 12px;
|
||||
margin: 2rem 1rem 1.5rem 1rem;
|
||||
padding: 4rem;}
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 12px;
|
||||
margin: 2rem 1rem 1.5rem 1rem;
|
||||
padding: 4rem;}
|
||||
|
||||
.song {
|
||||
font-family: JetBrainsMono Nerd Font Mono;
|
||||
font-weight: bold;
|
||||
color: $white;
|
||||
font-size : 1.2em;
|
||||
font-family: JetBrainsMono Nerd Font Mono;
|
||||
font-weight: bold;
|
||||
color: $white;
|
||||
font-size : 1.2em;
|
||||
}
|
||||
.artist {
|
||||
font-family: JetBrainsMono Nerd Font;
|
||||
font-style: italic;
|
||||
font-size: 1.1em;
|
||||
color: $blue;
|
||||
margin-top: -5px;
|
||||
font-family: JetBrainsMono Nerd Font;
|
||||
font-style: italic;
|
||||
font-size: 1.1em;
|
||||
color: $blue;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.btn_prev, .btn_play, .btn_next {
|
||||
font-family: JetBrainsMono Nerd Font Mono;
|
||||
color: $purple;
|
||||
font-size: 25px;
|
||||
font-family: JetBrainsMono Nerd Font Mono;
|
||||
color: $purple;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.metric-player scale trough highlight {
|
||||
all: unset;
|
||||
border-radius: 10px;
|
||||
background-color: $blue;
|
||||
all: unset;
|
||||
border-radius: 10px;
|
||||
background-color: $blue;
|
||||
}
|
||||
|
||||
// weather
|
||||
|
|
@ -498,31 +498,31 @@ font-family: JetBrainsMono Nerd Font Mono;
|
|||
|
||||
.iconweather {
|
||||
font-family: JetBrainsMono Nerd Font;
|
||||
font-size : 44px;
|
||||
font-weight : normal;
|
||||
margin : 0px -5px 0px 20px;
|
||||
font-size : 44px;
|
||||
font-weight : normal;
|
||||
margin : 0px -5px 0px 20px;
|
||||
}
|
||||
|
||||
.label_temp {
|
||||
color : $base0D;
|
||||
font-size : 35px;
|
||||
font-weight : bold;
|
||||
margin : 0px 0px 0px 0px;
|
||||
font-family: Furamono Nerd Font;
|
||||
color : $base0D;
|
||||
font-size : 35px;
|
||||
font-weight : bold;
|
||||
margin : 0px 0px 0px 0px;
|
||||
font-family: Furamono Nerd Font;
|
||||
|
||||
}
|
||||
|
||||
.label_stat {
|
||||
color : $base0D;
|
||||
font-size : 38px;
|
||||
font-weight : bold;
|
||||
color : $base0D;
|
||||
font-size : 38px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.label_quote {
|
||||
color : $base0D;
|
||||
font-size : 18px;
|
||||
padding-bottom: 10px;
|
||||
font-weight : normal;
|
||||
color : $base0D;
|
||||
font-size : 18px;
|
||||
padding-bottom: 10px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
.date {
|
||||
|
|
@ -551,13 +551,13 @@ font-family: JetBrainsMono Nerd Font Mono;
|
|||
|
||||
|
||||
scale trough {
|
||||
all: unset;
|
||||
background-color: $widget-background;
|
||||
box-shadow: 0 2px 3px 2px $shadow;
|
||||
border-radius: 16px;
|
||||
min-height: 10px;
|
||||
min-width: 70px;
|
||||
margin: 0px 5px 0px 10px;
|
||||
all: unset;
|
||||
background-color: $widget-background;
|
||||
box-shadow: 0 2px 3px 2px $shadow;
|
||||
border-radius: 16px;
|
||||
min-height: 10px;
|
||||
min-width: 70px;
|
||||
margin: 0px 5px 0px 10px;
|
||||
}
|
||||
|
||||
.scale highlight {
|
||||
|
|
@ -580,28 +580,28 @@ scale trough {
|
|||
box-shadow: 0px 0px 6px 6px rgb(0, 0, 0, .4);}
|
||||
|
||||
.poweroff, .reboot, .firmware, .exit, .restart {
|
||||
margin: 0px 16px 0px 16px;
|
||||
padding: 2px 15px 2px 9px;
|
||||
font-family: mononoki Nerd Font;
|
||||
border-radius: 25px;
|
||||
font-size: 24px;
|
||||
color: $black;
|
||||
margin: 0px 16px 0px 16px;
|
||||
padding: 2px 15px 2px 9px;
|
||||
font-family: mononoki Nerd Font;
|
||||
border-radius: 25px;
|
||||
font-size: 24px;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
.poweroff {
|
||||
background-color: $red;
|
||||
background-color: $red;
|
||||
}
|
||||
.reboot {
|
||||
background-color: $green;
|
||||
background-color: $green;
|
||||
}
|
||||
.firmware {
|
||||
background-color: $orange;
|
||||
background-color: $orange;
|
||||
}
|
||||
.exit {
|
||||
background-color: $purple;
|
||||
background-color: $purple;
|
||||
}
|
||||
.restart {
|
||||
background-color: $blue;
|
||||
background-color: $blue;
|
||||
}
|
||||
|
||||
.fetch {
|
||||
|
|
@ -613,33 +613,33 @@ scale trough {
|
|||
box-shadow: 0px 0px 6px 6px rgb(0, 0, 0, .4);}
|
||||
|
||||
.wm {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $red;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $red;
|
||||
}
|
||||
|
||||
.host {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $purple;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $purple;
|
||||
}
|
||||
|
||||
.uptime {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $orange;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $orange;
|
||||
}
|
||||
|
||||
.packages {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $blue;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
.kernal {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $green;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $green;
|
||||
}
|
||||
|
||||
.notification {
|
||||
|
|
@ -715,3 +715,31 @@ scale trough {
|
|||
.battery-label {
|
||||
margin: 20px 50px 10px 40px;
|
||||
}
|
||||
|
||||
.volume-container {
|
||||
background-color: $darktransparent;
|
||||
border-radius: 16px;
|
||||
box-shadow: 2px 2px 3px 3px #101010;
|
||||
margin: 8px 18px 13px 18px;
|
||||
}
|
||||
|
||||
.volume-value trough highlight {
|
||||
background-color: $base0B;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.volume-value {
|
||||
margin-bottom: 0px;
|
||||
margin-right: 0px;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
.volume-label {
|
||||
margin: 10px 20px 10px 5px;
|
||||
}
|
||||
.volume-icon {
|
||||
font-size: 18;
|
||||
color: $base0B;
|
||||
margin: 0px 5px 0px 20px;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue