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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

View file

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

View file

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

View file

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

View file

@ -23,7 +23,7 @@ set $menu exec $term --class launcher -t "Application Launcher" -e env HIST_FILE
### Output configuration
#
# 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:
#

View file

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

View file

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

View file

@ -1,12 +1,12 @@
{
"layer": "top", // Waybar at top layer
"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
// Choose the order of the modules
"modules-left": ["idle_inhibitor", "sway/workspaces", "tray", "custom/media", "sway/mode"],
"modules-center": ["sway/window"],
"modules-right": ["custom/pvpn", "network", "pulseaudio", "cpu", "memory", "battery", "clock"],
"modules-left": ["idle_inhibitor", "sway/workspaces", "custom/media", "sway/mode"],
"modules-center": ["clock"],
"modules-right": ["custom/pvpn", "network", "pulseaudio", "cpu", "memory", "battery", "tray"],
// Modules configuration
"sway/workspaces": {
"disable-scroll": true,
@ -46,22 +46,22 @@
"clock": {
"timezone": "Europe/Copenhagen",
"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
},
"cpu": {
"format": "{usage}% \uf2db", // microchip
"format": "\uf2db {usage}%", // microchip
"tooltip": true
},
"memory": {
"format": "{}% \uf538"
"format": "\uf538 {}%"
},
"temperature": {
//"thermal-zone": 2,
"hwmon-path": "/sys/class/hwmon/hwmon5/temp1_input",
"critical-threshold": 90,
"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
"tooltip": true
},
@ -71,26 +71,26 @@
"warning": 20,
"critical": 10
},
"format": "{capacity}% {icon}",
"format-charging": "{capacity}% \uf5e7", // charging-station
"format-plugged": "{capacity}% \uf1e6", // plug
"format-alt": "{time} {icon}",
"format": "{icon} {capacity}%",
"format-charging": "\uf5e7 {capacity}%", // charging-station
"format-plugged": "\uf1e6 {capacity}%", // plug
"format-alt": "{icon} {time}",
"format-icons": ["\uf244", "\uf243", "\uf242", "\uf241", "\uf240"] // battery-empty, battery-quarter, battery-half, battery-three-quarters, battery-full
},
"network": {
// "interface": "wlp2*", // (Optional) To force the use of this interface
"format-wifi": "{essid} ({signalStrength}%)",
"format-ethernet": "{ifname}: {ipaddr}/{cidr}",
"format-linked": "{ifname} (No IP)",
"format-disconnected": "Disconnected \uf071" // exclamation-triangle
"format-wifi": "{essid} ({signalStrength}%)",
"format-ethernet": "{ifname}: {ipaddr}/{cidr}",
"format-linked": "{ifname} (No IP)",
"format-disconnected": "\uf071 Disconnected" // exclamation-triangle
},
"pulseaudio": {
"scroll-step": 2, // %, can be a float
"format": "{volume}% {icon} {format_source}",
"format-bluetooth": "{volume}% {icon} {format_source}",
"format-bluetooth-muted": "{icon} {format_source}",
"format-muted": " {format_source}",
"format-source": "{volume}%",
"format": "{icon} {volume}% {format_source}",
"format-bluetooth": "{icon} {volume}% {format_source}",
"format-bluetooth-muted": "{icon} {format_source}",
"format-muted": " {format_source}",
"format-source": "{volume}%",
"format-source-muted": "",
"format-icons": {
"headphone": "",
@ -106,7 +106,7 @@
"custom/media": {
"format": "{icon} {}",
"return-type": "json",
"max-length": 64,
"max-length": 48,
"format-icons": {
"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
},
"custom/pvpn": { // Custom status module for ProtonVPN
"format": "ProtonVPN {}",
"format": "{} ProtonVPN",
"exec": "$HOME/.config/waybar/pvpn.sh",
"return-type": "json",
"interval": 5,

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-radius: 0;
/* `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 */
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;
min-height: 0;
}
window#waybar {
background-color: rgba(10, 10, 10, 0.8);
background-color: alpha(@base03, 0.75);
transition-property: background-color;
transition-duration: .5s;
}
window#waybar.hidden {
opacity: 0.8;
opacity: 0.5;
}
#workspaces button {
padding: 0 2px;
background: transparent;
padding: 0px;
margin: 0 2px;
color: #664200;
/* Use box-shadow instead of border so the text isn't offset */
box-shadow: inset 0 -2px #664200;
color: @dimmed;
}
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button:hover {
background: transparent;
color: #b27400;
box-shadow: inset 0 -2px #b27400;
color: @white;
box-shadow: inset 0 3px @dimmed;
}
#workspaces button.focused {
color: #ffa700;
box-shadow: inset 0 -2px #ffa700;
color: @blue;
box-shadow: inset 0 3px @blue;
}
#workspaces button.urgent {
background-color: #eb4d4b;
color: @orange;
box-shadow: inset 0 3px @orange;
}
#mode {
color: #0060e5;
box-shadow: inset 0 -2px #0060e5;
box-shadow: inset 0 3px @cyan;
}
#clock,
@ -62,13 +88,9 @@ window#waybar.hidden {
#idle_inhibitor,
#mpd,
#custom-pvpn{
padding: 0 5px;
margin: 0 3px;
color: #ffffff;
}
#window {
margin: 0 12px;
padding: 0 4px;
margin: 0 4px;
color: @white;
}
/* If workspaces is the leftmost module, omit left margin */
@ -81,34 +103,32 @@ window#waybar.hidden {
margin-right: 0;
}
#clock {
color: #ffa700;
box-shadow: inset 0 -2px #ffa700;
}
#battery {
box-shadow: inset 0 -2px #ffffff;
box-shadow: inset 0 3px @white;
}
#battery.charging, #battery.plugged {
color: #29ab00;
box-shadow: inset 0 -2px #29ab00;
color: @green;
box-shadow: inset 0 3px @green;
background-color: transparent;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
box-shadow: inset 0 3px @brblack;
background-color: @brwhite;
color: @brblack;
}
}
#battery.warning:not(.charging) {
background-color: #b27400;
background-color: @yellow;
}
#battery.critical:not(.charging) {
background-color: #ce0000;
box-shadow: inset 0 3px @brwhite;
background-color: @red;
color: @brwhite;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
@ -117,66 +137,64 @@ window#waybar.hidden {
}
label:focus {
background-color: #000000;
background-color: @black;
}
#cpu {
color: #29ab00;
box-shadow: inset 0 -2px #29ab00;
color: @green;
box-shadow: inset 0 3px @green;
}
#memory {
color: #ce00ce;
box-shadow: inset 0 -2px #ce00ce;
color: @violet;
box-shadow: inset 0 3px @violet;
}
#disk {
/*#disk {
background-color: #964B00;
}
#backlight {
color: #66e6e6;
box-shadow: inset 0 -2px #66e6e6;
}
box-shadow: inset 0 2px #66e6e6;
}*/
#network {
color: #0060e5;
box-shadow: inset 0 -2px #0060e5;
color: @blue;
box-shadow: inset 0 3px @blue;
}
#network.disconnected {
color: #ce0000;
box-shadow: inset 0 -2px #ce0000;
color: @red;
box-shadow: inset 0 3px @red;
}
#pulseaudio {
color: #ffa700;
box-shadow: inset 0 -2px #ffa700;
color: @yellow;
box-shadow: inset 0 3px @yellow;
}
#pulseaudio.muted {
color: #ffa700;
box-shadow: inset 0 -2px #ffa700;
color: @orange;
box-shadow: inset 0 3px @orange;
}
#custom-media {
background-color: transparent;
color: #ffa700;
box-shadow: inset 0 -2px #ffa700;
color: @violet;
}
#custom-media.custom-chromium {
background-color: transparent;
color: #29ab00;
box-shadow: inset 0 -2px #29ab00;
color: @green;
}
#custom-media.custom-vlc {
background-color: #ffa000;
background-color: @orange;
}
#tray {
box-shadow: inset 0 -2px #ffffff;
box-shadow: inset 0 3px @blue;
}
#tray > .passive {
@ -185,26 +203,24 @@ label:focus {
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: #eb4d4b;
background-color: @red;
}
#idle_inhibitor {
color: #003072;
box-shadow: inset 0 -2px #003072;
color: @dimmed;
}
#idle_inhibitor.activated {
color: #0060e5;
box-shadow: inset 0 -2px #0060e5;
color: @violet;
box-shadow: inset 0 3px @violet;
}
#custom-pvpn {
color: #ce0000;
box-shadow: inset 0 -2px #ce0000;
color: @red;
box-shadow: inset 0 3px @red;
}
#custom-pvpn.Connected {
color: #29ab00;
box-shadow: inset 0 -2px #29ab00;
color: @green;
box-shadow: inset 0 3px @green;
}