Use a mix of gruvbox-dark and custom colors

This commit is contained in:
mokou 2020-04-25 15:18:57 +02:00
parent 5b3e03c776
commit 06ac8d77db
6 changed files with 89 additions and 254 deletions

View file

@ -138,35 +138,67 @@ font:
# If `true`, bold text is drawn using the bright color variants.
draw_bold_text_with_bright_colors: true
# # Colors (Gruvbox light)
# colors:
# # Default colors
# primary:
# # hard contrast: background = '#f9f5d7'
# background: '#fbf1c7'
# # soft contrast: background = '#f2e5bc'
# foreground: '#3c3836'
# # Normal colors
# normal:
# black: '#fbf1c7'
# red: '#cc241d'
# green: '#98971a'
# yellow: '#d79921'
# blue: '#458588'
# magenta: '#b16286'
# cyan: '#689d6a'
# white: '#7c6f64'
# # Bright colors
# bright:
# black: '#928374'
# red: '#9d0006'
# green: '#79740e'
# yellow: '#b57614'
# blue: '#076678'
# magenta: '#8f3f71'
# cyan: '#427b58'
# white: '#3c3836'
# Colors (Gruvbox dark)
colors:
# Default colors
primary:
background: '0x004043'
foreground: '0x069993'
# hard contrast: background = '#1d2021'
background: '#282828'
# soft contrast: background = '#32302f'
foreground: '#ebdbb2'
# Normal colors
normal:
black: '0x24262a'
red: '0xa54242'
green: '0x8c9440'
yellow: '0xde935f'
blue: '0x5f819d'
magenta: '0x85678f'
cyan: '0x5e8d87'
white: '0x949494'
black: '#282828'
red: '#cc241d'
green: '#98971a'
yellow: '#d79921'
blue: '#458588'
magenta: '#b16286'
cyan: '#689d6a'
white: '#a89984'
# Bright colors
bright:
black: '0x5f5f5f'
red: '0xcc6666'
green: '0xb5bd68'
yellow: '0xf0c674'
blue: '0x81a2be'
magenta: '0xb294bb'
cyan: '0x8abeb7'
white: '0xc5c8c6'
black: '#928374'
red: '#fb4934'
green: '#b8bb26'
yellow: '#fabd2f'
blue: '#83a598'
magenta: '#d3869b'
cyan: '#8ec07c'
white: '#ebdbb2'
# Visual Bell
#
# Any time the BEL code is received, Alacritty "rings" the visual bell. Once

View file

@ -8,9 +8,9 @@
}
window#waybar {
background-color: #004043;
border-bottom: 3px solid #004043;
color: #069993;
background-color: #111;
border-bottom: 3px solid #111;
color: #fff;
transition-property: background-color;
transition-duration: .5s;
}
@ -30,32 +30,32 @@ window#waybar.solo {
#workspaces button {
padding: 0 5px;
background-color: #004043;
color: #069993;
border-bottom: 3px solid #004043;
background-color: #111;
color: #fff;
border-bottom: 3px solid #111;
}
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
box-shadow: inherit;
border-bottom: 3px solid #ffffff;
border-bottom: 3px solid #111;
}
#workspaces button.focused {
background-color: #004043;
color: #fff;
background-color: #fff;
color: #111;
border-bottom: 3px solid #fff;
}
#workspaces button.urgent {
background-color: #004043;
color: navy;
border-bottom: 3px solid #004043;
background-color: #111;
color: #2ecc40;
border-bottom: 3px solid #111;
}
#mode {
background-color: #004043;
border-bottom: 3px solid #004043;
background-color: #111;
border-bottom: 3px solid #111;
}
#clock,
@ -77,30 +77,30 @@ window#waybar.solo {
}
#clock {
background-color: #004043;
background-color: #111;
color: #fff;
}
#battery {
background-color: #ffffff;
color: #000000;
color: #111;
}
#battery.charging {
color: #ffffff;
background-color: #26A65B;
background-color: #3d9970;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
color: #111;
}
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
background-color: #ff4136;
color: #ffffff;
animation-name: blink;
animation-duration: 0.5s;
@ -110,66 +110,66 @@ window#waybar.solo {
}
label:focus {
background-color: #000000;
background-color: #111;
}
#cpu {
background-color: #004043;
background-color: #111;
color: #fff;
}
#memory {
background-color: #004043;
background-color: #111;
color: #fff;
}
#backlight {
background-color: #004043;
background-color: #111;
color: #fff;
}
#network {
background-color: #004043;
background-color: #111;
color: #fff;
}
#network.disconnected {
background-color: #004043;
background-color: #111;
color: #fff;
}
#pulseaudio {
background-color: #004043;
background-color: #111;
color: #fff;
}
#pulseaudio.muted {
background-color: #004043;
background-color: #111;
color: #fff;
}
#temperature {
background-color: #004043;
background-color: #111;
color: #fff;
}
#temperature.critical {
background-color: #004043;
background-color: #111;
color: #fff;
}
#tray {
background-color: #004043;
background-color: #111;
color: #fff;
}
#idle_inhibitor {
background-color: #004043;
background-color: #111;
color: #fff;
}
#idle_inhibitor.activated {
background-color: #004043;
background-color: #111;
color: #fff;
}