Adds more wal theming

This commit is contained in:
Michel Fedde 2025-03-01 22:55:04 +01:00
parent 04f6af0726
commit af5ec3580c
15 changed files with 353 additions and 80 deletions

View 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;
}

View file

@ -1,5 +1,5 @@
[Application] [Application]
WindowWidth = 1702 WindowWidth = 1262
WindowHeight = 1382 WindowHeight = 1382
LastCheckedVersion = 'v0.14.0' LastCheckedVersion = 'v0.14.0'
LastLaunchedVersion = 'v0.14.0' LastLaunchedVersion = 'v0.14.0'
@ -71,7 +71,7 @@ InitialView = 'Lyrics'
[Playback] [Playback]
Autoplay = false Autoplay = false
RepeatMode = 'None' RepeatMode = 'All'
[LocalPlayback] [LocalPlayback]
AudioDeviceName = 'auto' AudioDeviceName = 'auto'

View file

@ -10,7 +10,7 @@ $cc-bg: $background;
color: $foreground; color: $foreground;
border-radius: $border-radius; border-radius: $border-radius;
border-left: 1px solid $foreground; border-left: 1px solid $foreground;
box-shadow: $box-shadow; box-shadow: $box-shadow-inner;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
margin: .3rem; margin: .3rem;

View file

@ -1,6 +1,5 @@
@use "sass:color"; @use "sass:color";
@import "../../../.cache/wal/colors.scss"; @import "../../theming/library/entry.scss";
@import "./variables.scss";
@import "./notification.scss"; @import "./notification.scss";
@import "./controlpanel.scss"; @import "./controlpanel.scss";

8
.config/theming/compile.sh Executable file
View 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

View file

@ -0,0 +1,4 @@
@import "../../../.cache/wal/colors.scss";
$foreground-disabled: rgba($foreground, 0.75);

View 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;

View file

@ -0,0 +1,2 @@
@import "./_colors.scss";
@import "./_variables.scss";

View 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;
}

View file

@ -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-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border-radius: 0.3rem; border-radius: 0.3rem;
} }
window#waybar { window#waybar {
background: @background; background: #282828;
color: @foreground; color: #d5c4a1;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
} }
#taskbar button, #taskbar button,
#workspaces button { #workspaces button {
color: @foreground; color: #d5c4a1;
} }
#taskbar button.active, #taskbar button.active,
#workspaces button.active { #workspaces button.active {
border-bottom: 1px solid @green; border-bottom: 1px solid #b8bb26;
} }
#taskbar button.urgent, #taskbar button.urgent,
#workspaces button.urgent { #workspaces button.urgent {
border-bottom: 2px solid @orange; border-bottom: 2px solid #fabd2f;
} }
#submap { #submap {
border-bottom: 1px solid @red; border-bottom: 1px solid #fb4934;
} }
#backlight, #backlight,
@ -90,14 +79,14 @@ window#waybar {
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.default, #custom-weather.default,
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight, #custom-weather.rainyNight,
#custom-weather.severe, #custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: @foreground; color: #d5c4a1;
padding: 3px 6px 3px 6px; padding: 3px 6px 3px 6px;
} }
@ -105,21 +94,20 @@ window#waybar {
#disk.warning, #disk.warning,
#memory.warning, #memory.warning,
#cpu.warning { #cpu.warning {
border-top: 3px solid @background; border-top: 3px solid #282828;
border-bottom: 3px solid @yellow; border-bottom: 3px solid #83a598;
} }
@keyframes blink { @keyframes blink {
to { to {
color: @background; color: #282828;
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: @red; background-color: #fb4934;
color: white; color: white;
animation-name: blink; animation-name: blink;
animation-duration: 3.0s; animation-duration: 3s;
animation-timing-function: steps(12); animation-timing-function: steps(12);
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
@ -129,74 +117,77 @@ window#waybar {
/*-----Indicators----*/ /*-----Indicators----*/
#custom-hypridle.notactive, #custom-hypridle.notactive,
#idle_inhibitor.activated { #idle_inhibitor.activated {
color: #39FF14; color: #39FF14;
} }
#battery.critical, #battery.critical,
#disk.critical, #disk.critical,
#memory.critical, #memory.critical,
#cpu.critical { #cpu.critical {
border-top: 3px solid @background; border-top: 3px solid #282828;
border-bottom: 3px solid @red; border-bottom: 3px solid #fb4934;
} }
#temperature.critical { #temperature.critical {
background-color: @red; background-color: #fb4934;
} }
#battery.charging { #battery.charging {
border-top: 3px solid @background; border-top: 3px solid #282828;
border-bottom: 3px solid @green; border-bottom: 3px solid #b8bb26;
} }
#pulseaudio-slider slider { #pulseaudio-slider slider {
min-width: 0px; min-width: 0px;
min-height: 0px; min-height: 0px;
opacity: 0; opacity: 0;
background-image: none; background-image: none;
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
#pulseaudio-slider trough { #pulseaudio-slider trough {
min-width: 80px; min-width: 80px;
min-height: 5px; min-height: 5px;
border-radius: 5px; border-radius: 5px;
background-color: @dim; background-color: rgba(40, 40, 40, 0.75);
} }
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: @orange; background-color: #fabd2f;
} }
#backlight-slider slider { #backlight-slider slider {
min-width: 0px; min-width: 0px;
min-height: 0px; min-height: 0px;
opacity: 0; opacity: 0;
background-image: none; background-image: none;
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
#backlight-slider trough { #backlight-slider trough {
min-width: 80px; min-width: 80px;
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: @cursor; background-color: #d5c4a1;
} }
#backlight-slider highlight { #backlight-slider highlight {
min-width: 10px; min-width: 10px;
border-radius: 5px; border-radius: 5px;
background-color: @orange; background-color: #fabd2f;
} }
#custom-swaync { #custom-swaync {
min-width: 10px; min-width: 10px;
border-right: 1px solid @cursor; border-right: 1px solid #d5c4a1;
} }
#custom-swaync:hover { #custom-swaync:hover {
background-color: @green; background-color: #b8bb26;
} }
/*# sourceMappingURL=style.css.map */

View file

@ -2,7 +2,4 @@
yay -S --needed sass yay -S --needed sass
sass \ ../../theming/compile.sh
$HOME/.config/swaync/style/style.scss:$HOME/.config/swaync/style.css
swaync-client --reload-css

View file

@ -1,6 +1,6 @@
#!/bin/env sh #!/bin/env sh
yay -S --needed zen-browser-bin \ yay -S --needed zen-browser-bin \
okular \ zathura zathura-pdf-mupdf \
onlyoffice-bin \ onlyoffice-bin \
bitwarden bitwarden

View file

@ -4,6 +4,7 @@ declare -A repositories
repositories['DSA']="ssh://git.php.fail/neintonine/dsa.git" repositories['DSA']="ssh://git.php.fail/neintonine/dsa.git"
repositories['Notes']="ssh://git.php.fail/neintonine/notes.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 for path in "${!repositories[@]}"; do
url=${repositories[$path]} url=${repositories[$path]}
@ -14,7 +15,6 @@ for path in "${!repositories[@]}"; do
continue continue
fi fi
echo "-- Cloning to $realPath"; echo "-- Cloning to $realPath";
git clone "$url" "$realPath" git clone "$url" "$realPath"
done done

6
.gitignore vendored
View file

@ -13,11 +13,17 @@
!/.config/nvim/ !/.config/nvim/
!/.config/yadm/ !/.config/yadm/
!/.config/waybar/ !/.config/waybar/
/.config/waybar/style.css
/.config/waybar/style.css.map
!/.config/evremap/ !/.config/evremap/
!/.config/sddm/ !/.config/sddm/
!/.config/swaync/ !/.config/swaync/
/.config/swaync/style.css /.config/swaync/style.css
/.config/swaync/style.css.map /.config/swaync/style.css.map
!/.config/nwg-drawer/
/.config/nwg-drawer/drawer.css
/.config/nwg-drawer/drawer.css.map
!/.config/theming/
!/.ssh/ !/.ssh/
/.ssh/* /.ssh/*

View file

@ -0,0 +1,7 @@
[Desktop Entry]
Type=Application
Name=Game Concepts-Notes
Comment=Neovim setup for Game Concepts
Exec=ghostty --window-inherit-working-directory=false --working-directory="gameconcepts/" --title="Game_Concepts-Notes" -e env ENABLE_GIT_SETUP=true nvim .
Categories=Notes;DSA;
Icon=/usr/share/icons/Gruvbox-Material-Dark/128x128/apps/nvim.svg