samsapti
/
dotfiles
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Solarized colorscheme (#1) 

* Trying out a new rice :))

* Waybar: Move box-shadows to the top.

* Waybar: Revamp Waybar config, including new solarized colorscheme.

* Solarize background color on Waybar and Alacritty.

* Fully solarized.

* Adjust media module length.

* Waybar: Change some colors.

* Solarize the rest of it.

* Waybar: Change date format.
This commit is contained in:
the_4n0nym0u53 2021-12-06 20:06:58 +00:00 committed by GitHub
parent b37dc8db40
commit e3baa27189
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 158 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.img/screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

3
README.md
View File

@ -13,9 +13,10 @@ $ chmod +x install.sh
$ ./install.sh $ ./install.sh
``` ```
This configuration depends on the following software packages: This configuration depends on the following packages:
- `alacritty` - `alacritty`
- `artix-backgrounds`
- `doas`\* - `doas`\*
- `git` - `git`
- `grimshot` - `grimshot`

38
alacritty/.config/alacritty/alacritty.yml
View File

@ -15,8 +15,8 @@ font:
draw_bold_text_with_bright_colors: false draw_bold_text_with_bright_colors: false
colors: colors:
primary: primary:
background: '#0a0a0a' background: '#002b36'
foreground: '#f4f4f4' foreground: '#839496'
cursor: cursor:
text: CellBackground text: CellBackground
cursor: CellForeground cursor: CellForeground
@ -24,24 +24,24 @@ colors:
text: CellBackground text: CellBackground
background: CellForeground background: CellForeground
normal: normal:
black: '#0a0a0a' black: '#073642'
red: '#ce0000' red: '#dc322f'
green: '#29ab00' green: '#859900'
yellow: '#ffa700' yellow: '#b58900'
blue: '#0060e5' blue: '#268bd2'
magenta: '#ce00ce' magenta: '#d33682'
cyan: '#66e6e6' cyan: '#2aa198'
white: '#f4f4f4' white: '#eee8d5'
bright: bright:
black: '#4c4c4c' black: '#002b36'
red: '#ff0000' red: '#cb4b16'
green: '#69c44c' green: '#586e75'
yellow: '#ffc14c' yellow: '#657b83'
blue: '#4c8fec' blue: '#839496'
magenta: '#dc4cdc' magenta: '#6c71c4'
cyan: '#93eded' cyan: '#93a1a1'
white: '#ffffff' white: '#fdf6e3'
background_opacity: 0.85 background_opacity: 0.75
cursor: cursor:
style: style:
shape: Block shape: Block

14
mako/.config/mako/config
View File

@ -1,23 +1,23 @@
sort=-time sort=-time
layer=overlay layer=overlay
border-size=2 border-size=3
border-radius=12 border-radius=12
width=384 width=384
icons=1 icons=1
max-icon-size=64 max-icon-size=64
ignore-timeout=0 ignore-timeout=0
output=eDP-1 output=eDP-1
border-color=#29ab00 border-color=#859900
background-color=#104400cc background-color=#8599007f
default-timeout=20000 default-timeout=20000
[urgency=low] [urgency=low]
border-color=#0060e5 border-color=#268bd2
background-color=#00265bcc background-color=#268bd27f
default-timeout=10000 default-timeout=10000
[urgency=high] [urgency=high]
border-color=#ce0000 border-color=#dc322f
background-color=#520000cc background-color=#dc322f7f
default-timeout=0 default-timeout=0

2
sway/.config/sway/config
View File

@ -23,7 +23,7 @@ set $menu exec $term --class launcher -t "Application Launcher" -e env HIST_FILE
### Output configuration ### Output configuration
# #
# Default wallpaper (more resolutions are available in /usr/share/backgrounds/sway/) # Default wallpaper (more resolutions are available in /usr/share/backgrounds/sway/)
output * bg ~/Pictures/Wallpapers/jonatan-pie-3l3RwQdHRHg-unsplash.jpg fill output * bg /usr/share/backgrounds/Artix_dna_spiral_dark.jpg fill
# #
# Example configuration: # Example configuration:
# #

14
sway/.config/sway/config.d/appearance
View File

@ -10,7 +10,7 @@ hide_edge_borders smart
# Gaps # Gaps
gaps inner 8 gaps inner 8
gaps outer 10 gaps outer 4
# Font # Font
font pango:Ubuntu Condensed 10 font pango:Ubuntu Condensed 10
@ -19,11 +19,11 @@ font pango:Ubuntu Condensed 10
# border, bground and text only apply to window titlebars # border, bground and text only apply to window titlebars
# class border bground text indicator child_border # class border bground text indicator child_border
client.focused #0060E5 #000000 #FFFFFF #0043A0 #0060E5 client.focused #268bd2 #000000 #eee8d5 #839496 #268bd2
client.focused_inactive #222222 #000000 #FFFFFF #111111 #222222 client.focused_inactive #073642 #000000 #eee8d5 #002bd2 #073642
client.unfocused #222222 #000000 #FFFFFF #000000 #222222 client.unfocused #073642 #000000 #eee8d5 #002b36 #073642
client.urgent #900000 #000000 #FFFFFF #0043A0 #900000 client.urgent #dc322f #000000 #eee8d5 #cb4b16 #dc322f
client.placeholder #0C0C0C #000000 #FFFFFF #0043A0 #0C0C0C client.placeholder #073642 #000000 #eee8d5 #002bd2 #073642
client.background #FFFFFF client.background #fdf6e3

32
swaylock/.config/swaylock/config
View File

@ -6,23 +6,23 @@ indicator-thickness=4
screenshots screenshots
effect-blur=19x7 effect-blur=19x7
effect-vignette=0.4:0.8 effect-vignette=0.4:0.8
ring-color=0060e5 ring-color=268bd2
ring-clear-color=0060e5 ring-clear-color=268bd2
ring-ver-color=29ab00 ring-ver-color=859900
ring-wrong-color=ce0000 ring-wrong-color=dc322f
separator-color=0060e5 separator-color=268bd2
line-uses-ring line-uses-ring
inside-color=00000095 inside-color=002b3675
inside-clear-color=00000095 inside-clear-color=002b3675
inside-ver-color=00000095 inside-ver-color=002b3675
inside-wrong-color=00000095 inside-wrong-color=002b3675
text-color=ffa700 text-color=b58900
text-caps-lock-color=ffa700 text-caps-lock-color=b58900
text-clear-color=ffa700 text-clear-color=b58900
text-ver-color=29ab00 text-ver-color=859900
text-wrong-color=ce0000 text-wrong-color=dc322f
key-hl-color=66e6e6 key-hl-color=eee8d5
bs-hl-color=ce00ce bs-hl-color=d33682
fade-in=0.2 fade-in=0.2
grace=2 grace=2
grace-no-mouse grace-no-mouse

46
waybar/.config/waybar/config
View File

@ -1,12 +1,12 @@
{ {
"layer": "top", // Waybar at top layer "layer": "top", // Waybar at top layer
"position": "top", // Waybar position (top|bottom|left|right) "position": "top", // Waybar position (top|bottom|left|right)
"height": 26, // Waybar height (to be removed for auto height) "height": 36, // Waybar height (to be removed for auto height)
// "width": 1280, // Waybar width // "width": 1280, // Waybar width
// Choose the order of the modules // Choose the order of the modules
"modules-left": ["idle_inhibitor", "sway/workspaces", "tray", "custom/media", "sway/mode"], "modules-left": ["idle_inhibitor", "sway/workspaces", "custom/media", "sway/mode"],
"modules-center": ["sway/window"], "modules-center": ["clock"],
"modules-right": ["custom/pvpn", "network", "pulseaudio", "cpu", "memory", "battery", "clock"], "modules-right": ["custom/pvpn", "network", "pulseaudio", "cpu", "memory", "battery", "tray"],
// Modules configuration // Modules configuration
"sway/workspaces": { "sway/workspaces": {
"disable-scroll": true, "disable-scroll": true,
@ -46,22 +46,22 @@
"clock": { "clock": {
"timezone": "Europe/Copenhagen", "timezone": "Europe/Copenhagen",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"format": "{:%Y-%m-%d \uf783 %T \uf017}", // calendar-day, clock "format": "{:\uf783 %b %d %Y \uf017 %T}", // calendar-day, clock
"interval": 1 "interval": 1
}, },
"cpu": { "cpu": {
"format": "{usage}% \uf2db", // microchip "format": "\uf2db {usage}%", // microchip
"tooltip": true "tooltip": true
}, },
"memory": { "memory": {
"format": "{}% \uf538" "format": "\uf538 {}%"
}, },
"temperature": { "temperature": {
//"thermal-zone": 2, //"thermal-zone": 2,
"hwmon-path": "/sys/class/hwmon/hwmon5/temp1_input", "hwmon-path": "/sys/class/hwmon/hwmon5/temp1_input",
"critical-threshold": 90, "critical-threshold": 90,
"format-critical": "Critical! {temperatureC}°C {icon}", "format-critical": "Critical! {temperatureC}°C {icon}",
"format": "{temperatureC}°C {icon}", "format": "{icon} {temperatureC}°C",
"format-icons": ["\uf2cb", "\uf76b", "\uf769"], // thermometer-empty, temperature-low, temperature-high "format-icons": ["\uf2cb", "\uf76b", "\uf769"], // thermometer-empty, temperature-low, temperature-high
"tooltip": true "tooltip": true
}, },
@ -71,26 +71,26 @@
"warning": 20, "warning": 20,
"critical": 10 "critical": 10
}, },
"format": "{capacity}% {icon}", "format": "{icon} {capacity}%",
"format-charging": "{capacity}% \uf5e7", // charging-station "format-charging": "\uf5e7 {capacity}%", // charging-station
"format-plugged": "{capacity}% \uf1e6", // plug "format-plugged": "\uf1e6 {capacity}%", // plug
"format-alt": "{time} {icon}", "format-alt": "{icon} {time}",
"format-icons": ["\uf244", "\uf243", "\uf242", "\uf241", "\uf240"] // battery-empty, battery-quarter, battery-half, battery-three-quarters, battery-full "format-icons": ["\uf244", "\uf243", "\uf242", "\uf241", "\uf240"] // battery-empty, battery-quarter, battery-half, battery-three-quarters, battery-full
}, },
"network": { "network": {
// "interface": "wlp2*", // (Optional) To force the use of this interface // "interface": "wlp2*", // (Optional) To force the use of this interface
"format-wifi": "{essid} ({signalStrength}%)", "format-wifi": "{essid} ({signalStrength}%)",
"format-ethernet": "{ifname}: {ipaddr}/{cidr}", "format-ethernet": "{ifname}: {ipaddr}/{cidr}",
"format-linked": "{ifname} (No IP)", "format-linked": "{ifname} (No IP)",
"format-disconnected": "Disconnected \uf071" // exclamation-triangle "format-disconnected": "\uf071 Disconnected" // exclamation-triangle
}, },
"pulseaudio": { "pulseaudio": {
"scroll-step": 2, // %, can be a float "scroll-step": 2, // %, can be a float
"format": "{volume}% {icon} {format_source}", "format": "{icon} {volume}% {format_source}",
"format-bluetooth": "{volume}% {icon} {format_source}", "format-bluetooth": "{icon} {volume}% {format_source}",
"format-bluetooth-muted": "{icon} {format_source}", "format-bluetooth-muted": "{icon} {format_source}",
"format-muted": " {format_source}", "format-muted": " {format_source}",
"format-source": "{volume}%", "format-source": "{volume}%",
"format-source-muted": "", "format-source-muted": "",
"format-icons": { "format-icons": {
"headphone": "", "headphone": "",
@ -106,7 +106,7 @@
"custom/media": { "custom/media": {
"format": "{icon} {}", "format": "{icon} {}",
"return-type": "json", "return-type": "json",
"max-length": 64, "max-length": 48,
"format-icons": { "format-icons": {
"chromium": "\uf1bc", // spotify (I use Spotify in my browser) "chromium": "\uf1bc", // spotify (I use Spotify in my browser)
}, },
@ -115,7 +115,7 @@
"exec": "$HOME/.config/waybar/mediaplayer.py --player chromium 2> /dev/null" // Filter player based on name "exec": "$HOME/.config/waybar/mediaplayer.py --player chromium 2> /dev/null" // Filter player based on name
}, },
"custom/pvpn": { // Custom status module for ProtonVPN "custom/pvpn": { // Custom status module for ProtonVPN
"format": "ProtonVPN {}", "format": "{} ProtonVPN",
"exec": "$HOME/.config/waybar/pvpn.sh", "exec": "$HOME/.config/waybar/pvpn.sh",
"return-type": "json", "return-type": "json",
"interval": 5, "interval": 5,

150
waybar/.config/waybar/style.css
View File

@ -1,50 +1,76 @@
/* solarized colorscheme */
/* base colors */
@define-color base03 #002b36;
@define-color base02 #073642;
@define-color base01 #586e75;
@define-color base00 #657b83;
@define-color base0 #839496;
@define-color base1 #93a1a1;
@define-color base2 #eee8d5;
@define-color base3 #fdf6e3;
/* accent colors */
@define-color brblack @base03;
@define-color black @base02;
@define-color yellow #b58900;
@define-color orange #cb4b16;
@define-color red #dc322f;
@define-color magenta #d33682;
@define-color violet #6c71c4;
@define-color blue #268bd2;
@define-color cyan #2aa198;
@define-color green #859900;
@define-color white @base2;
@define-color brwhite @base3;
@define-color dimmed @base0;
/* colorscheme done */
* { * {
border: none; border: none;
border-radius: 0; border-radius: 0;
/* `otf-font-awesome` is required to be installed for icons */ /* `otf-font-awesome` is required to be installed for icons */
/* Find Ubuntu Condensed font somewhere and install it in your system, it is NOT installed by default */ /* Find Ubuntu Condensed font somewhere and install it in your system, it is NOT installed by default */
font-family: "Ubuntu Condensed", "Font Awesome 5 Free Solid", "Font Awesome 5 Free Regular", "Font Awesome 5 Brands Regular", sans-serif; font-family: "Fira Sans Condensed SemiBold", "Font Awesome 5 Free Solid", "Font Awesome 5 Free Regular", "Font Awesome 5 Brands Regular", sans-serif;
font-size: 16px; font-size: 16px;
min-height: 0; min-height: 0;
} }
window#waybar { window#waybar {
background-color: rgba(10, 10, 10, 0.8); background-color: alpha(@base03, 0.75);
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.8; opacity: 0.5;
} }
#workspaces button { #workspaces button {
padding: 0 2px; background: transparent;
padding: 0px;
margin: 0 2px; margin: 0 2px;
color: #664200; color: @dimmed;
/* Use box-shadow instead of border so the text isn't offset */
box-shadow: inset 0 -2px #664200;
} }
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button:hover { #workspaces button:hover {
background: transparent; color: @white;
color: #b27400; box-shadow: inset 0 3px @dimmed;
box-shadow: inset 0 -2px #b27400;
} }
#workspaces button.focused { #workspaces button.focused {
color: #ffa700; color: @blue;
box-shadow: inset 0 -2px #ffa700; box-shadow: inset 0 3px @blue;
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: #eb4d4b; color: @orange;
box-shadow: inset 0 3px @orange;
} }
#mode { #mode {
color: #0060e5; box-shadow: inset 0 3px @cyan;
box-shadow: inset 0 -2px #0060e5;
} }
#clock, #clock,
@ -62,13 +88,9 @@ window#waybar.hidden {
#idle_inhibitor, #idle_inhibitor,
#mpd, #mpd,
#custom-pvpn{ #custom-pvpn{
padding: 0 5px; padding: 0 4px;
margin: 0 3px; margin: 0 4px;
color: #ffffff; color: @white;
}
#window {
margin: 0 12px;
} }
/* If workspaces is the leftmost module, omit left margin */ /* If workspaces is the leftmost module, omit left margin */
@ -81,34 +103,32 @@ window#waybar.hidden {
margin-right: 0; margin-right: 0;
} }
#clock {
color: #ffa700;
box-shadow: inset 0 -2px #ffa700;
}
#battery { #battery {
box-shadow: inset 0 -2px #ffffff; box-shadow: inset 0 3px @white;
} }
#battery.charging, #battery.plugged { #battery.charging, #battery.plugged {
color: #29ab00; color: @green;
box-shadow: inset 0 -2px #29ab00; box-shadow: inset 0 3px @green;
background-color: transparent; background-color: transparent;
} }
@keyframes blink { @keyframes blink {
to { to {
background-color: #ffffff; box-shadow: inset 0 3px @brblack;
color: #000000; background-color: @brwhite;
color: @brblack;
} }
} }
#battery.warning:not(.charging) { #battery.warning:not(.charging) {
background-color: #b27400; background-color: @yellow;
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #ce0000; box-shadow: inset 0 3px @brwhite;
background-color: @red;
color: @brwhite;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
@ -117,66 +137,64 @@ window#waybar.hidden {
} }
label:focus { label:focus {
background-color: #000000; background-color: @black;
} }
#cpu { #cpu {
color: #29ab00; color: @green;
box-shadow: inset 0 -2px #29ab00; box-shadow: inset 0 3px @green;
} }
#memory { #memory {
color: #ce00ce; color: @violet;
box-shadow: inset 0 -2px #ce00ce; box-shadow: inset 0 3px @violet;
} }
#disk { /*#disk {
background-color: #964B00; background-color: #964B00;
} }
#backlight { #backlight {
color: #66e6e6; color: #66e6e6;
box-shadow: inset 0 -2px #66e6e6; box-shadow: inset 0 2px #66e6e6;
} }*/
#network { #network {
color: #0060e5; color: @blue;
box-shadow: inset 0 -2px #0060e5; box-shadow: inset 0 3px @blue;
} }
#network.disconnected { #network.disconnected {
color: #ce0000; color: @red;
box-shadow: inset 0 -2px #ce0000; box-shadow: inset 0 3px @red;
} }
#pulseaudio { #pulseaudio {
color: #ffa700; color: @yellow;
box-shadow: inset 0 -2px #ffa700; box-shadow: inset 0 3px @yellow;
} }
#pulseaudio.muted { #pulseaudio.muted {
color: #ffa700; color: @orange;
box-shadow: inset 0 -2px #ffa700; box-shadow: inset 0 3px @orange;
} }
#custom-media { #custom-media {
background-color: transparent; background-color: transparent;
color: #ffa700; color: @violet;
box-shadow: inset 0 -2px #ffa700;
} }
#custom-media.custom-chromium { #custom-media.custom-chromium {
background-color: transparent; background-color: transparent;
color: #29ab00; color: @green;
box-shadow: inset 0 -2px #29ab00;
} }
#custom-media.custom-vlc { #custom-media.custom-vlc {
background-color: #ffa000; background-color: @orange;
} }
#tray { #tray {
box-shadow: inset 0 -2px #ffffff; box-shadow: inset 0 3px @blue;
} }
#tray > .passive { #tray > .passive {
@ -185,26 +203,24 @@ label:focus {
#tray > .needs-attention { #tray > .needs-attention {
-gtk-icon-effect: highlight; -gtk-icon-effect: highlight;
background-color: #eb4d4b; background-color: @red;
} }
#idle_inhibitor { #idle_inhibitor {
color: #003072; color: @dimmed;
box-shadow: inset 0 -2px #003072;
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #0060e5; color: @violet;
box-shadow: inset 0 -2px #0060e5; box-shadow: inset 0 3px @violet;
} }
#custom-pvpn { #custom-pvpn {
color: #ce0000; color: @red;
box-shadow: inset 0 -2px #ce0000; box-shadow: inset 0 3px @red;
} }
#custom-pvpn.Connected { #custom-pvpn.Connected {
color: #29ab00; color: @green;
box-shadow: inset 0 -2px #29ab00; box-shadow: inset 0 3px @green;
} }