CRinge

alacritty/.config/alacritty/alacritty.yml

@@ -68,28 +68,28 @@ draw_bold_text_with_bright_colors: true
 
 colors:
   primary:
-    background: '0xE0E0E0'
+    background: '0xffffff'
-    foreground: '0x181818'
+    foreground: '0x4d4d4c'
 
   normal:
-    black:   '0x665c54'
+    black:   '0x1d1f21'
-    red:     '0xea6962'
+    red:     '0xc82829'
-    green:   '0xa9b665'
+    green:   '0x718c00'
-    yellow:  '0xe78a4e'
+    yellow:  '0xf5871f'
-    blue:    '0x7daea3'
+    blue:    '0x4271ae'
-    magenta: '0xd3869b'
+    magenta: '0x8959a8'
-    cyan:    '0x89b482'
+    cyan:    '0x3e999f'
-    white:   '0x000000'
+    white:   '0xd6d6d6'
 
   bright:
-    black:   '0x928374'
+    black:   '0x8e908c'
-    red:     '0xea6962'
+    red:     '0xff3334'
-    green:   '0xa9b665'
+    green:   '0x89aa00'
-    yellow:  '0xe3a84e'
+    yellow:  '0xeab700'
-    blue:    '0x7daea3'
+    blue:    '0x5795e6'
-    magenta: '0xd3869b'
+    magenta: '0xb777e0'
-    cyan:    '0x89b482'
+    cyan:    '0x66bdc3'
-    white:   '0x222222'
+    white:   '0xefefef'
 
 cursor:
   # Values for `style`:

eww/.config/eww/eww.scss

@@ -4,22 +4,23 @@ $icon-size: 18px;
 $logo-size: 22px;
 
 // Basic colors
-$black: #121212;
+$black: #1d1f21;
-$red: #f7768c;
+$red: #c82829;
-$green: #9ece6a;
+$green: #718c00;
-$yellow: #e0af68;
+$yellow: #eab700;
-$blue: #6677bb;
+$blue: #4271ae;
-$magenta: #ad8ee6;
+$magenta: #8959a8;
-$cyan: #449dab;
+$cyan: #66bdc3;
-$white: #787c99;
+$white: #d6d6d6;
 
 // Colors
-$bg-color: #E0E0E0;
+$bg-color: #fff;
-$bg-alt-color: #E0E0E0;
+$bg-alt-color: #d6d6d6;
-$fg-color: #181818;
+$fg-color: #4d4d4c;
-$fg-alt-color: #181818;
+$fg-alt-color: #4d4d4c;
 $fg-sel-color: $blue;
-$border-color: #909090;
+$fg-desel-color: $white;
+$border-color: #d6d6d6;
 
 $fg-accent: $blue;
 
@@ -37,11 +38,12 @@ tooltip {
   background-color: $bg-alt-color;
 }
 
-.bar-1, .bar-2 {
+.bar-1,
+.bar-2 {
   background-color: $bg-color;
   color: $fg-color;
   border-right: solid 1px $border-color;
-	padding: .3rem;
+  padding: 0.3rem;
 }
 
 .segment-end {
@@ -72,10 +74,12 @@ button {
 }
 
 button.active {
-	font-weight: bold;
+  // font-weight: bold;
-	color: $blue;
+  color: $fg-sel-color;
+}
+button.inactive {
+  color: $fg-desel-color;
 }
-button.inactive { opacity: 0.2; }
 
 // Generic stuff
 scale trough {
@@ -84,25 +88,36 @@ scale trough {
   border-radius: 5px;
   min-height: 60px;
   min-width: 4px;
-	margin: .3rem 0 .3rem 0;
+  margin: 0.3rem 0 0.3rem 0;
 }
 
 // Menu
 .powermenu {
   transition: color $anim-transition;
   // border-right: solid 1px $border-color;
-	padding: .5rem .2rem .3rem .2rem;
+  padding: 0.5rem 0.2rem 0.3rem 0.2rem;
 }
 
-.quit, .lock, .reboot, .poweroff {
+.quit,
+.lock,
+.reboot,
+.poweroff {
   // padding: .5rem .2rem .3rem .2rem;
 }
 
 // Colors for the buttons
-.lock:hover 	{ color: $white; 	}
+.lock:hover {
-.quit:hover 	{ color: $green; 	}
+  color: $white;
-.reboot:hover 	{ color: $yellow; 	}
+}
-.poweroff:hover { color: $red; 		}
+.quit:hover {
+  color: $green;
+}
+.reboot:hover {
+  color: $yellow;
+}
+.poweroff:hover {
+  color: $red;
+}
 
 .pm-active {
   // background-color: $bg-alt-color;
@@ -110,20 +125,21 @@ scale trough {
 }
 
 .pm-inner {
-	padding: .2rem 0;
+  padding: 0.2rem 0;
 }
 
 // Control
 .control {
   margin-bottom: $logo-size;
-	padding: .5rem;
+  padding: 0.5rem;
-	margin: 0 .5rem 0 .5rem;
+  margin: 0;
   font-family: Material Icons;
   font-size: 1.6em;
   border-radius: 5px;
 }
+
 .icon {
-	margin: 0 .2rem;
+  margin: 0 0.2rem;
   font-size: $icon-size;
   font-family: Material Icons;
   padding: 0 1px;
@@ -131,7 +147,6 @@ scale trough {
 
 .icon:hover {
   opacity: 0.6;
-	// color: red;
 }
 
 // Volume stuff
@@ -145,23 +160,22 @@ scale trough {
   font-size: 11px;
   font-weight: bold;
   border-top: solid 2px $border-color;
-	color: $fg-alt-color;
   padding: 1rem 0;
   padding-bottom: 0rem;
-	margin: .5rem 0 .5rem 0;
+  margin: 0.5rem 0 0.5rem 0;
 }
 
 // Logo button
 .logo {
-	margin: 0 .8rem;
+  margin: 0 0.8rem;
   margin-top: 6px;
   font-size: $logo-size;
-	opacity: 0.6;
+  // opacity: 0.6;
 }
 
 .logo-seperator {
   border-bottom: 2px solid $border-color;
-	padding-bottom: .4rem;
+  padding-bottom: 0.4rem;
 }
 
 // Color overrides
@@ -170,7 +184,6 @@ scale trough {
   opacity: 0.8;
 }
 
-
 // Music widget
 .musicmenu {
   // background-color: $bg-alt-color;