PeterCxy/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

switch to gruvbox + monospace theme for the desktop

Browse source
This commit is contained in:
Peter Cai 2022-03-25 14:42:54 -04:00
parent f3fa702da1
commit 19da43828c
4 changed files with 192 additions and 183 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
alacritty/.config/alacritty/alacritty.yml
View file

@ -20,32 +20,29 @@ font:
family: 'Fira Code' family: 'Fira Code'
size: 10.5 size: 10.5
# Nord color scheme from alacritty wiki # Colors (Gruvbox Material Dark Medium)
# Colors (Nord)
colors: colors:
# Default colors primary:
primary: background: '0x282828'
background: '#2E3440' foreground: '0xdfbf8e'
foreground: '#D8DEE9'
# Normal colors normal:
normal: black: '0x665c54'
black: '#3B4252' red: '0xea6962'
red: '#BF616A' green: '0xa9b665'
green: '#A3BE8C' yellow: '0xe78a4e'
yellow: '#EBCB8B' blue: '0x7daea3'
blue: '#81A1C1' magenta: '0xd3869b'
magenta: '#B48EAD' cyan: '0x89b482'
cyan: '#88C0D0' white: '0xdfbf8e'
white: '#E5E9F0'
# Bright colors bright:
bright: black: '0x928374'
black: '#4C566A' red: '0xea6962'
red: '#BF616A' green: '0xa9b665'
green: '#A3BE8C' yellow: '0xe3a84e'
yellow: '#EBCB8B' blue: '0x7daea3'
blue: '#81A1C1' magenta: '0xd3869b'
magenta: '#B48EAD' cyan: '0x89b482'
cyan: '#8FBCBB' white: '0xdfbf8e'
white: '#ECEFF4'

30
sway/.config/mako/mako.conf
View file

@ -1,24 +1,12 @@
sort=-time text-color=#282828
layer=overlay background-color=#ebdbb2
background-color=#2e3440dd border-color=#282828
width=300 default-timeout=8000
height=110 font=JetBrains Mono 10
border-size=1 border-radius=10
border-color=#88c0d0
border-radius=8
icons=0
max-icon-size=64
default-timeout=5000
ignore-timeout=1
font=monospace 11
[urgency=low]
border-color=#cccccc
[urgency=normal]
border-color=#d08770
[urgency=high] [urgency=high]
border-color=#bf616a border-color=#FF0000
default-timeout=0 default-timeout=0
border-size=4
layer=overlay

13
sway/.config/sway/config
View file

@ -249,11 +249,16 @@ input type:touchpad {
tap enabled tap enabled
} }
client.focused 00000000 00000000 00000000 00000000 default_border pixel 2
client.focused_inactive 00000000 00000000 00000000 00000000
client.unfocused 00000000 00000000 00000000 00000000
default_border pixel 8 smart_gaps on
gaps outer 4
gaps inner 0
client.focused #ebdbb2 #ebdbb2 #ebdbb2 #ebdbb2 #ebdbb2
client.unfocused 00000000 00000000 00000000 00000000
client.focused_inactive 00000000 00000000 00000000 00000000
# This is annoying -- just turn it off # This is annoying -- just turn it off
focus_follows_mouse no focus_follows_mouse no

283
sway/.config/waybar/style.css
View file

@ -1,161 +1,180 @@
/*
* Based on <https://github.com/jakehamilton/dotfiles/tree/master/waybar>
*/
* { * {
border: none; border: none;
border-radius: 0; border-radius: 0;
font-family: Nerd Font Hack; font-family: JetBrains Mono;
font-size: 14px; font-size: 14px;
min-height: 32px; min-height: 0;
margin: 0 0px;
} }
window#waybar { window#waybar {
background: transparent; background-color: #3c3836;
border-bottom: none;
color: #ebdbb2;
transition-property: background-color;
transition-duration: 0.5s;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
} }
#window {
margin-top: 8px;
padding-left: 16px;
padding-right: 16px;
border-radius: 26px;
transition: none;
color: transparent;
background: transparent;
}
window#waybar.termite #window,
window#waybar.Firefox #window,
window#waybar.Navigator #window,
window#waybar.PCSX2 #window {
color: #4d4d4d;
background: #e6e6e6;
}
#workspaces, #network, #pulseaudio,
#custom-weather, #clock, #tray,
#custom-power {
opacity: 0.8;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#custom-power {
margin-top: 8px;
margin-left: 12px;
margin-bottom: 8px;
padding-left: 20px;
padding-right: 20px;
border-radius: 26px;
background: #bf616a;
color: rgba(255, 255, 255, 0.9);
}
#workspaces {
margin-top: 8px;
margin-left: 8px;
margin-bottom: 8px;
border-radius: 26px;
background: #2e3440;
transition: none;
}
#workspaces button { #workspaces button {
transition: none; padding: 0 5px;
color: #f8f8f2; color: #ebdbb2;
background: transparent; border-radius: 5px;
font-size: 16px; }
/* 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: none;
border-radius: 5px;
} }
#workspaces button.focused { #workspaces button.focused {
color: #88c0d0; background-color: #ebdbb2;
color: #282828;
border-bottom: none;
border-radius: 5px;
} }
#workspaces button:hover { #workspaces button.urgent {
color: #d8d8d2; background-color: #2c303c;
} }
#network { #mode {
margin-top: 8px; background-color: #64727d;
margin-left: 8px; border-bottom: 3px solid #ffffff;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 8px;
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #b48ead;
} }
#pulseaudio { #clock,
margin-top: 8px; #battery,
margin-left: 8px; #cpu,
padding-left: 16px; #memory,
padding-right: 16px; #temperature,
margin-bottom: 8px; #backlight,
border-radius: 26px; #network,
transition: none; #pulseaudio,
color: #4d4d4d; #mode,
background: #88c0d0; #idle_inhibitor,
#custom-weather,
#mpd {
padding: 0 14px;
margin: 0 0px;
color: #ffffff;
} }
#custom-weather { #clock, #custom-weather {
margin-top: 8px; color: #000000;
margin-left: 8px; background-color: #ebdbb2;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 8px;
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #a3be8c;
}
#clock {
margin-top: 8px;
margin-left: 8px;
margin-right: 12px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 8px;
border-radius: 26px;
transition: none;
color: #f8f8f2;
background: #2e3440;
}
#tray {
margin-top: 8px;
margin-left: 8px;
margin-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
border-radius: 26px;
transition: none;
background: rgba(210, 210, 210, 0.5);
}
#taskbar {
margin-top: 8px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
border-radius: 26px;
} }
#battery { #battery {
margin-top: 8px; background-color: #ebdbb2;
margin-left: 8px; color: #000000;
padding-left: 16px; }
padding-right: 16px;
margin-bottom: 8px; #battery.charging {
border-radius: 26px; color: #000000;
transition: none; background-color: #ebdbb2;
color: #4d4d4d; }
background: #a3be8c;
@keyframes blink {
to {
background-color: #ebdbb2;
color: #282828;
}
}
#battery.critical:not(.charging) {
background-color: #282828;
color: #282828;
animation-name: blink;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#cpu {
background-color: #ebdbb2;
color: #000000;
}
#memory {
background-color: #ebdbb2;
color: #000000;
}
#backlight {
background-color: #ebdbb2;
color: #000000;
}
#network {
background-color: #ebdbb2;
color: #000000;
border-radius: 5px 0px 0px 5px;
}
#network.disconnected {
background-color: #ebdbb2;
}
#pulseaudio {
background-color: #ebdbb2;
color: #000000;
}
#pulseaudio.muted {
background-color: #ebdbb2;
color: #000000;
}
#custom-media {
background-color: #ebdbb2;
color: #282828;
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: #66cc99;
}
#custom-media.custom-vlc {
background-color: #ffa000;
}
#temperature {
background-color: #ebdbb2;
color: #282828;
}
#temperature.critical {
background-color: #eb4d4b;
}
#tray, #custom-power {
background-color: #3c3836;
padding: 0 8px;
}
#idle_inhibitor {
background-color: rgba(0, 0, 0, 0);
color: #ebdbb2;
border-radius: 5px;
margin-right: 2px;
}
#idle_inhibitor.activated {
background-color: #ebdbb2;
color: #282828;
border-radius: 5px;
margin-right: 2px;
} }