a metric butt ton of updates that idk....
This commit is contained in:
Chris Cochrun
parent
972aec6926
commit
fc5a0acaec
18 changed files with 486 additions and 405 deletions
198
eww/eww.scss
198
eww/eww.scss
|
|
@ -3,7 +3,7 @@ Created by saimoom **/
|
|||
*{
|
||||
all: unset;
|
||||
font-family: feather;
|
||||
font-family: mononoki Nerd Font;
|
||||
font-family: VictorMono Nerd Font;
|
||||
}
|
||||
|
||||
$background: rgba(00, 00, 00, 0.7);
|
||||
|
|
@ -20,10 +20,31 @@ $purple: #C574DD;
|
|||
$teal: #79E6F3;
|
||||
$white: #FDFDFD;
|
||||
|
||||
$base00: #282a36;
|
||||
$base01: #34353e;
|
||||
$base02: #43454f;
|
||||
$base03: #78787e;
|
||||
$base04: #a5a5a9;
|
||||
$base05: #e2e4e5;
|
||||
$base06: #eff0eb;
|
||||
$base07: #f1f1f0;
|
||||
$base08: #ff5c57;
|
||||
$base09: #ff9f43;
|
||||
$base0A: #f3f99d;
|
||||
$base0B: #5af78e;
|
||||
$base0C: #9aedfe;
|
||||
$base0D: #57c7ff;
|
||||
$base0E: #ff6ac1;
|
||||
$base0F: #b2643c;
|
||||
$basetransparent: rgba(40, 42, 54, 0.0);
|
||||
$backtransparent: rgba(40, 42, 54, 0.7);
|
||||
|
||||
/** General **/
|
||||
.bar_class {
|
||||
background-color: $background;
|
||||
background-color: $backtransparent;
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
box-shadow: 2px 2px 5px 5px #101010;
|
||||
margin: 8px 18px 13px 18px;
|
||||
}
|
||||
.module {
|
||||
margin: 0px 0px 0px 0px;
|
||||
|
|
@ -31,9 +52,12 @@ $white: #FDFDFD;
|
|||
}
|
||||
|
||||
.side{
|
||||
background-color: $background;
|
||||
background-color: $backtransparent;
|
||||
border-width: 0px;
|
||||
padding: 0px 30px 0px 30px;
|
||||
padding: 30px 30px 0px 30px;
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
box-shadow: 2px 2px 5px 5px #101010;
|
||||
margin: 8px 18px 13px 18px;
|
||||
}
|
||||
|
||||
.center_modules {
|
||||
|
|
@ -43,7 +67,7 @@ $white: #FDFDFD;
|
|||
|
||||
/** tooltip!! **/
|
||||
tooltip.background {
|
||||
background-color: $background;
|
||||
background-color: $backtransparent;
|
||||
font-size: 18;
|
||||
border-radius: 10px;
|
||||
color: $white;
|
||||
|
|
@ -57,34 +81,34 @@ tooltip label {
|
|||
/** Widgets **/
|
||||
|
||||
.clock_time_class, .clock_minute_class {
|
||||
font-size: 28;
|
||||
font-size: 16;
|
||||
}
|
||||
.clock_date_class {
|
||||
font-size: 24;
|
||||
font-size: 16;
|
||||
margin: 0px 20px 0px -1px;
|
||||
color: $red;
|
||||
color: $base08;
|
||||
}
|
||||
.clock_time_class {
|
||||
color: $white;
|
||||
color: $base0B;
|
||||
font-weight: bold;
|
||||
margin: 0px 20px 0px 5px;
|
||||
}
|
||||
|
||||
.notif_button {
|
||||
font-size: 28;
|
||||
margin: 0px 20px 0px 0px;
|
||||
color: $white;
|
||||
font-size: 18;
|
||||
margin: 2px 20px 0px 0px;
|
||||
color: $base05;
|
||||
}
|
||||
|
||||
.membar {
|
||||
color: $orange;
|
||||
background-color: $widget-background;
|
||||
border-radius: 10px;
|
||||
color: $base0A;
|
||||
background-color: $base01;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.batbar {
|
||||
color: $purple;
|
||||
color: $base0E;
|
||||
background-color: $widget-background;
|
||||
border-radius: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.brightbar trough highlight {
|
||||
background-image: linear-gradient(to right, $orange 30%, #f2cdcd 50%, $orange 100% *50);
|
||||
|
|
@ -95,53 +119,54 @@ tooltip label {
|
|||
border-radius: 10px;
|
||||
}
|
||||
.volume_icon {
|
||||
font-size: 22;
|
||||
color: $blue;
|
||||
margin: 0px 10px 0px 10px;
|
||||
font-size: 18;
|
||||
color: $base08;
|
||||
margin: 0px 10px 0px 10px;
|
||||
}
|
||||
|
||||
|
||||
.module_essid {
|
||||
font-size: 18;
|
||||
color: $blue;
|
||||
margin: 0px 10px 0px 0px;
|
||||
color: $base0C;
|
||||
margin: 0px 10px 0px 0px;
|
||||
}
|
||||
.module-wif {
|
||||
font-size: 22;
|
||||
color: $blue;
|
||||
margin: 0px 10px 0px 5px;
|
||||
font-size: 18;
|
||||
color: $base0C;
|
||||
margin: 0px 10px 0px 10px;
|
||||
}
|
||||
|
||||
.iconlauncher {
|
||||
color: $white;
|
||||
font-size: 36px;
|
||||
font-size: 10px;
|
||||
margin: 0px 10px 0px 15px;
|
||||
}
|
||||
|
||||
.iconsearch {
|
||||
color: $white;
|
||||
font-size: 24px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.iconmem {
|
||||
color: $orange;
|
||||
color: $base0A;
|
||||
}
|
||||
.iconbat {
|
||||
color: $purple;
|
||||
color: $base0B;
|
||||
}
|
||||
.iconbat, .iconmem {
|
||||
font-size: 15;
|
||||
margin: 15px;
|
||||
margin: 10px;
|
||||
}
|
||||
.bright_icon {
|
||||
font-size: 22;
|
||||
color: $orange;
|
||||
margin: 0px 10px 0px 10px;
|
||||
font-size: 18;
|
||||
color: $base09;
|
||||
margin: 0px 10px 0px 10px;
|
||||
}
|
||||
|
||||
|
||||
.separ {
|
||||
color: $grey;
|
||||
color: $base03;
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-size: 24px;
|
||||
margin: 0px 8px 0px 8px;
|
||||
}
|
||||
|
||||
|
|
@ -151,19 +176,20 @@ tooltip label {
|
|||
|
||||
.mem_module {
|
||||
background-color: rgba(00, 00, 00, 0.0);
|
||||
border-radius: 16px;
|
||||
margin: 0px 10px 0px 3px;
|
||||
border-radius: 16px;
|
||||
margin: 0px 10px 0px 3px;
|
||||
}
|
||||
|
||||
.bat_module {
|
||||
background-color: rgba(00, 00, 00, 0.0);
|
||||
border-radius: 16px;
|
||||
margin: 0px 10px 0px 10px;
|
||||
border-radius: 16px;
|
||||
margin: 0px 10px 0px 10px;
|
||||
}
|
||||
|
||||
.works {
|
||||
font-size: 28px;
|
||||
font-size: 22px;
|
||||
font-weight: normal;
|
||||
margin: 10px 0px 0px 10px;
|
||||
margin: 2px 0px 0px 20px;
|
||||
background-color: rgba(00, 00, 00, 0.0);
|
||||
}
|
||||
|
||||
|
|
@ -174,23 +200,23 @@ tooltip label {
|
|||
|
||||
/* Unoccupied */
|
||||
.0 {
|
||||
color: $grey;
|
||||
color: $base03;
|
||||
}
|
||||
|
||||
/* Occupied */
|
||||
.01, .02, .03, .04, .05, .06, .07, .08, .09 {
|
||||
color: $white;
|
||||
color: $base05;
|
||||
}
|
||||
|
||||
/* Focused */
|
||||
.011, .022, .033, .044, .055, .066, .077, .088, .099{
|
||||
color: $purple;
|
||||
color: $base0D;
|
||||
}
|
||||
|
||||
|
||||
// Calendar
|
||||
.cal {
|
||||
background-color: $background;
|
||||
background-color: $backtransparent;
|
||||
font-family: mononoki Nerd Font;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
|
|
@ -287,43 +313,44 @@ color: $black;
|
|||
|
||||
|
||||
.app-name {
|
||||
color: $blue;
|
||||
font-size : 20px;
|
||||
font-weight : bold;
|
||||
margin : 10px 0px 0px 0px;
|
||||
color: $base0D;
|
||||
font-size : 14px;
|
||||
font-weight : bold;
|
||||
padding : 4px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.app-icon {
|
||||
margin : 8px 10px 0px 0px;
|
||||
margin : 6px 10px 0px 0px;
|
||||
|
||||
}
|
||||
|
||||
.app-button {
|
||||
color: $blue;
|
||||
font-size : 30px;
|
||||
font-weight : bold;
|
||||
margin : 0px 15px 0px 15px;
|
||||
color: $base0D;
|
||||
font-size : 20px;
|
||||
font-weight : bold;
|
||||
margin : 0px 15px 0px 15px;
|
||||
}
|
||||
|
||||
.launcher-icon {
|
||||
margin : 5px -5px 10px 15px;
|
||||
margin : 9px 0px 10px 15px;
|
||||
}
|
||||
|
||||
.audio-box {
|
||||
background-color: $background;
|
||||
border-radius: 16px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.speaker_icon {
|
||||
background-size: cover;
|
||||
background-size: cover;
|
||||
background-image: url('images/speaker.png');
|
||||
background-position: center;
|
||||
min-height: 70px;
|
||||
min-width: 75px;
|
||||
margin: 10px 20px 5px 20px;
|
||||
border-radius: 12px;
|
||||
background-position: center;
|
||||
min-height: 70px;
|
||||
min-width: 75px;
|
||||
margin: 10px 20px 5px 20px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.speaker_text {
|
||||
color: $blue;
|
||||
color: $base0D;
|
||||
font-size : 26px;
|
||||
font-weight : bold;
|
||||
margin: 20px 0px 0px 0px;
|
||||
|
|
@ -441,7 +468,7 @@ font-family: JetBrainsMono Nerd Font Mono;
|
|||
}
|
||||
|
||||
.label_temp {
|
||||
color : $blue;
|
||||
color : $base0D;
|
||||
font-size : 35px;
|
||||
font-weight : bold;
|
||||
margin : 0px 0px 0px 0px;
|
||||
|
|
@ -450,13 +477,13 @@ font-family: JetBrainsMono Nerd Font Mono;
|
|||
}
|
||||
|
||||
.label_stat {
|
||||
color : $blue;
|
||||
color : $base0D;
|
||||
font-size : 38px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.label_quote {
|
||||
color : $blue;
|
||||
color : $base0D;
|
||||
font-size : 18px;
|
||||
padding-bottom: 10px;
|
||||
font-weight : normal;
|
||||
|
|
@ -467,10 +494,10 @@ font-family: JetBrainsMono Nerd Font Mono;
|
|||
background-color: $widget-background;
|
||||
padding: 33px 27px 27px 27px;
|
||||
border-radius: 12px;
|
||||
color: $blue;
|
||||
font-size : 18px;
|
||||
font-style : italic;
|
||||
font-family: Cartograph CF;
|
||||
color: $base0D;
|
||||
font-size : 12px;
|
||||
font-style : italic;
|
||||
font-family: Cartograph CF;
|
||||
box-shadow: 0px 0px 6px 6px rgb(0, 0, 0, .4);}
|
||||
|
||||
.stats-box {
|
||||
|
|
@ -482,7 +509,7 @@ font-family: JetBrainsMono Nerd Font Mono;
|
|||
|
||||
.stats-icon {
|
||||
font-size: 23px;
|
||||
color: $blue;
|
||||
color: $base0D;
|
||||
font-family: JetBrainsMono Nerd Font Mono;
|
||||
}
|
||||
|
||||
|
|
@ -580,59 +607,54 @@ scale trough {
|
|||
}
|
||||
|
||||
.notification {
|
||||
all: unset;
|
||||
background-color: $widget-background;
|
||||
padding: 20px 25px 20px 17px;
|
||||
all: unset;
|
||||
background-color: $base00;
|
||||
padding: 10px 15px 10px 7px;
|
||||
margin: 0px 15px 0px 15px;
|
||||
border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $red;}
|
||||
border-color: $base09;}
|
||||
|
||||
.notification-header {
|
||||
all: unset;
|
||||
background-color: $widget-background;
|
||||
padding: 20px 25px 20px 17px;
|
||||
all: unset;
|
||||
background-color: $base00;
|
||||
padding: 10px 15px 10px 7px;
|
||||
margin: 20px 15px 10px 15px;
|
||||
border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $green;}
|
||||
border-color: $base0A;}
|
||||
|
||||
.notification-icon {
|
||||
color: $white;
|
||||
font-size: 36px;
|
||||
margin: 0px 20px 0px 10px;
|
||||
font-size: 16px;
|
||||
margin: 0px 10px 0px 0px;
|
||||
}
|
||||
|
||||
.notification-appname {
|
||||
font-family: "Inter Nerd Font";
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: $orange;
|
||||
}
|
||||
|
||||
.notification-summary {
|
||||
font-family: "Inter Nerd Font";
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.notification-body {
|
||||
font-family: "Inter Nerd Font";
|
||||
font-size: 14px;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.notification-label {
|
||||
font-family: "Mononoki Nerd Font";
|
||||
font-size: 30px;
|
||||
color: $blue;
|
||||
margin: 0px 50px 0px 0px;
|
||||
}
|
||||
.notification-action {
|
||||
font-family: "Mononoki Nerd Font";
|
||||
font-size: 36px;
|
||||
color: $white;
|
||||
margin: 0px 0px 0px 20px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue