Adds more wal theming
This commit is contained in:
parent
04f6af0726
commit
af5ec3580c
15 changed files with 353 additions and 80 deletions
53
.config/nwg-drawer/style/style.scss
Normal file
53
.config/nwg-drawer/style/style.scss
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
@import "../../theming/library/entry.scss";
|
||||
|
||||
window {
|
||||
background-color: rgba($background, 0.95);
|
||||
color: $foreground
|
||||
}
|
||||
|
||||
/* search entry */
|
||||
entry {
|
||||
background-color: rgba($color3, 0.2);
|
||||
}
|
||||
|
||||
entry:focus {
|
||||
background-color: rgba($color3, 0.3);
|
||||
}
|
||||
|
||||
button {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: rgba($color7, 0.1);
|
||||
}
|
||||
|
||||
button:focus {
|
||||
background-color: rgba($color8, 0.5);
|
||||
}
|
||||
|
||||
/* in case you wanted to give category buttons a different look */
|
||||
#category-button {
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
#pinned-box {
|
||||
border-bottom: 1px dotted $color2;
|
||||
}
|
||||
|
||||
#files-box {
|
||||
padding: 0px;
|
||||
border: 1px dotted $color4;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
/* math operation result label */
|
||||
#math-label {
|
||||
background: $background;
|
||||
padding: 0;
|
||||
|
||||
font-weight: bold;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
[Application]
|
||||
WindowWidth = 1702
|
||||
WindowWidth = 1262
|
||||
WindowHeight = 1382
|
||||
LastCheckedVersion = 'v0.14.0'
|
||||
LastLaunchedVersion = 'v0.14.0'
|
||||
|
|
@ -71,7 +71,7 @@ InitialView = 'Lyrics'
|
|||
|
||||
[Playback]
|
||||
Autoplay = false
|
||||
RepeatMode = 'None'
|
||||
RepeatMode = 'All'
|
||||
|
||||
[LocalPlayback]
|
||||
AudioDeviceName = 'auto'
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ $cc-bg: $background;
|
|||
color: $foreground;
|
||||
border-radius: $border-radius;
|
||||
border-left: 1px solid $foreground;
|
||||
box-shadow: $box-shadow;
|
||||
box-shadow: $box-shadow-inner;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
margin: .3rem;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
@use "sass:color";
|
||||
@import "../../../.cache/wal/colors.scss";
|
||||
@import "./variables.scss";
|
||||
@import "../../theming/library/entry.scss";
|
||||
|
||||
@import "./notification.scss";
|
||||
@import "./controlpanel.scss";
|
||||
|
|
|
|||
8
.config/theming/compile.sh
Executable file
8
.config/theming/compile.sh
Executable file
|
|
@ -0,0 +1,8 @@
|
|||
#!/bin/env sh
|
||||
|
||||
sass \
|
||||
$HOME/.config/swaync/style/style.scss:$HOME/.config/swaync/style.css \
|
||||
$HOME/.config/waybar/scss/style.scss:$HOME/.config/waybar/style.css \
|
||||
$HOME/.config/nwg-drawer/style/style.scss:$HOME/.config/nwg-drawer/drawer.css
|
||||
|
||||
swaync-client --reload-css
|
||||
4
.config/theming/library/_colors.scss
Normal file
4
.config/theming/library/_colors.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
@import "../../../.cache/wal/colors.scss";
|
||||
|
||||
$foreground-disabled: rgba($foreground, 0.75);
|
||||
|
||||
4
.config/theming/library/_variables.scss
Normal file
4
.config/theming/library/_variables.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
$border-radius: 0.3rem;
|
||||
|
||||
$box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
|
||||
$box-shadow-inner: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
|
||||
2
.config/theming/library/entry.scss
Normal file
2
.config/theming/library/entry.scss
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import "./_colors.scss";
|
||||
@import "./_variables.scss";
|
||||
202
.config/waybar/scss/style.scss
Normal file
202
.config/waybar/scss/style.scss
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
@import "../../theming/library/entry.scss";
|
||||
|
||||
$red: $color1;
|
||||
$green: $color2;
|
||||
$orange: $color3;
|
||||
$yellow: $color4;
|
||||
|
||||
$dim: rgba($background, 0.75);
|
||||
|
||||
* {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
min-height: 0;
|
||||
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
|
||||
font-size: 100%;
|
||||
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
|
||||
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background: $background;
|
||||
color: $foreground;
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
|
||||
}
|
||||
|
||||
#taskbar button,
|
||||
#workspaces button {
|
||||
color: $foreground;
|
||||
}
|
||||
|
||||
#taskbar button.active,
|
||||
#workspaces button.active {
|
||||
border-bottom: 1px solid $green;
|
||||
}
|
||||
|
||||
#taskbar button.urgent,
|
||||
#workspaces button.urgent {
|
||||
border-bottom: 2px solid $orange;
|
||||
}
|
||||
|
||||
#submap {
|
||||
border-bottom: 1px solid $red;
|
||||
}
|
||||
|
||||
#backlight,
|
||||
#backlight-slider,
|
||||
#battery,
|
||||
#bluetooth,
|
||||
#clock,
|
||||
#cpu,
|
||||
#disk,
|
||||
#idle_inhibitor,
|
||||
#keyboard-state,
|
||||
#memory,
|
||||
#mode,
|
||||
#mpris,
|
||||
#network,
|
||||
#power-profiles-daemon,
|
||||
#pulseaudio,
|
||||
#pulseaudio-slider,
|
||||
#taskbar button,
|
||||
#taskbar,
|
||||
#temperature,
|
||||
#tray,
|
||||
#window,
|
||||
#wireplumber,
|
||||
#workspaces, #custom-backlight,
|
||||
#custom-browser,
|
||||
#custom-cava_mviz,
|
||||
#custom-cycle_wall,
|
||||
#custom-file_manager,
|
||||
#custom-keybinds,
|
||||
#custom-keyboard,
|
||||
#custom-light_dark,
|
||||
#custom-lock,
|
||||
#custom-hint,
|
||||
#custom-hypridle,
|
||||
#custom-menu,
|
||||
#custom-power_vertical,
|
||||
#custom-power,
|
||||
#custom-settings,
|
||||
#custom-spotify,
|
||||
#custom-swaync,
|
||||
#custom-tty,
|
||||
#custom-updater,
|
||||
#custom-weather,
|
||||
#custom-weather.clearNight,
|
||||
#custom-weather.cloudyFoggyDay,
|
||||
#custom-weather.cloudyFoggyNight,
|
||||
#custom-weather.default,
|
||||
#custom-weather.rainyDay,
|
||||
#custom-weather.rainyNight,
|
||||
#custom-weather.severe,
|
||||
#custom-weather.showyIcyDay,
|
||||
#custom-weather.snowyIcyNight,
|
||||
#custom-weather.sunnyDay {
|
||||
color: $foreground;
|
||||
padding: 3px 6px 3px 6px;
|
||||
}
|
||||
|
||||
#battery.warning,
|
||||
#disk.warning,
|
||||
#memory.warning,
|
||||
#cpu.warning {
|
||||
border-top: 3px solid $background;
|
||||
border-bottom: 3px solid $yellow;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
to {
|
||||
color: $background;
|
||||
}
|
||||
}
|
||||
|
||||
#battery.critical:not(.charging) {
|
||||
background-color: $red;
|
||||
color: white;
|
||||
animation-name: blink;
|
||||
animation-duration: 3.0s;
|
||||
animation-timing-function: steps(12);
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
box-shadow: inset 0 -3px transparent;
|
||||
}
|
||||
|
||||
/*-----Indicators----*/
|
||||
#custom-hypridle.notactive,
|
||||
#idle_inhibitor.activated {
|
||||
color: #39FF14;
|
||||
}
|
||||
|
||||
#battery.critical,
|
||||
#disk.critical,
|
||||
#memory.critical,
|
||||
#cpu.critical {
|
||||
border-top: 3px solid $background;
|
||||
border-bottom: 3px solid $red;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: $red;
|
||||
}
|
||||
|
||||
#battery.charging {
|
||||
border-top: 3px solid $background;
|
||||
border-bottom: 3px solid $green;
|
||||
}
|
||||
|
||||
#pulseaudio-slider slider {
|
||||
min-width: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#pulseaudio-slider trough {
|
||||
min-width: 80px;
|
||||
min-height: 5px;
|
||||
border-radius: 5px;
|
||||
background-color: $dim;
|
||||
}
|
||||
|
||||
#pulseaudio-slider highlight {
|
||||
min-height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: $orange;
|
||||
}
|
||||
|
||||
#backlight-slider slider {
|
||||
min-width: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#backlight-slider trough {
|
||||
min-width: 80px;
|
||||
min-height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: $cursor;
|
||||
}
|
||||
|
||||
#backlight-slider highlight {
|
||||
min-width: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: $orange;
|
||||
}
|
||||
|
||||
#custom-swaync {
|
||||
min-width: 10px;
|
||||
border-right: 1px solid $cursor;
|
||||
}
|
||||
#custom-swaync:hover {
|
||||
background-color: $green;
|
||||
}
|
||||
|
|
@ -1,48 +1,37 @@
|
|||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* Simple Style */
|
||||
|
||||
@import "../../.cache/wal/colors-waybar.css";
|
||||
|
||||
@define-color red @color1;
|
||||
@define-color green @color2;
|
||||
@define-color orange @color3;
|
||||
|
||||
* {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
min-height: 0;
|
||||
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
|
||||
font-size: 100%;
|
||||
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
|
||||
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-weight: bold;
|
||||
min-height: 0;
|
||||
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
|
||||
font-size: 100%;
|
||||
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background: @background;
|
||||
color: @foreground;
|
||||
background: #282828;
|
||||
color: #d5c4a1;
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
|
||||
}
|
||||
|
||||
#taskbar button,
|
||||
#workspaces button {
|
||||
color: @foreground;
|
||||
color: #d5c4a1;
|
||||
}
|
||||
|
||||
#taskbar button.active,
|
||||
#workspaces button.active {
|
||||
border-bottom: 1px solid @green;
|
||||
border-bottom: 1px solid #b8bb26;
|
||||
}
|
||||
|
||||
#taskbar button.urgent,
|
||||
#workspaces button.urgent {
|
||||
border-bottom: 2px solid @orange;
|
||||
border-bottom: 2px solid #fabd2f;
|
||||
}
|
||||
|
||||
#submap {
|
||||
border-bottom: 1px solid @red;
|
||||
border-bottom: 1px solid #fb4934;
|
||||
}
|
||||
|
||||
#backlight,
|
||||
|
|
@ -90,14 +79,14 @@ window#waybar {
|
|||
#custom-weather.clearNight,
|
||||
#custom-weather.cloudyFoggyDay,
|
||||
#custom-weather.cloudyFoggyNight,
|
||||
#custom-weather.default,
|
||||
#custom-weather.default,
|
||||
#custom-weather.rainyDay,
|
||||
#custom-weather.rainyNight,
|
||||
#custom-weather.severe,
|
||||
#custom-weather.showyIcyDay,
|
||||
#custom-weather.snowyIcyNight,
|
||||
#custom-weather.sunnyDay {
|
||||
color: @foreground;
|
||||
color: #d5c4a1;
|
||||
padding: 3px 6px 3px 6px;
|
||||
}
|
||||
|
||||
|
|
@ -105,21 +94,20 @@ window#waybar {
|
|||
#disk.warning,
|
||||
#memory.warning,
|
||||
#cpu.warning {
|
||||
border-top: 3px solid @background;
|
||||
border-bottom: 3px solid @yellow;
|
||||
border-top: 3px solid #282828;
|
||||
border-bottom: 3px solid #83a598;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
to {
|
||||
color: @background;
|
||||
color: #282828;
|
||||
}
|
||||
}
|
||||
|
||||
#battery.critical:not(.charging) {
|
||||
background-color: @red;
|
||||
background-color: #fb4934;
|
||||
color: white;
|
||||
animation-name: blink;
|
||||
animation-duration: 3.0s;
|
||||
animation-duration: 3s;
|
||||
animation-timing-function: steps(12);
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
|
|
@ -129,74 +117,77 @@ window#waybar {
|
|||
/*-----Indicators----*/
|
||||
#custom-hypridle.notactive,
|
||||
#idle_inhibitor.activated {
|
||||
color: #39FF14;
|
||||
color: #39FF14;
|
||||
}
|
||||
|
||||
#battery.critical,
|
||||
#disk.critical,
|
||||
#memory.critical,
|
||||
#cpu.critical {
|
||||
border-top: 3px solid @background;
|
||||
border-bottom: 3px solid @red;
|
||||
border-top: 3px solid #282828;
|
||||
border-bottom: 3px solid #fb4934;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: @red;
|
||||
background-color: #fb4934;
|
||||
}
|
||||
|
||||
#battery.charging {
|
||||
border-top: 3px solid @background;
|
||||
border-bottom: 3px solid @green;
|
||||
border-top: 3px solid #282828;
|
||||
border-bottom: 3px solid #b8bb26;
|
||||
}
|
||||
|
||||
#pulseaudio-slider slider {
|
||||
min-width: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
min-width: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
#pulseaudio-slider trough {
|
||||
min-width: 80px;
|
||||
min-height: 5px;
|
||||
border-radius: 5px;
|
||||
background-color: @dim;
|
||||
min-width: 80px;
|
||||
min-height: 5px;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(40, 40, 40, 0.75);
|
||||
}
|
||||
|
||||
|
||||
#pulseaudio-slider highlight {
|
||||
min-height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: @orange;
|
||||
min-height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #fabd2f;
|
||||
}
|
||||
|
||||
#backlight-slider slider {
|
||||
min-width: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
min-width: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
#backlight-slider trough {
|
||||
min-width: 80px;
|
||||
min-height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: @cursor;
|
||||
min-width: 80px;
|
||||
min-height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #d5c4a1;
|
||||
}
|
||||
|
||||
|
||||
#backlight-slider highlight {
|
||||
min-width: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: @orange;
|
||||
min-width: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #fabd2f;
|
||||
}
|
||||
|
||||
#custom-swaync {
|
||||
min-width: 10px;
|
||||
border-right: 1px solid @cursor;
|
||||
border-right: 1px solid #d5c4a1;
|
||||
}
|
||||
|
||||
#custom-swaync:hover {
|
||||
background-color: @green;
|
||||
background-color: #b8bb26;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
|
|
|
|||
|
|
@ -2,7 +2,4 @@
|
|||
|
||||
yay -S --needed sass
|
||||
|
||||
sass \
|
||||
$HOME/.config/swaync/style/style.scss:$HOME/.config/swaync/style.css
|
||||
|
||||
swaync-client --reload-css
|
||||
../../theming/compile.sh
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
#!/bin/env sh
|
||||
|
||||
yay -S --needed zen-browser-bin \
|
||||
okular \
|
||||
zathura zathura-pdf-mupdf \
|
||||
onlyoffice-bin \
|
||||
bitwarden
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ declare -A repositories
|
|||
|
||||
repositories['DSA']="ssh://git.php.fail/neintonine/dsa.git"
|
||||
repositories['Notes']="ssh://git.php.fail/neintonine/notes.git"
|
||||
repositories['gameconcepts']="ssh://git.php.fail/neintonine/game-concepts.git"
|
||||
|
||||
for path in "${!repositories[@]}"; do
|
||||
url=${repositories[$path]}
|
||||
|
|
@ -14,7 +15,6 @@ for path in "${!repositories[@]}"; do
|
|||
continue
|
||||
fi
|
||||
|
||||
|
||||
echo "-- Cloning to $realPath";
|
||||
git clone "$url" "$realPath"
|
||||
done
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue