diff options
| author | Donald Williams <129223418+dwilliam62@users.noreply.github.com> | 2026-07-01 22:06:51 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-07-01 22:06:51 -0400 |
| commit | fed1837fbdcc2acedbb8d6246a2601b26ad40369 (patch) | |
| tree | 648d2d903750729e7e9df8e6af6dba4b602ef7a8 /config/waybar/style | |
| parent | 4361f59928384f1cf7df8e2ef348e3532e348e9b (diff) | |
Development branch to main v2.3.25 (#84)
* Updated version to v2.3.25
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/ENVariables.conf
modified: config/hypr/lua/env.lua
renamed: config/hypr/v2.3.24 -> config/hypr/v2.3.25
* Fixed LayerRule and window rule
Excessive bluring and wrong geometry to qcalculate-gtk
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/LayerRules.conf
modified: config/hypr/configs/WindowRules.conf
* Re-added hyprlock files
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* Added persistant toggle for Dark/Light mode
Default is dark
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Startup_Apps.conf
modified: config/hypr/lua/startup.lua
new file: config/hypr/scripts/ApplyThemeMode.sh
modified: config/hypr/scripts/DarkLight.sh
* Dynamic wallpaper is now also per-monitor
Before a Dynamic wallpaper would replace wallpaper on all monitors
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/UserScripts/WallpaperSelect.sh
* Improving handling of NVIDIA Hybrid laptops
Especially with GDM login manager
Cursors can get set incorrectly
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: README.md
modified: config/hypr/configs/ENVariables.conf
modified: config/hypr/configs/Startup_Apps.conf
modified: copy.sh
modified: scripts/lib_detect.sh
* Add: Set background for lock screen
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
new file: config/hypr/scripts/HyprlockWallpaperSelect.sh
modified: config/hypr/scripts/Kool_Quick_Settings.sh
* Fixed hyprlock wallper to get current monitor wp
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* upd: sddm/hyprlock images use wp selelctor
Rofi backgrounds come from current monitor looks better
Updated all the rofi menus that use background images
SDDM and Hyprlock set background use wallpaper selector
but also show current monitor background in case you want that
or you can pick from the avalable wallpapers
Also add notification of success/failure with filename
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/lua/keybinds.lua
modified: config/hypr/scripts/HyprlockWallpaperSelect.sh
modified: config/hypr/scripts/Kool_Quick_Settings.sh
new file: config/hypr/scripts/RofiFocusedWallpaperLink.sh
modified: config/hypr/scripts/sddm_wallpaper.sh
modified: config/rofi/themes/KooL_style-1.rasi
modified: config/rofi/themes/KooL_style-13-Vertical.rasi
modified: config/rofi/themes/KooL_style-3-FullScreen-v1.rasi
modified: config/rofi/themes/KooL_style-5.rasi
modified: config/rofi/themes/KooL_style-6.rasi
modified: config/rofi/themes/KooL_style-8.rasi
* Scripts weren't executableo
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: ApplyThemeMode.sh
modified: HyprlockWallpaperSelect.sh
* enabled hypridle timer for monitor off
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* Added icon for wave terminal
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/waybar/ModulesWorkspaces
* Upd to Cachy breaking portals
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/PortalHyprland.sh
* Fix 2 for CachyOS portal
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/PortalHyprland.sh
* Fixing schema dir issue
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/PortalHyprland.sh
* Still trying to fix PortalHyprland
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/PortalHyprland.sh
* Try something else to fix portals in CachyOS
This is occuring after OS upgrade
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/PortalHyprland.sh
* Trying override to fix regression bug in cachyOS
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
new file: config/systemd/user/xdg-desktop-portal.service.d/override.conf
* Hyprland-Portal script to create override
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
new file: hypr/scripts/Add-override-Hyprland-Portal.sh
* Upd CHANGELOG About the new override script
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
* Fixing handling of QT variables
Signed-off-by: Don Williams <don.e.williams@gmail.com>
• config/hypr/configs/ENVariables.conf
◦ Changed default from org.hyprland.style to Basic.
• config/hypr/lua/env.lua
◦ Changed default from org.hyprland.style to Basic.
• scripts/lib_detect.sh
◦ Added adjust_qt_quick_controls_style():
▪ Detects whether the Hyprland QML style module is actually present (*/qml/*/org/hyprland/style or Debian package installed).
▪ Sets style to org.hyprland.style only when available.
▪ Otherwise forces Basic and logs a warning.
• copy.sh
◦ Calls adjust_qt_quick_controls_style "$LOG" during dotfiles setup/upgrade.
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/configs/ENVariables.conf
modified: config/hypr/lua/env.lua
modified: copy.sh
modified: scripts/lib_detect.sh
* Sync'd updated WaybarStartup.sh from main
Makes sure ENV variables are set other waybar fails to start b/c
xdg-desktop-portal fails to start
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/WaybarStartup.sh
* Add: scrolling resize/max sample workspace rules
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/lua/keybind_helpers.lua
modified: config/hypr/lua/keybinds.lua
modified: config/hypr/lua/workspaces.lua
new file: config/hypr/scripts/ScrollCycleColumnWidth.sh
new file: config/hypr/scripts/ScrollMaximizeToggle.sh
modified: config/hypr/workspaces.conf
* Fixed SUPERALT F fullsize toggle in scrolling
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/configs/ENVariables.conf
modified: config/hypr/configs/Startup_Apps.conf
modified: config/hypr/configs/SystemSettings.conf
deleted: config/hypr/hyprlock-1080p.conf
modified: config/hypr/hyprlock-2k.conf
modified: config/hypr/hyprlock.conf
modified: config/hypr/scripts/Refresh.sh
modified: config/hypr/scripts/RefreshNoWaybar.sh
modified: config/hypr/scripts/ScrollMaximizeToggle.sh
* Fixed columwidth resize for hyprlang
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/ScrollCycleColumnWidth.sh
* Fixed keybinds for scrolling toggle and resize
Matches the work done on hyprlang config files
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/lua/keybinds.lua
* Set scripts executable
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/ScrollCycleColumnWidth.sh
modified: config/hypr/scripts/ScrollMaximizeToggle.sh
* Fixing bindings in LUA mode
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/lua/keybind_helpers.lua
modified: config/hypr/lua/user_keybinds_helper.lua
modified: config/hypr/lua/user_overrides.lua
modified: config/hypr/scripts/ScrollMaximizeToggle.sh
* Fixed loading user_decorations Changed 2 keybinds
SUPER + F == Maximize
SUPER + SHIFT + F == FullSreen
Works in all layouts now
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/UserConfigs/user_decorations.lua
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/lua/keybinds.lua
modified: config/hypr/lua/user_overrides.lua
* user_overrides wasn't loading system_keybinds
Resulting in only user keybinds being availble
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/lua/user_overrides.lua
* Fixed LuaAutoReload script
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/scripts/LuaAutoReload.sh
* In LUA QT_THEME_OVERRIDE was hard code to kvantum
If kvantum not installed then apps like KDENLIVE will fail
Fixed the hyprlang config before but not in LUA workflow
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/ENVariables.conf
modified: config/hypr/lua/env.lua
modified: config/hypr/lua/user_overrides.lua
modified: scripts/lib_detect.sh
* Fixed startup that causes waybar to restart at login
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Startup_Apps.conf
modified: config/hypr/lua/startup.lua
* Changed $HOME to $(XDG_CONFIG_HOME:$HOME) in all scripts
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: archive/upgrade.sh
modified: config/hypr/UserScripts/00-Readme
modified: config/hypr/UserScripts/RainbowBorders-low-cpu.sh
modified: config/hypr/UserScripts/RainbowBorders.bak.sh
modified: config/hypr/UserScripts/RofiBeats.sh
modified: config/hypr/UserScripts/RofiCalc.sh
modified: config/hypr/UserScripts/WallpaperAutoChange.sh
modified: config/hypr/UserScripts/WallpaperEffects.sh
modified: config/hypr/UserScripts/WallpaperRandom.sh
modified: config/hypr/UserScripts/WallpaperSelect.sh
modified: config/hypr/UserScripts/Weather.py
modified: config/hypr/UserScripts/ZshChangeTheme.sh
modified: config/hypr/initial-boot.sh
modified: config/hypr/scripts/Add-override-Hyprland-Portal.sh
modified: config/hypr/scripts/AirplaneMode.sh
modified: config/hypr/scripts/Animations.sh
modified: config/hypr/scripts/ApplyThemeMode.sh
modified: config/hypr/scripts/Brightness.sh
modified: config/hypr/scripts/BrightnessKbd.sh
modified: config/hypr/scripts/ChangeBlur.sh
modified: config/hypr/scripts/ChangeLayout.sh
modified: config/hypr/scripts/ClipManager.sh
modified: config/hypr/scripts/DarkLight.sh
modified: config/hypr/scripts/Distro_update.sh
modified: config/hypr/scripts/Dropterminal.sh
modified: config/hypr/scripts/ExternalBrightness.sh
modified: config/hypr/scripts/Float-all-Windows.sh
modified: config/hypr/scripts/GameMode.sh
modified: config/hypr/scripts/Ghostty_themes.sh
modified: config/hypr/scripts/HyprLayoutModule.sh
modified: config/hypr/scripts/HyprlockWallpaperSelect.sh
modified: config/hypr/scripts/JavaManager.sh
modified: config/hypr/scripts/KeyBinds.sh
modified: config/hypr/scripts/KeyboardLayout.sh
modified: config/hypr/scripts/KillActiveProcess.sh
modified: config/hypr/scripts/Kitty_themes.sh
modified: config/hypr/scripts/KooLsDotsUpdate.sh
modified: config/hypr/scripts/Kool_Quick_Settings.sh
modified: config/hypr/scripts/LockScreen.sh
modified: config/hypr/scripts/LuaAutoReload.sh
modified: config/hypr/scripts/MediaCtrl.sh
modified: config/hypr/scripts/MonitorProfiles.sh
modified: config/hypr/scripts/OverviewToggle.sh
modified: config/hypr/scripts/Polkit-Diag.sh
modified: config/hypr/scripts/PortalHyprlandUbuntu.sh
modified: config/hypr/scripts/Refresh.sh
modified: config/hypr/scripts/RefreshNoWaybar.sh
modified: config/hypr/scripts/RofiEmoji.sh
modified: config/hypr/scripts/RofiFocusedWallpaperLink.sh
modified: config/hypr/scripts/RofiSearch.sh
modified: config/hypr/scripts/RofiThemeSelector-modified.sh
modified: config/hypr/scripts/RofiThemeSelector.sh
modified: config/hypr/scripts/ScreenShot.sh
modified: config/hypr/scripts/Sounds.sh
modified: config/hypr/scripts/Tak0-Autodispatch.sh
modified: config/hypr/scripts/Tak0-Per-Window-Switch.sh
modified: config/hypr/scripts/ThemeChanger.sh
modified: config/hypr/scripts/Toggle-Active-Window-Audio.sh
modified: config/hypr/scripts/Toggle-weather-waybar-units.sh
modified: config/hypr/scripts/TouchPad.sh
modified: config/hypr/scripts/UserConfigsSwitcher.sh
modified: config/hypr/scripts/Volume.sh
modified: config/hypr/scripts/WallpaperDaemon.sh
modified: config/hypr/scripts/WallustConfig.sh
modified: config/hypr/scripts/WallustSwww.sh
modified: config/hypr/scripts/WaybarLayout.sh
modified: config/hypr/scripts/WaybarScripts.sh
modified: config/hypr/scripts/WaybarStyles.sh
modified: config/hypr/scripts/fastfetch-wrapper.sh
modified: config/hypr/scripts/rofi-emacs-keybinds
modified: config/hypr/scripts/rofi-ssh-menu.sh
modified: config/hypr/scripts/sddm_wallpaper.sh
modified: config/hypr/scripts/set-default-thunar-terminal.sh
modified: config/hypr/scripts/update_WindowRules.sh
modified: copy.sh
modified: scripts/fix-systemsettings-lua.sh
modified: scripts/lib_apps.sh
modified: scripts/lib_backup.sh
modified: scripts/lib_copy.sh
modified: scripts/lib_prompts.sh
modified: scripts/migrate-hypr-to-lua.sh
* Changed return 1 to exit 0 in ubuntu portal check
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* Fixing waybar spacing issues
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
* Fixing formatting issues in waybar style sheets
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
deleted: config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css
deleted: config/waybar/style/0-VERTICAL-Golden-Noir.css
deleted: config/waybar/style/0-VERTICAL-Oglo-Chicklets.css
modified: config/waybar/style/Black-&-White-Monochrome.css
modified: config/waybar/style/Catppuccin-Frappe.css
modified: config/waybar/style/Catppuccin-Mocha.css
modified: config/waybar/style/Colored-Chroma-Glow.css
modified: config/waybar/style/Colored-Translucent.css
modified: config/waybar/style/Colorful-Aurora-Blossom.css
modified: config/waybar/style/Colorful-Aurora.css
modified: config/waybar/style/Colorful-Oglo-Chicklets.css
modified: config/waybar/style/Colorful-Rainbow-Spectrum.css
modified: config/waybar/style/Colorful-stolen-style.css
modified: config/waybar/style/Dark-Golden-Eclipse.css
modified: config/waybar/style/Dark-Golden-Noir.css
modified: config/waybar/style/Dark-Half-Moon.css
modified: config/waybar/style/Dark-Purpl.css
modified: config/waybar/style/Dark-Wallust-Obsidian-Edge.css
modified: config/waybar/style/Extra-Crimson.css
modified: config/waybar/style/Extra-EverForest.css
modified: config/waybar/style/Extra-Mauve.css
modified: config/waybar/style/Extra-Modern-Combined-Transparent.css
modified: config/waybar/style/Extra-Simple-Pink.css
modified: config/waybar/style/Light-Monochrome-Contrast.css
modified: config/waybar/style/Light-Obsidian-Glow.css
modified: config/waybar/style/Rainbow-RGB-Bordered.css
modified: config/waybar/style/Retro-Simple-Style.css
modified: config/waybar/style/Transparent-Crystal-Clear.css
modified: config/waybar/style/VERTICAL-Catpuccin-Mocha.css
modified: config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css
modified: config/waybar/style/Wallust-Bordered-Chroma-Simple.css
modified: config/waybar/style/Wallust-Chroma-Edge.css
modified: config/waybar/style/Wallust-Chroma-Fusion.css
modified: config/waybar/style/Wallust-Chroma-Tally-V2.css
modified: config/waybar/style/Wallust-Chroma-Tally.css
modified: config/waybar/style/Wallust-Colored.css
modified: config/waybar/style/Wallust-Simple.css
modified: config/waybar/style/Wallust-Transparent-Crystal-Clear.css
* Fixed Oglo Chickets.css
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
* Fixed Oglo Chickets.css part 2
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
* Fixed Oglo colors
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
* Working on Oglo still
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
* Refactor of layout configs no longer global
Now it's per monitor/workspace
When you change a layout it's written to ~/.config/hypr/workspaces.conf
to make it persistent
Thank you @aki for finding / reporting this issue
This is a way better option vs. global
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/lua/keybinds.lua
modified: config/hypr/scripts/ChangeLayout.sh
modified: config/hypr/scripts/HyprLayoutModule.sh
modified: config/hypr/scripts/KeyHints.sh
modified: config/hypr/scripts/KeybindsLayoutInit.sh
new file: config/hypr/scripts/LayoutKeybindDispatch.sh
new file: config/hypr/scripts/PersistWorkspaceLayout.sh
modified: config/hypr/scripts/ThemeChanger.sh
modified: config/hypr/scripts/WallustSwww.sh
modified: config/yazi/keymap.toml
modified: config/yazi/package.toml
* Fixed layout script wasn't updating workspaces.conf
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/ChangeLayout.sh
* Moved some scripts, fixed wallpapereffects/changer
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/configs/Startup_Apps.conf
modified: config/hypr/lua/keybinds.lua
modified: config/hypr/lua/startup.lua
renamed: config/hypr/UserScripts/WallpaperAutoChange.sh -> config/hypr/scripts/WallpaperAutoChange.sh
renamed: config/hypr/UserScripts/WallpaperEffects.sh -> config/hypr/scripts/WallpaperEffects.sh
renamed: config/hypr/UserScripts/WallpaperRandom.sh -> config/hypr/scripts/WallpaperRandom.sh
renamed: config/hypr/UserScripts/WallpaperSelect.sh -> config/hypr/scripts/WallpaperSelect.sh
modified: config/hypr/scripts/WallustSwww.sh
renamed: config/hypr/UserScripts/ZshChangeTheme.sh -> config/hypr/scripts/ZshChangeTheme.sh
* Archived UserScripts/Tak0-AutoDispatch.sh
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* Archived UserScripts/Tak0-Autodispatch.sh
Not supported and no longer needed
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
new file: archive/Tak0-Autodispatch.sh
* Updated CHANGELOG
* Fixing some binds in LUA mode
* Fixed window pane binds in LUA mode
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/lua/keybinds.lua
modified: config/hypr/scripts/LayoutKeybindDispatch.sh
* windowrulee: hyprland share picker
* Fixed SUPER Q handing in LUA / fixed migraiton script
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/lua/keybind_helpers.lua
modified: config/hypr/lua/user_keybinds_helper.lua
* Really fixed SUPER Q and migraiton template
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/lua/keybind_helpers.lua
modified: config/hypr/lua/user_keybinds_helper.lua
* Fixed keybinds in LUA config mode
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
new file: config/hypr/configs/system_keybinds.lua
modified: config/hypr/lua/keybinds.lua
* Fixed copy.sh lua files, WallpaperEffects in lua
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/scripts/WallpaperEffects.sh
modified: copy.sh
* Fixed scrolling bindings copy.sh error fixed
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/scripts/LayoutKeybindDispatch.sh
modified: scripts/lib_copy.sh
* Added lua files for remaining user config files
Upd Lua migraiton to either port existing UserConfigs files
or make sure the templates are there instead
Kool_Quick_Settings menu now includes them for bothh hyprlang and lua
workflows
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
new file: config/hypr/UserConfigs/user_animations.lua
new file: config/hypr/UserConfigs/user_defaults.lua
new file: config/hypr/UserConfigs/user_env.lua
new file: config/hypr/UserConfigs/user_laptops.lua
new file: config/hypr/UserConfigs/user_layer_rules.lua
new file: config/hypr/UserConfigs/user_settings.lua
new file: config/hypr/UserConfigs/user_startup.lua
new file: config/hypr/UserConfigs/user_window_rules.lua
modified: config/hypr/scripts/Kool_Quick_Settings.sh
modified: scripts/migrate-hypr-to-lua.sh
* Added another example to sample file
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/UserConfigs/user_settings.lua
* Fixed spacing on powermenus
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/waybar/style/Colorful-Aurora-Blossom.css
modified: config/waybar/style/Colorful-Aurora.css
modified: config/waybar/style/Colorful-Oglo-Chicklets.css
modified: config/waybar/style/Colorful-Rainbow-Spectrum.css
modified: config/waybar/style/Colorful-stolen-style.css
modified: config/waybar/style/Extra-Rose-Pine.css
modified: config/waybar/style/Light-Monochrome-Contrast.css
modified: config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css
modified: config/waybar/style/Wallust-Bordered-Chroma-Simple.css
modified: config/waybar/style/Wallust-Box-type.css
modified: config/waybar/style/Wallust-Chroma-Edge.css
modified: config/waybar/style/Wallust-Chroma-Fusion.css
modified: config/waybar/style/Wallust-Simple.css
* Fixed dup keybinds,thunar launch script
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/configs/system_keybinds.lua
modified: config/hypr/lua/keybinds.lua
new file: config/hypr/scripts/LaunchThunar.sh
modified: scripts/migrate-hypr-to-lua.sh
* Added spring-curves animation
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
new file: config/hypr/animations/Spring-curves.conf
new file: config/hypr/animations/Spring-curves.lua
modified: config/hypr/scripts/Animations.sh
* Added LUA cfg animation files to match hyprlang
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
new file: config/hypr/animations/00-default.lua
new file: config/hypr/animations/01-default - v2.lua
new file: config/hypr/animations/03- Disable Animation.lua
new file: config/hypr/animations/END-4.lua
new file: config/hypr/animations/HYDE - Vertical.lua
new file: config/hypr/animations/HYDE - default.lua
new file: config/hypr/animations/HYDE - minimal-1.lua
new file: config/hypr/animations/HYDE - minimal-2.lua
new file: config/hypr/animations/HYDE - optimized.lua
new file: config/hypr/animations/ML4W - classic.lua
new file: config/hypr/animations/ML4W - dynamic.lua
new file: config/hypr/animations/ML4W - fast.lua
new file: config/hypr/animations/ML4W - high.lua
new file: config/hypr/animations/ML4W - moving.lua
new file: config/hypr/animations/ML4W - standard.lua
new file: config/hypr/animations/Mahaveer - me-1.lua
new file: config/hypr/animations/Mahaveer - me-2.lua
* Fixed layout keybinds in LUA mode (finally, I hope)
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/configs/ENVariables.conf
modified: config/hypr/lua/env.lua
modified: config/hypr/scripts/LayoutKeybindDispatch.sh
* Fixed bindings, added launchers for term and files
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/Keybinds.conf
modified: config/hypr/configs/system_keybinds.lua
modified: config/hypr/lua/keybinds.lua
new file: config/hypr/scripts/LaunchFileManager.sh
new file: config/hypr/scripts/LaunchTerminal.sh
* Fixed SUPERLR in Monocle layout not working
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/configs/system_keybinds.lua
modified: config/hypr/lua/keybinds.lua
modified: config/hypr/scripts/LayoutKeybindDispatch.sh
* Disabled nw-tray for ubuntu, now optional
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/configs/Startup_Apps.conf
modified: config/hypr/lua/startup.lua
* Add: starship sample config files
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
new file: config/starship/starship-1-line-nix.toml
new file: config/starship/starship-1-line-simple.toml
new file: config/starship/starship-2-line-classic-garuda.toml
new file: config/starship/starship-2-line-cool.toml
new file: config/starship/starship-2-line-nixos.toml
new file: config/starship/starship-chris-titus.toml
new file: config/starship/starship-classic.toml
new file: config/starship/starship-eric-dubois.toml
new file: config/starship/starship-garuda-mokka.toml
new file: config/starship/starship-instantos.toml
new file: config/starship/starship-nobara.toml
new file: config/starship/starship-purple-1line.toml
new file: config/starship/starship-ranbow.toml
new file: config/starship/starship-simple-prompt.toml
new file: config/starship/starship-zen.toml
* Added starship config directory to copy.sh
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: scripts/lib_copy.sh
* Added kooldots-add-ssh-agent systemd service for ssh keys
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/configs/ENVariables.conf
modified: config/hypr/configs/Startup_Apps.conf
modified: config/hypr/configs/SystemSettings.conf
modified: config/hypr/lua/env.lua
modified: config/hypr/lua/settings.lua
new file: config/hypr/scripts/kooldots-add-ssh-agent.sh
* Added info on adding keys to agent
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/kooldots-add-ssh-agent.sh
* Add new menu for Change Layour rofi menu
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/scripts/HyprLayoutModule.sh
new file: config/rofi/config-layout.rasi
* Removed starship- from config files look better in menu
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
renamed: config/starship/starship-1-line-nix.toml -> config/starship/1-line-nix.toml
renamed: config/starship/starship-1-line-simple.toml -> config/starship/1-line-simple.toml
renamed: config/starship/starship-2-line-classic-garuda.toml -> config/starship/2-line-classic-garuda.toml
renamed: config/starship/starship-2-line-cool.toml -> config/starship/2-line-cool.toml
renamed: config/starship/starship-2-line-nixos.toml -> config/starship/2-line-nixos.toml
renamed: config/starship/starship-chris-titus.toml -> config/starship/chris-titus.toml
renamed: config/starship/starship-classic.toml -> config/starship/classic.toml
renamed: config/starship/starship-eric-dubois.toml -> config/starship/eric-dubois.toml
renamed: config/starship/starship-garuda-mokka.toml -> config/starship/garuda-mokka.toml
renamed: config/starship/starship-instantos.toml -> config/starship/instantos.toml
renamed: config/starship/starship-nobara.toml -> config/starship/nobara.toml
renamed: config/starship/starship-purple-1line.toml -> config/starship/purple-1line.toml
renamed: config/starship/starship-ranbow.toml -> config/starship/ranbow.toml
renamed: config/starship/starship-simple-prompt.toml -> config/starship/simple-prompt.toml
renamed: config/starship/starship-zen.toml -> config/starship/zen.toml
* Add script to change Starship prompt
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
new file: config/hypr/scripts/ChangeStarshipPrompt.sh
* Added own rofi menu and title
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/ChangeStarshipPrompt.sh
new file: config/rofi/config-starship.rasi
* Adjusted height of starship menu
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/rofi/config-starship.rasi
* Removed a duplicate and bad file
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
deleted: instantos.toml
deleted: zen.toml
* Removed dup prompt, adjusted rasi height add to menu
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/Kool_Quick_Settings.sh
modified: config/rofi/config-starship.rasi
deleted: config/starship/garuda-mokka.toml
* Updated CHANGELOG for starship menu
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
* v2.3.24 title was removed by mistake
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* Restore hyprlock-1080/hyprlock.conf
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* Added script to toggle waybar 12/24hr
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: config/hypr/scripts/Kool_Quick_Settings.sh
new file: config/hypr/scripts/ToggleWaybarTime.sh
* Fixed notifcation on waybar time change
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/ToggleWaybarTime.sh
* Fixed ChangeStarshipPrompt not starting in LUA workflow
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: config/hypr/scripts/ChangeStarshipPrompt.sh
* Added vill minimalist starship prompt
Signed-off-by: Don Williams <don.e.williams@gmail.com>
* Updated copy.sh to check for hyprland.lua
Preventing a failed startup on next login
Signed-off-by: Don Williams <don.e.williams@gmail.com>
On branch development
Your branch is up to date with 'origin/development'.
Changes to be committed:
modified: CHANGELOG.md
modified: copy.sh
---------
Signed-off-by: Don Williams <don.e.williams@gmail.com>
Signed-off-by: Don Williams <Don.e.williams@gmail.com>
Co-authored-by: brockar <martin@mguz.dev>
Diffstat (limited to 'config/waybar/style')
41 files changed, 3515 insertions, 4378 deletions
diff --git a/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css b/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css deleted file mode 100644 index a72b2694..00000000 --- a/config/waybar/style/0-VERTICAL-Catpuccin-Mocha.css +++ /dev/null @@ -1,267 +0,0 @@ -/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */ -/* Vertical Catpuccin Mocha */ -/* As stated on title, best style for vertical layout waybar config */ - -* { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/mocha.css"; - -window#waybar { - background-color: @base; - border-radius: 5px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -tooltip { - background: @base; - opacity: 1; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: @sapphire; -} - -/* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label { - color: @blue; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; -} - -#taskbar button, -#workspaces button { - color: @surface2; - background-color: transparent; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 4px; -} - -#taskbar button.active, -#workspaces button.active { - color: @maroon; -} - -#taskbar button.focused, -#workspaces button.focused { - color: @rosewater; - background: transparent; - border-radius: 15px; -} - -#workspaces button.urgent { - color: #11111b; - background: transparent; - border-radius: 15px; -} - -#taskbar button:hover, -#workspaces button:hover { - background: transparent; - color: @flamingo; - border-radius: 15px; -} - -#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-nightlight, -#custom-browser, -#custom-cava_mviz, -#custom-cycle_wall, -#custom-dot_update, -#custom-file_manager, -#custom-keybinds, -#custom-keyboard, -#custom-light_dark, -#custom-nightlight, -#custom-lock, -#custom-hint, -#custom-hypridle, -#custom-hypr_layout, -#custom-menu, -#custom-playerctl, -#custom-power_vertical, -#custom-power, -#custom-quit, -#custom-reboot, -#custom-settings, -#custom-spotify, -#custom-swaync, -#custom-tty, -#custom-updater, -#custom-hyprpicker, -#custom-weather, -#custom-weather2, -#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 { - opacity: 1; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#idle_inhibitor { - color: @pink; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#mpris { - color: @rosewater; -} - -#battery { - color: #a6e3a1; - padding-left: 15px; - border-radius: 15px 0 0 15px; -} - -@keyframes blink { - to { - background-color: #ffffff; - color: #333333; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 0.5s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#custom-lock, -#custom-power { - color: @red; - border-radius: 15px; - font-weight: bolder; - padding-left: 1px; -} - -#network { - background-color: transparent; - color: @mauve; -} - -#backlight { - color: @flamingo; -} - - -#custom-weather { - color: @green; - border-radius: 15px; - background-color: transparent; -} - -#custom-menu { - color: #89b4fa; -} - -#pulseaudio { - background-color: transparent; - color: @blue; -} - -#clock, -#clock-calender { - color: @sapphire; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-color: @text; - border-radius: 3px; - box-shadow: 1px 5px 6px 1px #272727; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: @surface0; -} - -window#waybar.bottombar #backlight-slider trough, -window#waybar.bottombar #pulseaudio-slider trough { - min-height: 7px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: @blue; -} - -/* --- tray readability override (global) --- */ -#tray > *, -#tray > .passive, -#tray > .active, -#tray > .needs-attention { - background: rgba(137, 180, 250, 0.55); - border-radius: 8px; - border: 1px solid rgba(17, 17, 27, 0.35); - margin-left: 1px; - margin-right: 1px; - padding-left: 2px; - padding-right: 2px; - color: rgba(17, 17, 27, 0.98); - -gtk-icon-effect: none; -} - -#tray image { - background: transparent; - color: rgba(17, 17, 27, 0.98); - -gtk-icon-style: symbolic; - -gtk-icon-effect: none; - opacity: 1; -} diff --git a/config/waybar/style/0-VERTICAL-Golden-Noir.css b/config/waybar/style/0-VERTICAL-Golden-Noir.css deleted file mode 100644 index 45a6fe5a..00000000 --- a/config/waybar/style/0-VERTICAL-Golden-Noir.css +++ /dev/null @@ -1,251 +0,0 @@ -/* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */ -/* ...............Golden Noir................ */ -/* --- 👍 designed by https://github.com/Krautt 👍 --- */ - -* { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -window#waybar { - background: #040406; - border-radius: 30px; - color: #cba6f7; - - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #ffd700; -} - -/*-----module groups----*/ -.modules-left, -.modules-right { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; - -} - -.modules-center { - border-top: 1px solid #ffd700; - border-bottom: 1px solid #ffd700; - border-radius: 20px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; -} - -#taskbar button, -#workspaces button { - color: #6E6A86; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button.active, -#workspaces button.active { - color: #ffd700; - border-radius: 50%; - background-color: black; - border-radius: 15px 15px 15px 15px; - padding-left: 5px; - padding-right: 5px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.focused { - color: #d8dee9; -} - -#workspaces button.urgent { - color: #11111b; - border-radius: 10px; -} - -#taskbar button:hover, -#workspaces button:hover { - color: #ffd700; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#workspaces, -#custom-backlight, -#custom-nightlight, -#custom-browser, -#custom-cava_mviz, -#custom-cycle_wall, -#custom-dot_update, -#custom-file_manager, -#custom-keybinds, -#custom-keyboard, -#custom-light_dark, -#custom-nightlight, -#custom-lock, -#custom-hint, -#custom-hypridle, -#custom-hypr_layout, -#custom-menu, -#custom-playerctl, -#custom-power_vertical, -#custom-power, -#custom-quit, -#custom-reboot, -#custom-settings, -#custom-spotify, -#custom-swaync, -#custom-tty, -#custom-updater, -#custom-hyprpicker, -#custom-weather, -#custom-weather2, -#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: #e5d9f5; - padding-top: 5px; - padding-bottom: 5px; - padding-right: 5px; - padding-left: 5px; -} - -#temperature.critical { - background-color: #ff0000; -} - -@keyframes blink { - to { - color: #000000; - } -} - -/*-----Indicators----*/ -#custom-hypridle.notactive, -#idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: #22252a; -} - -window#waybar.bottombar #backlight-slider trough, -window#waybar.bottombar #pulseaudio-slider trough { - min-height: 7px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: #ba5663; -} - -/* --- tray readability override (global) --- */ -#tray > *, -#tray > .passive, -#tray > .active, -#tray > .needs-attention { - background: rgba(137, 180, 250, 0.55); - border-radius: 8px; - border: 1px solid rgba(17, 17, 27, 0.35); - margin-left: 1px; - margin-right: 1px; - padding-left: 2px; - padding-right: 2px; - color: rgba(17, 17, 27, 0.98); - -gtk-icon-effect: none; -} - -#tray image { - background: transparent; - color: rgba(17, 17, 27, 0.98); - -gtk-icon-style: symbolic; - -gtk-icon-effect: none; - opacity: 1; -} diff --git a/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css b/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css deleted file mode 100644 index 90b287fd..00000000 --- a/config/waybar/style/0-VERTICAL-Oglo-Chicklets.css +++ /dev/null @@ -1,448 +0,0 @@ -/* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */ -/* Oglo Chicklets */ - -* { - font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - font-weight: bold; -} - -window#waybar { - background-color: #232a2e; - border-bottom: 8px solid #1d2327; - color: #d3c6aa; - transition-property: background-color; - transition-duration: .5s; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -window#waybar.hidden { - opacity: 0.2; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -/* -window#waybar.empty { - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} -window#waybar.solo { - background-color: #FFFFFF; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} -*/ - -button { - all: unset; - background-color: #778f52; - color: #2d353b; - border: none; - border-bottom: 8px solid #5d743e; - border-radius: 5px; - padding-left: 5px; - padding-right: 5px; - transition: transform 0.1s ease-in-out; -} - -button:hover { - background: inherit; - background-color: #92ab6c; - border-bottom: 8px solid #788f57; -} - -button.active { - background: inherit; - background-color: #a5be7e; - border-bottom: 8px solid #8aa168; -} - -#mode { - background-color: #64727D; - border-bottom: 3px solid #ffffff; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#workspaces, -#custom-backlight, -#custom-nightlight, -#custom-browser, -#custom-cava_mviz, -#custom-cycle_wall, -#custom-dot_update, -#custom-file_manager, -#custom-keybinds, -#custom-keyboard, -#custom-light_dark, -#custom-nightlight, -#custom-lock, -#custom-hint, -#custom-hypridle, -#custom-hypr_layout, -#custom-menu, -#custom-playerctl, -#custom-power_vertical, -#custom-power, -#custom-quit, -#custom-reboot, -#custom-settings, -#custom-spotify, -#custom-swaync, -#custom-tty, -#custom-updater, -#custom-hyprpicker, -#custom-weather, -#custom-weather2, -#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: #ffffff; - padding-top: 2px; - padding-bottom: 2px; - border-radius: 5px; - padding-left: 5px; - padding-right: 5px; -} - -#window, -#workspaces { - margin: 5px; -} - -/* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -/* If workspaces is the rightmost module, omit right margin */ -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - -#window { - background-color: #343f44; - color: #d3c6aa; - border-bottom: 8px solid #2b3539; -} - -#custom-swaync { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#custom-menu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#custom-power { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - padding-left: 5px; -} - -#custom-power_vertical{ - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; -} - -#clock { - background-color: #96a84c; - color: #2d353b; - border-bottom: 8px solid #7a8c37; -} - -#battery { - background-color: #3a998f; - color: #2d353b; - border-bottom: 8px solid #227d74; -} - -@keyframes blink { - to { - background-color: #ffffff; - color: #000000; - } -} - -#battery.critical:not(.charging) { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; -} - -label:focus { - background-color: #000000; -} - -#cpu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; -} - -#memory { - background-color: #d980ad; - color: #2d353b; - border-bottom: 8px solid #b86790; -} - -#disk { - background-color: #964B00; - border-bottom: 8px solid #793300; -} - -#custom-lock, -#custom-light_dark, -#custom-nightlight, -#backlight { - background-color: #64b6ac; - color: #2d353b; - border-bottom: 8px solid #4f9990; - padding-left: 5px; -} - -#network { - background-color: #2980b9; -} - -#network.disconnected { - background-color: #f53c3c; -} - -#pulseaudio { - background-color: #d8ac47; - color: #2d353b; - border-bottom: 8px solid #b78f30; -} - -#pulseaudio.muted { - background-color: #90b1b1; - color: #2a5c45; -} - -#wireplumber { - background-color: #fff0f5; - color: #000000; -} - -#wireplumber.muted { - background-color: #f53c3c; -} - -#custom-media { - background-color: #66cc99; - color: #2a5c45; - min-width: 100px; -} - -#custom-media.custom-spotify { - background-color: #66cc99; -} - -#custom-media.custom-vlc { - background-color: #ffa000; -} - -#temperature { - background-color: #f0932b; - border-bottom: 8px solid #b78f30; -} - -#temperature.critical { - background-color: #eb4d4b; -} - -#tray { - background-color: #e67f51; - color: #2d353b;; - border-bottom: 8px solid #c3653b; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: #eb4d4b; -} - -#idle_inhibitor { - background-color: #2d3436; - border-bottom: 8px solid #7a8c37; -} - -#idle_inhibitor.activated { - background-color: #ecf0f1; - border-bottom: 8px solid #7a8c37; - color: #2d3436; -} - -#mpd { - background-color: #66cc99; - color: #2a5c45; -} - -#mpd.disconnected { - background-color: #f53c3c; -} - -#mpd.stopped { - background-color: #90b1b1; -} - -#mpd.paused { - background-color: #51a37a; -} - -#language { - background: #00b093; - color: #740864; - min-width: 16px; -} - -#keyboard-state { - background: #97e1ad; - color: #000000; - min-width: 16px; - border-bottom: 8px solid #78b48a; -} - -#keyboard-state > label { - padding: 0 5px; -} - -#keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad.empty { - background-color: transparent; -} - -tooltip { - background-color: #232a2e; - border: none; - border-bottom: 8px solid #1d2327; -} - -tooltip decoration { - box-shadow: none; -} - -tooltip decoration:backdrop { - box-shadow: none; -} - -/* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label { - color: #d3c6aa; - padding-left: 5px; - padding-right: 5px; - padding-top: 0px; - padding-bottom: 5px; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; -} - - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-color: #ffa000; - border-radius: 3px; - box-shadow: 1px 5px 6px 1px #272727; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: #d8ac47; -} - -window#waybar.bottombar #backlight-slider trough, -window#waybar.bottombar #pulseaudio-slider trough { - min-height: 7px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: #64b6ac; -} - -/* --- tray readability override (global) --- */ -#tray > *, -#tray > .passive, -#tray > .active, -#tray > .needs-attention { - background: rgba(137, 180, 250, 0.55); - border-radius: 8px; - border: 1px solid rgba(17, 17, 27, 0.35); - margin-left: 1px; - margin-right: 1px; - padding-left: 2px; - padding-right: 2px; - color: rgba(17, 17, 27, 0.98); - -gtk-icon-effect: none; -} - -#tray image { - background: transparent; - color: rgba(17, 17, 27, 0.98); - -gtk-icon-style: symbolic; - -gtk-icon-effect: none; - opacity: 1; -} diff --git a/config/waybar/style/Black-&-White-Monochrome.css b/config/waybar/style/Black-&-White-Monochrome.css index 60ff6e6e..03fadbf1 100644 --- a/config/waybar/style/Black-&-White-Monochrome.css +++ b/config/waybar/style/Black-&-White-Monochrome.css @@ -2,112 +2,112 @@ /* Black & White MonoChrome */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar, window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - color: white; - background: #1e1e2e; - opacity: 0.8; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: white; + color: white; + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: white; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label{ - color: #cdd6f4; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; +tooltip label { + color: #cdd6f4; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } /*-----module groups----*/ .modules-right { - background-color: black; - color: white; - border-bottom: 1px; - border-style: solid; - border-color: white; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + background-color: black; + color: white; + border-bottom: 1px; + border-style: solid; + border-color: white; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { - background-color: black; - color: white; - border-bottom: 1px; - border-style: solid; - border-color: white; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + background-color: black; + color: white; + border-bottom: 1px; + border-style: solid; + border-color: white; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-left { - background-color: black; - color: white; - border-bottom: 1px; - border-style: solid; - border-color: white; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + background-color: black; + color: white; + border-bottom: 1px; + border-style: solid; + border-color: white; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } /*-----modules indv----*/ #taskbar button, #workspaces button { - color: dimgrey; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: dimgrey; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - color: white; - background-color: #7f849c; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: white; + background-color: #7f849c; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: white; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: white; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - border-radius: 10px; + border-radius: 10px; } #backlight, @@ -164,68 +164,68 @@ tooltip label{ #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { - color: #cc3436; + color: #cc3436; } #temperature.critical { - color: red; + color: red; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Catppuccin-Frappe.css b/config/waybar/style/Catppuccin-Frappe.css index 228098a6..3778bad0 100644 --- a/config/waybar/style/Catppuccin-Frappe.css +++ b/config/waybar/style/Catppuccin-Frappe.css @@ -2,13 +2,13 @@ /* Catppuccin Frappe */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } @import "../waybar/style/catppuccin-themes/frappe.css"; @@ -33,43 +33,43 @@ window#waybar.hidden { #taskbar button, #workspaces button { - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - border-radius: 10px; - color: @overlay0; - background-color: @surface0; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + border-radius: 10px; + color: @overlay0; + background-color: @surface0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - color: @surface1; - border-radius: 10px; + color: @surface1; + border-radius: 10px; } #taskbar button.active, #workspaces button.active { - color: @peach; - border-radius: 10px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @peach; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.urgent { - color: @red; - border-radius: 0px; + color: @red; + border-radius: 0px; } #backlight, @@ -127,32 +127,32 @@ window#waybar.hidden { #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 3px solid @sapphire; + color: #39ff14; + border-bottom: 3px solid @sapphire; } #backlight { - color: @blue; + color: @blue; } #battery { - color: @green; + color: @green; } @keyframes blink { @@ -162,43 +162,43 @@ window#waybar.hidden { } #battery.critical:not(.charging) { - background-color: @red; - color: @theme_text_color; - 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; + background-color: @red; + color: @theme_text_color; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; + box-shadow: inset 0 -3px transparent; } #bluetooth { - color: @blue; + color: @blue; } #clock { - color: @yellow; + color: @yellow; } #cpu { - color: @green; + color: @green; } #custom-keyboard, #memory { - color: @sky; + color: @sky; } #disk { - color: @sapphire; + color: @sapphire; } #temperature { - color: @teal; + color: @teal; } #temperature.critical { - background-color: @red; + background-color: @red; } #tray > .passive { @@ -209,87 +209,87 @@ window#waybar.hidden { } #keyboard-state { - color: @flamingo; + color: @flamingo; } #custom-cava_mviz { - color: @pink; + color: @pink; } #custom-menu { - color: @rosewater; + color: @rosewater; } #custom-power { - color: @red; + color: @red; } #custom-updater { - color: @red; + color: @red; } #custom-light_dark { - color: @blue; + color: @blue; } #custom-weather { - color: @lavender; + color: @lavender; } #custom-lock { - color: @maroon; + color: @maroon; } #pulseaudio { - color: @sapphire; + color: @sapphire; } #pulseaudio.bluetooth { - color: @pink; + color: @pink; } #pulseaudio.muted { - color: @red; + color: @red; } #window { - color: @mauve; + color: @mauve; } #mpris { - color:@lavender; + color: @lavender; } #network { - color: @teal; + color: @teal; } #network.disconnected, #network.disabled { - background-color: @surface0; - color: @text; + background-color: @surface0; + color: @text; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css index e1bd0eee..5d760224 100644 --- a/config/waybar/style/Catppuccin-Mocha.css +++ b/config/waybar/style/Catppuccin-Mocha.css @@ -2,99 +2,102 @@ /* Catppuccin Mocha */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } @import "../waybar/style/catppuccin-themes/mocha.css"; window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - background: transparent; - border-radius: 10px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + transition-property: background-color; + transition-duration: 0.5s; + background: transparent; + border-radius: 10px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.2; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.2; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } #taskbar button, #workspaces button { - color: @overlay1; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @overlay1; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - border-radius: 10px; - color: @peach; - background-color: @surface0; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + border-radius: 10px; + color: @peach; + background-color: @surface0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - color: @surface1; - border-radius: 10px; + color: @surface1; + border-radius: 10px; } #taskbar button.active, #workspaces button.active { - color: @mauve; - border-radius: 10px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @mauve; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.urgent { - color: @red; - border-radius: 0px; + color: @red; + border-radius: 0px; } /* This section can be use if you want to separate waybar modules */ -.modules-left, .modules-center, .modules-right { - background: @theme_base_color; - border: 0.5px solid @overlay0; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; - border-radius: 10px; -} +.modules-left, +.modules-center, +.modules-right { + background: @theme_base_color; + border: 0.5px solid @overlay0; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + border-radius: 10px; +} -.modules-left, .modules-right { - border: 1px solid @blue; -} +.modules-left, +.modules-right { + border: 1px solid @blue; +} #backlight, #backlight-slider, @@ -151,23 +154,23 @@ window#waybar.empty #window { #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #bluetooth, @@ -188,11 +191,11 @@ window#waybar.empty #window { #battery.critical:not(.charging) { background-color: @red; color: @theme_text_color; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; box-shadow: inset 0 -3px transparent; } @@ -233,7 +236,7 @@ window#waybar.empty #window { } #custom-cava_mviz { - color: @pink; + color: @pink; } #custom-menu { @@ -276,7 +279,7 @@ window#waybar.empty #window { } #mpris { - color:@lavender; + color: @lavender; } #network { @@ -290,25 +293,25 @@ window#waybar.empty #window { #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Colored-Chroma-Glow.css b/config/waybar/style/Colored-Chroma-Glow.css index 4a1c8e4f..2e561e2a 100644 --- a/config/waybar/style/Colored-Chroma-Glow.css +++ b/config/waybar/style/Colored-Chroma-Glow.css @@ -2,103 +2,103 @@ /* Chroma Glow */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background-color: transparent; - color: #ffffff; - transition-property: background-color; - transition-duration: .5s; - border-radius: 10px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + color: #ffffff; + transition-property: background-color; + transition-duration: 0.5s; + border-radius: 10px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.1; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.1; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - padding: 0px; - border: 0px; - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + padding: 0px; + border: 0px; + background-color: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - color: #40a02b; - background: #1e1e2e; - opacity: 0.8; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; + color: #40a02b; + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label{ - color: #cdd6f4; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; +tooltip label { + color: #cdd6f4; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } #taskbar button, #workspaces button { - background-color: transparent; - color: grey; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + background-color: transparent; + color: grey; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - background-color: transparent; - color: #D3D3D3; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: transparent; + color: #d3d3d3; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - background: rgba(0, 0, 0, 0.2); - color: #D3D3D3; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: rgba(0, 0, 0, 0.2); + color: #d3d3d3; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - background-color: #bbccdd; - color: #323232; + background-color: #bbccdd; + color: #323232; } #workspaces button.urgent { - background-color: #eb4d4b; + background-color: #eb4d4b; } #mode { - background-color: #64727D; - border-bottom: 3px solid #ffffff; + background-color: #64727d; + border-bottom: 3px solid #ffffff; } #backlight, @@ -155,17 +155,17 @@ tooltip label{ #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } /* If workspaces is the leftmost module, omit left margin */ @@ -177,15 +177,15 @@ tooltip label{ } #clock { - color: #fe640b; + color: #fe640b; } #custom-updater { - color: #7287fd; + color: #7287fd; } #battery { - color: #32CD32; + color: #32cd32; } /* #battery.charging { @@ -194,157 +194,157 @@ tooltip label{ } */ @keyframes blink { - to { - background-color: #ffffff; - color: #333333; - } + to { + background-color: #ffffff; + color: #333333; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } label:focus { - background-color: #000000; + background-color: #000000; } #custom-keyboard, -#custom-menu{ - color: yellow; - /*padding: 3px;*/ +#custom-menu { + color: yellow; + /*padding: 3px;*/ } #cpu { - color: blue; + color: blue; } #memory { - color: green; + color: green; } #custom-light_dark, #custom-nightlight, #backlight { - color: white; + color: white; } #bluetooth { - color: blue; + color: blue; } #network { - color: #dd7878; + color: #dd7878; } #network.disconnected { - color: #df3320; + color: #df3320; } #custom-swaync, #custom-keybinds { - color: #1e66f5; + color: #1e66f5; } #wireplumber, #pulseaudio { - color: green; + color: green; } #wireplumber.muted, #pulseaudio.muted { - color: grey; + color: grey; } #custom-power { - color: red; + color: red; } #keyboard-state { - color: #dd7878; + color: #dd7878; } #disk { - color: brown; + color: brown; } #custom-weather { - color: #df8e1d; + color: #df8e1d; } #custom-lock { - color: #ffa000; + color: #ffa000; } #temperature { - color: #FF5349; + color: #ff5349; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } #tray { - /* background-color: #505050; */ + /* background-color: #505050; */ } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #mpd { - color: #2a5c45; + color: #2a5c45; } #mpd.disconnected { - background-color: #f53c3c; + background-color: #f53c3c; } #mpd.stopped { - background-color: #90b1b1; + background-color: #90b1b1; } #mpd.paused { - background-color: #51a37a; + background-color: #51a37a; } #custom-language { - color: #7da6ff; - min-width: 16px; + color: #7da6ff; + min-width: 16px; } #custom-separator { - color: #606060; + color: #606060; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Colored-Translucent.css b/config/waybar/style/Colored-Translucent.css index 12818f6c..42f4474a 100644 --- a/config/waybar/style/Colored-Translucent.css +++ b/config/waybar/style/Colored-Translucent.css @@ -2,10 +2,10 @@ /* Translucent */ @define-color critical #ff0000; /* critical color */ -@define-color warning #f3f809; /* warning color */ -@define-color fgcolor #ffffff; /* foreground color */ -@define-color bgcolor #303030; /* background color */ -@define-color bgcolor #222436; /* background color */ +@define-color warning #f3f809; /* warning color */ +@define-color fgcolor #ffffff; /* foreground color */ +@define-color bgcolor #303030; /* background color */ +@define-color bgcolor #222436; /* background color */ @define-color alert #df3320; @define-color accent1 #ff7a93; @@ -16,86 +16,86 @@ @define-color accent6 #0db9d7; * { -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background-color: rgba(0,0,0,0.3); - color: #ffffff; - transition-property: background-color; - transition-duration: .5s; - border-radius: 10px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: rgba(0, 0, 0, 0.3); + color: #ffffff; + transition-property: background-color; + transition-duration: 0.5s; + border-radius: 10px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.1; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.1; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - opacity: 0.6; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; + background: #1e1e2e; + opacity: 0.6; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; } #taskbar button, #workspaces button { - background-color: transparent; - color: @fgcolor; - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + background-color: transparent; + color: @fgcolor; + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - background-color: rgba(0, 0, 0, 0.2); - color: @accent2; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: rgba(0, 0, 0, 0.2); + color: @accent2; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - background: rgba(0, 0, 0, 0.2); - color: @accent3; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: rgba(0, 0, 0, 0.2); + color: @accent3; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - background-color: rgba(0, 0, 0, 0.35); - color: @accent5; - /* box-shadow: inset 0 -3px #ffffff; */ + background-color: rgba(0, 0, 0, 0.35); + color: @accent5; + /* box-shadow: inset 0 -3px #ffffff; */ } #workspaces button.urgent { - background-color: #eb4d4b; - color: #ffffff; + background-color: #eb4d4b; + color: #ffffff; } #mode { - background-color: #64727D; - border-bottom: 3px solid #ffffff; + background-color: #64727d; + border-bottom: 3px solid #ffffff; } #backlight, @@ -153,17 +153,17 @@ tooltip { #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } /* If workspaces is the leftmost module, omit left margin */ @@ -175,15 +175,15 @@ tooltip { } #clock { - color: @accent2; + color: @accent2; } #custom-updater { - color: #7287fd; + color: #7287fd; } #battery { - color: @accent5; + color: @accent5; } /* #battery.charging { @@ -192,175 +192,175 @@ tooltip { } */ @keyframes blink { - to { - background-color: #ffffff; - color: #333333; - } + to { + background-color: #ffffff; + color: #333333; + } } #battery.critical:not(.charging) { - color: @critical; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: @critical; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } label:focus { - background-color: #000000; + background-color: #000000; } -#custom-menu{ - color: #FFFFFF; - /*padding: 3px;*/ +#custom-menu { + color: #ffffff; + /*padding: 3px;*/ } #custom-keyboard, #cpu { - color: @accent1; + color: @accent1; } #memory { - color: @accent3; + color: @accent3; } #backlight { - color: #cdd6f4; + color: #cdd6f4; } #bluetooth { - color: #1e66f5; + color: #1e66f5; } #network { - color: @accent3; + color: @accent3; } #network.disconnected { - color: @alert; + color: @alert; } #pulseaudio { - color: @accent4; + color: @accent4; } #pulseaudio-muted { - color: @accent2; + color: @accent2; } #wireplumber { - color: @accent4; + color: @accent4; } #wireplumber-muted { - color: @accent2; + color: @accent2; } -#pluseaudio-source-muted{ - color: #a0a0a0; +#pluseaudio-source-muted { + color: #a0a0a0; } #custom-power { - color: #cc3436; + color: #cc3436; } #disk { - color: @accent5; + color: @accent5; } #custom-power_profile { - color: @accent3; + color: @accent3; } #custom-media { - background-color: #66cc99; - color: #2a5c45; - min-width: 100px; + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; } #custom-weather { - color: #66cc99; + color: #66cc99; } #custom-weather2 { - color: #66cc99; + color: #66cc99; } #custom-lock { - color: #ffa000; + color: #ffa000; } #keyboard-state, #temperature { - color: @accent6; - /* background-color: #f0932b; */ + color: @accent6; + /* background-color: #f0932b; */ } #temperature.critical { - background-color: @critical; + background-color: @critical; } #tray { - /* background-color: #505050; */ + /* background-color: #505050; */ } #custom-hypridle, #idle_inhibitor { - color: #f9e2af; - /*background-color: #2d3436; - border-bottom: 8px solid rgba(0, 0, 0, 0.2);*/ + color: #f9e2af; + /*background-color: #2d3436; */ + border-top: 8px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #mpd { - color: #2a5c45; + color: #2a5c45; } #mpd.disconnected { - background-color: #f53c3c; + background-color: #f53c3c; } #mpd.stopped { - background-color: #90b1b1; + background-color: #90b1b1; } #mpd.paused { - background-color: #51a37a; + background-color: #51a37a; } #custom-language { - color: @accent5; - min-width: 16px; + color: @accent5; + min-width: 16px; } #custom-separator { - color: #606060; + color: #606060; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Colorful-Aurora-Blossom.css b/config/waybar/style/Colorful-Aurora-Blossom.css index cb1e9269..6b7ebc89 100644 --- a/config/waybar/style/Colorful-Aurora-Blossom.css +++ b/config/waybar/style/Colorful-Aurora-Blossom.css @@ -2,92 +2,102 @@ /* Aurora Blossom */ * { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } -window#waybar.empty , +window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - color: black; - background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); - opacity: 0.8; - border-radius: 10px; + color: black; + background-image: linear-gradient( + 45deg, + #7287fd 10%, + #209fb5 54%, + #8839ef 90% + ); + opacity: 0.8; + border-radius: 10px; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label{ - color: black; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; +tooltip label { + color: black; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } /*-----module groups----*/ .modules-left, .modules-center, .modules-right { - background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); - color: black; - border-radius: 6px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + background-image: linear-gradient( + 45deg, + #7287fd 10%, + #209fb5 54%, + #8839ef 90% + ); + color: black; + border-radius: 6px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } /*-----modules indv----*/ #taskbar button, #workspaces button { - color: black; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: black; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - color: grey; - background-color: rgba(0,153,153,0.2); - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: grey; + background-color: rgba(0, 153, 153, 0.2); + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: grey; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: grey; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - border-radius: 10px; + border-radius: 10px; } #backlight, @@ -145,72 +155,73 @@ tooltip label{ #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #custom-power { - padding: 1px 3px; + padding-right: 2px; + padding-left: 2px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { - color: #cc3436; + color: #cc3436; } #temperature.critical { - color: #cc3436; + color: #cc3436; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - background-color: #7f849c; - min-width: 80px; - min-height: 5px; - border-radius: 5px; + background-color: #7f849c; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #pulseaudio-slider highlight, #backlight-slider highlight { - min-width: 10px; - border-radius: 5px; + min-width: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Colorful-Aurora.css b/config/waybar/style/Colorful-Aurora.css index d56cdd22..9ce23f99 100644 --- a/config/waybar/style/Colorful-Aurora.css +++ b/config/waybar/style/Colorful-Aurora.css @@ -2,80 +2,85 @@ /* Aurora */ * { -font-family: "JetBrainsMono Nerd Font"; -font-weight: bold; -/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar, window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - color: black; - background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); - opacity: 0.8; - border-radius: 10px; + color: black; + background-image: linear-gradient( + 45deg, + #7287fd 10%, + #209fb5 54%, + #8839ef 90% + ); + opacity: 0.8; + border-radius: 10px; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label{ - color: black; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; +tooltip label { + color: black; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } /*-----module groups----*/ .modules-left, .modules-center, .modules-right { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } /*-----modules indv----*/ #taskbar button, #workspaces button { - color: grey; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: grey; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - color: black; - background-color: rgba(0,153,153,0.2); - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: black; + background-color: rgba(0, 153, 153, 0.2); + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: black; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: black; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - border-radius: 10px; + border-radius: 10px; } #backlight, @@ -132,91 +137,91 @@ tooltip label{ #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 { - background-image: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); - color: black; - border: 1px; - border-style: solid; - border-radius: 6px; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + background-image: linear-gradient(45deg, #95e6cb, #59c2ff, #d2a6ff); + color: black; + border: 1px; + border-style: solid; + border-radius: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #backlight { - padding-right: 2px; + padding-right: 2px; } #custom-power { - padding-left: 10px; - padding-right: 2px; + padding-left: 0px; + padding-right: 2px; } #custom-menu { - padding-right: 8px; + padding-right: 8px; } #custom-cycle_wall { - padding-right: 2px; + padding-right: 2px; } #network { - padding-right: 12px; + padding-right: 12px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { - color: #cc3436; + color: #cc3436; } #temperature.critical { - background: red; - color: black; + background: red; + color: black; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - background-color: #7f849c; - min-width: 80px; - min-height: 5px; - border-radius: 5px; + background-color: #7f849c; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Colorful-Oglo-Chicklets.css b/config/waybar/style/Colorful-Oglo-Chicklets.css index e870c3e7..e0c574da 100644 --- a/config/waybar/style/Colorful-Oglo-Chicklets.css +++ b/config/waybar/style/Colorful-Oglo-Chicklets.css @@ -2,68 +2,72 @@ /* Oglo Chicklets */ * { - font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - font-weight: bold; + font-family: + "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-weight: bold; } window#waybar { - background-color: #232a2e; - border-bottom: 8px solid #1d2327; - color: #d3c6aa; - transition-property: background-color; - transition-duration: .5s; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: #232a2e; + border-bottom: 8px solid #1d2327; + color: #d3c6aa; + transition-property: background-color; + transition-duration: 0.5s; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.2; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.2; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } /* window#waybar.empty { - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + font-size: 14px; } +*/ + +/* window#waybar.solo { - background-color: #FFFFFF; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: #ffffff; + font-size: 14px; } */ button { - all: unset; - background-color: #778f52; - color: #2d353b; - border: none; - border-bottom: 8px solid #5d743e; - border-radius: 5px; - padding-left: 15px; - padding-right: 15px; - transition: transform 0.1s ease-in-out; + all: unset; + background-color: #778f52; + color: #2d353b; + border: none; + border-bottom: 8px solid #5d743e; + border-radius: 5px; + padding-left: 15px; + padding-right: 15px; + padding-top: 2px; + padding-bottom: 2px; + transition: transform 0.1s ease-in-out; } button:hover { - background: inherit; - background-color: #92ab6c; - border-bottom: 8px solid #788f57; + background: inherit; + background-color: #92ab6c; + border-bottom: 8px solid #788f57; } button.active { - background: inherit; - background-color: #a5be7e; - border-bottom: 8px solid #8aa168; + background: inherit; + background-color: #a5be7e; + border-bottom: 8px solid #8aa168; } #mode { - background-color: #64727D; - border-bottom: 3px solid #ffffff; + background-color: #64727d; + border-bottom: 3px solid #ffffff; } #backlight, @@ -74,14 +78,13 @@ button.active { #cpu, #disk, #idle_inhibitor, -#keyboard-state, #memory, #mode, #mpris, #network, #power-profiles-daemon, #pulseaudio, -#pulseaudio-slider, +#pulseaudio-slider, #taskbar, #temperature, #tray, @@ -120,249 +123,329 @@ button.active { #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: #ffffff; - padding-top: 2px; - padding-bottom: 2px; - border-radius: 5px; - padding-left: 5px; - padding-right: 5px; +#custom-weather.sunnyDay { + color: #ffffff; + padding-top: 2px; + padding-bottom: 2px; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; } #window, -#workspaces { - margin: 0 4px; +#custom-hypr_layout, +#custom-cava_mviz, +#custom-playerctl, +#custom-spotify, +#custom-media, +#custom-updater { + margin: 0 4px; +} + +#battery, +#cpu, +#memory, +#disk, +#network, +#pulseaudio, +#tray, +#idle_inhibitor, +#custom-swaync, +#custom-menu, +#custom-power { + margin-top: 2px; + margin-bottom: 2px; } /* If workspaces is the leftmost module, omit left margin */ .modules-left > widget:first-child > #workspaces { - margin-left: 0; + margin-left: 0; } /* If workspaces is the rightmost module, omit right margin */ .modules-right > widget:last-child > #workspaces { - margin-right: 0; + margin-right: 0; } -#window { - background-color: #343f44; - color: #d3c6aa; - border-bottom: 8px solid #2b3539; +#window, +#custom-hypr_layout, +#custom-cava_mviz, +#custom-playerctl, +#custom-spotify, +#custom-media, +#custom-updater { + background-color: #2980b9; + color: #ffffff; + border-bottom: 8px solid #1f618d; + padding-top: 2px; + padding-bottom: 2px; +} + +#custom-weather2 { + background-color: #343f44; + color: #d3c6aa; + border-bottom: 8px solid #2b3539; + padding-top: 2px; + padding-bottom: 2px; } #custom-swaync { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; } #custom-menu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; } #custom-power { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - padding-left: 10px; + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + padding-left: 2px; } -#custom-power_vertical{ - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; +#custom-power_vertical { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; } #clock { - background-color: #96a84c; - color: #2d353b; - border-bottom: 8px solid #7a8c37; + background-color: #96a84c; + color: #2d353b; + border-bottom: 8px solid #7a8c37; } #battery { - background-color: #3a998f; - color: #2d353b; - border-bottom: 8px solid #227d74; + background-color: #3a998f; + color: #2d353b; + border-bottom: 8px solid #227d74; } @keyframes blink { - to { - background-color: #ffffff; - color: #000000; - } + to { + background-color: #ffffff; + color: #000000; + } } #battery.critical:not(.charging) { - background-color: #ee606a; - color: #2d353b; - border-bottom: 8px solid #ca4853; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } label:focus { - background-color: #000000; + background-color: #000000; } #cpu { - background-color: #778f52; - color: #2d353b; - border-bottom: 8px solid #5d743e; + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; } #memory { - background-color: #d980ad; - color: #2d353b; - border-bottom: 8px solid #b86790; + background-color: #d980ad; + color: #2d353b; + border-bottom: 8px solid #b86790; } #disk { - background-color: #964B00; - border-bottom: 8px solid #793300; + background-color: #964b00; + border-bottom: 8px solid #793300; } #custom-lock, #custom-light_dark, #custom-nightlight, #backlight { - background-color: #64b6ac; - color: #2d353b; - border-bottom: 8px solid #4f9990; - padding-left: 10px; + background-color: #64b6ac; + color: #2d353b; + border-bottom: 8px solid #4f9990; + padding-left: 10px; } #network { - background-color: #2980b9; + background-color: #2980b9; + border-bottom: 8px solid #1f618d; } #network.disconnected { - background-color: #f53c3c; + background-color: #f53c3c; + border-bottom: 8px solid #c0392b; } #pulseaudio { - background-color: #d8ac47; - color: #2d353b; - border-bottom: 8px solid #b78f30; + background-color: #d8ac47; + color: #2d353b; + border-bottom: 8px solid #b78f30; } #pulseaudio.muted { - background-color: #90b1b1; - color: #2a5c45; + background-color: #90b1b1; + color: #2a5c45; + border-bottom: 8px solid #729292; } #wireplumber { - background-color: #fff0f5; - color: #000000; + background-color: #fff0f5; + color: #000000; + border-bottom: 8px solid #e0d1d6; } #wireplumber.muted { - background-color: #f53c3c; + background-color: #f53c3c; + border-bottom: 8px solid #c0392b; } #custom-media { - background-color: #66cc99; - color: #2a5c45; - min-width: 100px; + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; + border-bottom: 8px solid #51a37a; } #custom-media.custom-spotify { - background-color: #66cc99; + background-color: #66cc99; } #custom-media.custom-vlc { - background-color: #ffa000; + background-color: #ffa000; } #temperature { - background-color: #f0932b; - border-bottom: 8px solid #b78f30; + background-color: #f0932b; + border-bottom: 8px solid #b78f30; } #temperature.critical { - background-color: #eb4d4b; + background-color: #eb4d4b; + border-bottom: 8px solid #b73d3b; } #tray { - background-color: #e67f51; - color: #2d353b;; - border-bottom: 8px solid #c3653b; + background-color: #e67f51; + color: #2d353b; + border-bottom: 8px solid #c3653b; } #tray > .passive { - -gtk-icon-effect: dim; + -gtk-icon-effect: dim; } #tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: #eb4d4b; + -gtk-icon-effect: highlight; + background-color: #eb4d4b; + border-bottom: 8px solid #b73d3b; } #idle_inhibitor { - background-color: #2d3436; - border-bottom: 8px solid #1d2327; + background-color: #96a84c; + border-bottom: 8px solid #7a8c37; + color: #2d3436; } #idle_inhibitor.activated { - background-color: #ecf0f1; - border-bottom: 8px solid #7a8c37; - color: #2d3436; + background-color: #eb4d4b; + border-bottom: 8px solid #7a8c37; + color: #2d3436; } #mpd { - background-color: #66cc99; - color: #2a5c45; + background-color: #66cc99; + color: #2a5c45; + border-bottom: 8px solid #51a37a; } #mpd.disconnected { - background-color: #f53c3c; + background-color: #f53c3c; + border-bottom: 8px solid #c0392b; } #mpd.stopped { - background-color: #90b1b1; + background-color: #90b1b1; + border-bottom: 8px solid #729292; } #mpd.paused { - background-color: #51a37a; + background-color: #51a37a; + border-bottom: 8px solid #3d7a5c; } #language { - background: #00b093; - color: #740864; - min-width: 16px; + background: #00b093; + color: #740864; + min-width: 16px; + border-bottom: 8px solid #008c75; +} + +/* Specific styling for left workspaces to match center window */ +.modules-left #workspaces button { + background-color: #2980b9; + color: #ffffff; + border-bottom: 8px solid #1f618d; + padding-top: 2px; + padding-bottom: 2px; +} + +.modules-left #workspaces button.active { + background-color: #3498db; + border-bottom: 8px solid #2980b9; + padding-top: 2px; + padding-bottom: 2px; +} + +.modules-left #workspaces button:hover { + background-color: #3498db; + border-bottom: 8px solid #2980b9; + padding-top: 2px; + padding-bottom: 2px; } #keyboard-state { - background: #97e1ad; - color: #000000; - min-width: 16px; - border-bottom: 8px solid #78b48a; + background-color: #97e1ad; + color: #000000; + border-bottom: 8px solid #558b66; + padding-left: 10px; + padding-right: 10px; + padding-top: 2px; + padding-bottom: 2px; + margin-left: 4px; + margin-right: 4px; + border-radius: 5px; } #keyboard-state > label { - padding: 0 5px; + padding: 0 5px; + background-color: transparent; } #keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); + background: rgba(0, 0, 0, 0.2); } #scratchpad { - background: rgba(0, 0, 0, 0.2); + background: rgba(0, 0, 0, 0.2); } #scratchpad.empty { - background-color: transparent; + background-color: transparent; } tooltip { @@ -390,47 +473,46 @@ tooltip label { font-size: 14px; } - #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 { - background-color: #7f849c; - min-width: 80px; - min-height: 5px; - border-radius: 5px; + background-color: #7f849c; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } #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 { - background-color: #7f849c; - min-width: 80px; - min-height: 10px; - border-radius: 5px; + background-color: #7f849c; + min-width: 80px; + min-height: 10px; + border-radius: 5px; } #backlight-slider highlight { - min-width: 10px; - border-radius: 5px; + min-width: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Colorful-Rainbow-Spectrum.css b/config/waybar/style/Colorful-Rainbow-Spectrum.css index a23fb79a..88deb406 100644 --- a/config/waybar/style/Colorful-Rainbow-Spectrum.css +++ b/config/waybar/style/Colorful-Rainbow-Spectrum.css @@ -2,86 +2,86 @@ /* Rainbow Spectrum */ * { -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background-color: rgba(0,0,0,0); - transition-property: background-color; - transition-duration: .5s; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: rgba(0, 0, 0, 0); + transition-property: background-color; + transition-duration: 0.5s; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - padding: 0px; - border: 0px; - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + padding: 0px; + border: 0px; + background-color: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - opacity: 0.8; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label{ - color: #cdd6f4; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; +tooltip label { + color: #cdd6f4; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } #taskbar button, #workspaces button { - background-color: #d9e0ee; - color: #3A3B3C; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + background-color: #d9e0ee; + color: #3a3b3c; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - background-color: #eba0ac; - color: #3A3B3C; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: #eba0ac; + color: #3a3b3c; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - background: #eb6f92; - color: #f6c177; - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: #eb6f92; + color: #f6c177; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -139,96 +139,96 @@ tooltip label{ #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 { - border-radius: 16px; - color: #3A3B3C; - border: 1px solid #b4befe; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + border-radius: 16px; + color: #3a3b3c; + border: 1px solid #b4befe; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #backlight { - background-color: #cba6f7; + background-color: #cba6f7; } #battery { - background-color: #f9e2af; + background-color: #f9e2af; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - background-color: #f38ba8; - color: #f38ba8; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + background-color: #f38ba8; + color: #f38ba8; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #clock { - background-color: #a6e3a1; + background-color: #a6e3a1; } #mpris { - background-color: #fab387; - color: black; + background-color: #fab387; + color: black; } #custom-keyboard, #keyboard-state, #keyboard-state label, #keyboard-state label.locked, #cpu { - background-color: #89dceb; + background-color: #89dceb; } #memory { - background-color: #eba0ac; + background-color: #eba0ac; } #disk { - background-color: #b4befe; + background-color: #b4befe; } #tray { - background-color: #b4befe; + background-color: #b4befe; } #tray > .passive { - -gtk-icon-effect: dim; + -gtk-icon-effect: dim; } #tray > .needs-attention { - -gtk-icon-effect: highlight; + -gtk-icon-effect: highlight; } #custom-menu { - background-color: #f5c2e7; - /*padding: 1px;*/ - padding-right: 10px; - border-radius: 16px; - color: #3A3B3C; - border: 1px solid #b4befe; + background-color: #f5c2e7; + /*padding: 1px;*/ + padding-right: 10px; + border-radius: 16px; + color: #3a3b3c; + border: 1px solid #b4befe; } #custom-power { - background-color: #f38ba8; - padding: 0px 0px 0px 6px; + background-color: #f38ba8; + padding: 0px 0px 0px 0px; } #custom-updater { - background-color: #e6ed7b; + background-color: #e6ed7b; } #custom-cava_mviz, @@ -237,35 +237,35 @@ tooltip label{ #custom-file_manager, #custom-tty, #custom-settings { - background: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%); + background: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%); } #custom-cycle_wall { - background-color: #94e2d5; + background-color: #94e2d5; } #custom-swaync, #custom-weather { - background-color: #cba6f7; + background-color: #cba6f7; } #custom-reboot, #wireplumber { - background-color: #a6e3a1; + background-color: #a6e3a1; } #wireplumber.muted { - background-color: #313244; - color: #cdd6f4; + background-color: #313244; + color: #cdd6f4; } #custom-lock { - background-color: #89dceb; + background-color: #89dceb; } #custom-quit, #temperature { - background-color: #86b4fa; + background-color: #86b4fa; } #temperature.critical { @@ -277,67 +277,68 @@ tooltip label{ #custom-nightlight, #custom-hypridle, #idle_inhibitor { - background-color: #86b4fa; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + background-color: #86b4fa; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #bluetooth { - background-color: #89dceb; + background-color: #89dceb; } #window { - background-color: #89dceb; + background-color: #89dceb; } #custom-hint, #pulseaudio { - background-color: #fab387; + background-color: #fab387; } #pulseaudio.bluetooth { - background-color: #f5c2e7; + background-color: #f5c2e7; } #pulseaudio.muted { - background-color: #313244; - color: #cdd6f4; + background-color: #313244; + color: #cdd6f4; } #network { - background-color: #89b4fa; - padding-right: 12px; + background-color: #89b4fa; + padding-right: 12px; } -#network.disconnected,#network.disabled { - background-color: #313244; - color: #cdd6f4; +#network.disconnected, +#network.disabled { + background-color: #313244; + color: #cdd6f4; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Colorful-stolen-style.css b/config/waybar/style/Colorful-stolen-style.css index b3ba6149..35d96a0a 100644 --- a/config/waybar/style/Colorful-stolen-style.css +++ b/config/waybar/style/Colorful-stolen-style.css @@ -1,13 +1,13 @@ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */ /* ....[Colorful] Stolen ......... */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { @@ -126,7 +126,7 @@ window#waybar.empty #window { #idle_inhibitor { color: #7aa2f7; - border-bottom: 2px solid #455a64; + border-top: 2px solid #455a64; } #backlight { @@ -189,7 +189,6 @@ window#waybar.empty #window { #custom-niflveil.empty { color: #c0caf5; - } #cpu { @@ -247,17 +246,15 @@ window#waybar.empty #window { } #custom-menu { - color: #7dcfff; padding-left: 14px; padding-right: 12px; } #custom-power { - color: #f7768e; - padding-left: 8px; - padding-right: 17px; + padding-left: 6px; + padding-right: 10px; } #custom-updater { @@ -266,7 +263,6 @@ window#waybar.empty #window { border-radius: 20px; padding-left: 10pt; padding-right: 12px; - } #custom-light_dark { @@ -275,7 +271,6 @@ window#waybar.empty #window { #custom-weather { color: #9fe044; - } #custom-speaker { @@ -284,7 +279,6 @@ window#waybar.empty #window { #pulseaudio { color: #faba4a; - } #pulseaudio.bluetooth { diff --git a/config/waybar/style/Dark-Golden-Eclipse.css b/config/waybar/style/Dark-Golden-Eclipse.css index 0a8e7fe4..2a45a91a 100644 --- a/config/waybar/style/Dark-Golden-Eclipse.css +++ b/config/waybar/style/Dark-Golden-Eclipse.css @@ -2,26 +2,25 @@ /* Golden Eclipse */ * { -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -padding: 1px; + 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 1px; } - window#waybar { transition-property: background-color; transition-duration: 0.5s; - background: #000000; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 4px; - padding-left: 4px; - border-radius: 12px; + background: #000000; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 4px; + padding-left: 4px; + border-radius: 12px; /* Waybar scaling: adjust font-size to scale the bar */ font-size: 14px; } @@ -51,7 +50,7 @@ window#waybar.hidden { #network, #power-profiles-daemon, #pulseaudio, -#pulseaudio-slider, +#pulseaudio-slider, #taskbar, #temperature, #tray, @@ -89,18 +88,18 @@ window#waybar.hidden { #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: #fcba03; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 6px; - padding-left: 6px; +#custom-weather.sunnyDay { + color: #fcba03; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { @@ -115,73 +114,72 @@ window#waybar.hidden { } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: cyan; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: cyan; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #taskbar button, #workspaces button { - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); - color: #fcba03; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); + color: #fcba03; } #taskbar button:hover, #workspaces button:hover { - border-radius: 10px; - color: #a6adc8; - background-color: #ffeb8a; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + border-radius: 10px; + color: #a6adc8; + background-color: #ffeb8a; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - color: #fcba03; - border-radius: 10px; + color: #fcba03; + border-radius: 10px; } #taskbar button.active, #workspaces button.active { - color: black; - background-color: #fcba03; - border-radius: 10px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: black; + background-color: #fcba03; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.urgent { - color: red; - border-radius: 0px; + color: red; + border-radius: 0px; } - #pulseaudio.muted { color: red; } @@ -194,25 +192,25 @@ window#waybar.hidden { #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Dark-Golden-Noir.css b/config/waybar/style/Dark-Golden-Noir.css index edfd3c7f..d9b4c33c 100644 --- a/config/waybar/style/Dark-Golden-Noir.css +++ b/config/waybar/style/Dark-Golden-Noir.css @@ -3,101 +3,100 @@ /* --- 👍 designed by https://github.com/Krautt 👍 --- */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: #040406; - border-radius: 30px; - color: #cba6f7; + background: #040406; + border-radius: 30px; + color: #cba6f7; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #ffd700; + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #ffd700; } /*-----module groups----*/ .modules-left, .modules-right { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; - + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { - border-left: 1px solid #ffd700; - border-right: 1px solid #ffd700; - border-radius: 20px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + border-left: 1px solid #ffd700; + border-right: 1px solid #ffd700; + border-radius: 20px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #taskbar button, #workspaces button { - color: #6E6A86; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: #6e6a86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: #ffd700; - border-radius: 50%; - background-color: black; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #ffd700; + border-radius: 50%; + background-color: black; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: #ffd700; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #ffd700; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -154,69 +153,69 @@ tooltip { #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: #e5d9f5; - padding-top: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; + color: #e5d9f5; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Dark-Half-Moon.css b/config/waybar/style/Dark-Half-Moon.css index 797a1c68..776ffcc3 100644 --- a/config/waybar/style/Dark-Half-Moon.css +++ b/config/waybar/style/Dark-Half-Moon.css @@ -4,45 +4,46 @@ /* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } - window#waybar { - background-color: rgba(26,27,38,0); - border-bottom: 1px solid rgba(26,27,38,0); + background-color: rgba(26, 27, 38, 0); + border-bottom: 1px solid rgba(26, 27, 38, 0); border-radius: 0px; - color: #E6B673; + color: #e6b673; /* Waybar scaling: adjust font-size to scale the bar */ font-size: 14px; } -#waybar.empty, #waybar.tiled, #waybar.floating { - background-color: transparent; +#waybar.empty, +#waybar.tiled, +#waybar.floating { + background-color: transparent; } window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } #taskbar, #workspaces { - background: #0F1419; + background: #0f1419; margin: 5px; padding: 0px 1px; border-radius: 15px; border: 0px; font-style: normal; - color: #0F1419; + color: #0f1419; } #taskbar button, @@ -51,10 +52,10 @@ window#waybar.empty #window { margin: 4px 3px; border-radius: 15px; border: 0px; - color: #0F1419; - background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); + color: #0f1419; + background: linear-gradient(45deg, #95e6cb, #59c2ff, #d2a6ff); opacity: 0.5; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, @@ -63,70 +64,69 @@ window#waybar.empty #window { margin: 4px 3px; border-radius: 15px; border: 0px; - color: #0F1419; - background: linear-gradient(45deg, #59C2FF, #D2A6FF); - opacity: 1.0; + color: #0f1419; + background: linear-gradient(45deg, #59c2ff, #d2a6ff); + opacity: 1; min-width: 40px; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button:hover { border-radius: 15px; - color: #0F1419; - background: linear-gradient(45deg, #59C2FF, #D2A6FF); + color: #0f1419; + background: linear-gradient(45deg, #59c2ff, #d2a6ff); opacity: 0.8; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } @keyframes gradient_horizontal { -0% { - background-position: 0% 50%; - } -50% { - background-position: 100% 50%; - } -100% { - background-position: 0% 50%; - } + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } } @keyframes swiping { -0% { - background-position: 0% 200%; - } -100% { - background-position: 200% 200%; - } + 0% { + background-position: 0% 200%; + } + 100% { + background-position: 200% 200%; + } } tooltip { -background: #0F1419; -border: 1px solid #D2A6FF; -border-radius: 10px; + background: #0f1419; + border: 1px solid #d2a6ff; + border-radius: 10px; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ tooltip label { -color: #F3F4F5; -/* Waybar scaling: adjust tooltip label font-size to scale the bar */ -font-size: 14px; + color: #f3f4f5; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } #window { - color: #E6E1CF; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #e6e1cf; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #temperature, #memory { - color: #E6B673; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #e6b673; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-light_dark, @@ -137,205 +137,205 @@ font-size: 14px; #custom-hypr_layout, #idle_inhibitor, #clock { - color: #B8CC52; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #b8cc52; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 1px solid rgba(26,27,38,0); + color: #39ff14; + border-top: 6px solid rgba(26, 27, 38, 0); } #bluetooth { - color: blue; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: blue; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-playerctl, #power-profiles-daemon, #custom-cycle_wall, #cpu { - color: #F3F4F5; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #f3f4f5; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #disk { - color: #B8CC52; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #b8cc52; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #backlight, #battery { - color: #F07178; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #f07178; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #mpris { - color: #F07178; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding-left: 8px; - padding-right: 2px; + color: #f07178; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding-left: 8px; + padding-right: 2px; } #backlight { - color: white; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: white; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #network { - color: #FF8F40; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #ff8f40; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-hyprbindings { - color: #D2A6FF; - background: #0F1419; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #d2a6ff; + background: #0f1419; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #tray { - color: #E6E1CF; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #e6e1cf; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #pulseaudio { - color: #59C2FF; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #59c2ff; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-notification { - color: #95E6CB; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #95e6cb; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-browser, #custom-file_manager, #custom-tty, #custom-settings { - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; - color: #0F1419; - background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; + color: #0f1419; + background: linear-gradient(45deg, #95e6cb, #59c2ff, #d2a6ff); } #custom-weather { - color: #59C2FF; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #59c2ff; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-weather2 { - color: #59C2FF; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: #59c2ff; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-menu { - color: #59C2FF; - background: #0F1419; - border-radius: 0px 15px 50px 0px; - margin: 5px 5px 5px 0px; - padding: 1px 15px; + color: #59c2ff; + background: #0f1419; + border-radius: 0px 15px 50px 0px; + margin: 5px 5px 5px 0px; + padding: 1px 15px; } #custom-power { - color: #D2A6FF; - background: #0F1419; - border-radius: 15px 0px 0px 50px; - margin: 5px 0px; - padding: 2px 5px 2px 15px; -} + color: #d2a6ff; + background: #0f1419; + border-radius: 15px 0px 0px 50px; + margin: 5px 0px; + padding: 2px 5px 2px 15px; +} #custom-lock { - color: red; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: red; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #custom-power_vertical, #keyboard-state { - color: green; - background: #0F1419; - border-radius: 50px 50px; - margin: 5px; - padding: 2px 15px; + color: green; + background: #0f1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #6E6A86; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6e6a86; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: purple; + min-height: 10px; + border-radius: 5px; + background-color: purple; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Dark-Latte-Wallust-combined.css b/config/waybar/style/Dark-Latte-Wallust-combined.css index 898c3dc2..7f698cb5 100644 --- a/config/waybar/style/Dark-Latte-Wallust-combined.css +++ b/config/waybar/style/Dark-Latte-Wallust-combined.css @@ -17,106 +17,106 @@ @define-color button-color @color11; @define-color button-hover @color13; -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; @import "../waybar/style/catppuccin-themes/latte.css"; * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: transparent; - border-radius: 0px; - color: #cba6f7; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: transparent; + border-radius: 0px; + color: #cba6f7; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - border-radius: 12px; - border-width: 1px; - border-style: solid; - border-color: @border-color; - color: #ffffff; + background: #1e1e2e; + border-radius: 12px; + border-width: 1px; + border-style: solid; + border-color: @border-color; + color: #ffffff; } /*-----module groups----*/ .modules-left, .modules-center, .modules-right { - background-color: @background-module; - border-radius:15px; - border-bottom:2px solid @border-color; - padding-top: 2px; - padding-bottom: 0px; - padding-right: 4px; - padding-left: 4px; + background-color: @background-module; + border-radius: 15px; + border-bottom: 2px solid @border-color; + padding-top: 2px; + padding-bottom: 0px; + padding-right: 4px; + padding-left: 4px; } #workspaces { - padding: 0px 1px; - border-radius: 15px; - border:2px solid @border-color; - font-weight: bold; - font-style: normal; - opacity: 1; - color:#FFFFFF; + padding: 0px 1px; + border-radius: 15px; + border: 2px solid @border-color; + font-weight: bold; + font-style: normal; + opacity: 1; + color: #ffffff; } -#taskbar button, +#taskbar button, #workspaces button { - color: @color15; - box-shadow: none; - text-shadow: none; - border-radius: 30px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @color15; + box-shadow: none; + text-shadow: none; + border-radius: 30px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: #ffd700; - border-radius: 50%; - background-color: black; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #ffd700; + border-radius: 50%; + background-color: black; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: #ffd700; - border-radius: 10px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #ffd700; + border-radius: 10px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -173,120 +173,122 @@ tooltip { #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: #e5d9f5; - padding-right: 6px; - padding-left: 6px;; + color: #e5d9f5; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; } #pulseaudio-slider, #pulseaudio { - color: @color13; + color: @color13; } #pulseaudio.muted { - color: red; + color: red; } #memory { - color: @sapphire; + color: @sapphire; } #cpu { - color: @mauve; + color: @mauve; } #battery { - color: @rosewater; + color: @rosewater; } #disk { - color: @sky; + color: @sky; } #temperature.critical { - background-color: @red; + background-color: @red; } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #custom-hypridle, #custom-lock, #idle_inhibitor { - color: @teal; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: @teal; + padding-top: 8px; + border-bottom: 8px solid rgba(0, 0, 0, 0); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + padding-top: 8px; + border-bottom: 8px solid rgba(0, 0, 0, 0); } - #clock#2 { - color: #efe8f7; + color: #efe8f7; } #clock { - color: @sapphire; - border-radius: 15px; - border:2px solid @border-color; + color: @sapphire; + border-radius: 15px; + border: 2px solid @border-color; } #custom-updates { - color: @yellow; + color: @yellow; +} +#swaync { + color: #ffd700; } -#swaync{ - color: #ffd700;} /* --- tray readability override (global) --- */ #tray > *, diff --git a/config/waybar/style/Dark-Purpl.css b/config/waybar/style/Dark-Purpl.css index 9fa8f628..586aca3b 100644 --- a/config/waybar/style/Dark-Purpl.css +++ b/config/waybar/style/Dark-Purpl.css @@ -3,105 +3,105 @@ /* --- 👍 designed by https://github.com/Krautt 👍 --- */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: #100214; - color: #cba6f7; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: #100214; + color: #cba6f7; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #cba6f7; + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #cba6f7; } /*-----module groups----*/ .modules-right { - border: 3px solid #20052a; - border-radius: 100px 0px 0px 0px; - background-color: #3d174b; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 5px; - padding-left: 5px; + border: 3px solid #20052a; + border-radius: 100px 0px 0px 0px; + background-color: #3d174b; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 5px; + padding-left: 5px; } .modules-center { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-left { - /*background-color: #1e1e2e;*/ - border: 3px solid #20052a; - border-radius: 0px 0px 100px 0px; - background-color: #441a53; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 5px; - padding-left: 5px; + /*background-color: #1e1e2e;*/ + border: 3px solid #20052a; + border-radius: 0px 0px 100px 0px; + background-color: #441a53; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 5px; + padding-left: 5px; } #taskbar button, #workspaces button { - color: #6E6A86; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: #6e6a86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.active { - color: #cba6f7; - border-radius: 20%; - background-color: black; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #cba6f7; + border-radius: 20%; + background-color: black; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #workspaces button:hover { - color: #9CCFD8; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #9ccfd8; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -158,84 +158,84 @@ tooltip { #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: whitesmoke; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + color: whitesmoke; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #taskbar button.active { - background-color: purple; - padding-left: 12px; - padding-right: 12px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: purple; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #6E6A86; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6e6a86; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: purple; + min-height: 10px; + border-radius: 5px; + background-color: purple; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Dark-Wallust-Obsidian-Edge.css b/config/waybar/style/Dark-Wallust-Obsidian-Edge.css index 84199a7e..dc255123 100644 --- a/config/waybar/style/Dark-Wallust-Obsidian-Edge.css +++ b/config/waybar/style/Dark-Wallust-Obsidian-Edge.css @@ -1,96 +1,96 @@ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */ /* Dark - Obsidian Edge */ -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; * { -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: black; - border-radius: 12px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: black; + border-radius: 12px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - color: @foreground; - background: rgba(0, 0, 0, 0.8); - border-radius: 10px; + color: @foreground; + background: rgba(0, 0, 0, 0.8); + border-radius: 10px; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ tooltip label { - color: @foreground; - padding-right: 2px; - padding-left: 2px; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; + color: @foreground; + padding-right: 2px; + padding-left: 2px; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } /*-----module groups----*/ .modules-left, .modules-center, .modules-right { - border: 0px solid #b4befe; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + border: 0px solid #b4befe; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #taskbar button, #workspaces button { - color: @color12; - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @color12; + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: @foreground; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @foreground; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: @color9; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color9; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -147,68 +147,68 @@ tooltip label { #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; - border-radius: 8px; - padding-top: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; + color: @foreground; + border-radius: 8px; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Extra-Crimson.css b/config/waybar/style/Extra-Crimson.css index 3a326a02..fbfb80cf 100644 --- a/config/waybar/style/Extra-Crimson.css +++ b/config/waybar/style/Extra-Crimson.css @@ -2,90 +2,90 @@ /* ..........Crimson.................. */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */ -*{ -font-family: "JetBrainsMono Nerd Font"; -font-weight: bold; -/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } - + window#waybar { - background: #240303; - color: wheat; - border-radius: 0px 0px 100px 100px; - border: 1px solid grey; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: #240303; + color: wheat; + border-radius: 0px 0px 100px 100px; + border: 1px solid grey; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } - + window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; +} tooltip { - background: #240303; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: wheat; + background: #240303; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: wheat; } /*-----module groups----*/ .modules-left, .modules-center, .modules-right { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #taskbar button, #workspaces button { - color: wheat; - box-shadow: none; - text-shadow: none; - padding: 4px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: wheat; + box-shadow: none; + text-shadow: none; + padding: 4px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } -#taskbar button.active, +#taskbar button.active, #workspaces button.active { - color: rgb(108, 18, 18); - background-color: #000000; - border: 1px solid grey; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: rgb(108, 18, 18); + background-color: #000000; + border: 1px solid grey; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } - + #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } -#taskbar button:hover, +#taskbar button:hover, #workspaces button:hover { - color: rgb(71, 14, 14); - background-color: #000000; - border-radius: 15px; - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: rgb(71, 14, 14); + background-color: #000000; + border-radius: 15px; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -142,69 +142,69 @@ tooltip { #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: wheat; - padding-top: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; + color: wheat; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; } - + #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } - + @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 8px solid rgba(0, 0, 0, 0.2); } - + #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } - + #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Extra-EverForest.css b/config/waybar/style/Extra-EverForest.css index e91221ba..c3ae5668 100644 --- a/config/waybar/style/Extra-EverForest.css +++ b/config/waybar/style/Extra-EverForest.css @@ -53,9 +53,9 @@ window#waybar { } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } #window { @@ -179,7 +179,7 @@ window#waybar.hidden { background-color: @red; color: @fg; animation-name: blink; - animation-duration: 3.0s; + animation-duration: 3s; animation-timing-function: steps(12); animation-iteration-count: infinite; animation-direction: alternate; @@ -227,14 +227,14 @@ window#waybar.hidden { border-radius: 5px; margin-left: 5px; background-color: @blue; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + border-top: 8px solid rgba(0, 0, 0, 0.2); color: @black; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { background-color: @fg; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + border-bottom: 8px solid rgba(0, 0, 0, 0.2); color: @bg0; } @@ -248,27 +248,27 @@ window#waybar.hidden { #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; } #backlight, @@ -324,15 +324,15 @@ window#waybar.hidden { #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 { - padding-right: 5px; - padding-left: 5px; + padding-right: 5px; + padding-left: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Extra-Mauve.css b/config/waybar/style/Extra-Mauve.css index 2c8ad2af..10da92c5 100644 --- a/config/waybar/style/Extra-Mauve.css +++ b/config/waybar/style/Extra-Mauve.css @@ -3,108 +3,108 @@ /* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: #11111b; - color: #cba6f7; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: #11111b; + color: #cba6f7; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: #cba6f7; + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #cba6f7; } /*-----module groups----*/ .modules-left, .modules-right { - border: 3px solid #11111b; - border-radius: 10px 10px 10px 10px; - background-color: #313244; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + border: 3px solid #11111b; + border-radius: 10px 10px 10px 10px; + background-color: #313244; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #taskbar button, #workspaces button { - color: #6E6A86; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: #6e6a86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: #1e1e1e; - border-radius: 30%; - background-color: #cba6f7; - padding-left: 6px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #1e1e1e; + border-radius: 30%; + background-color: #cba6f7; + padding-left: 6px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.active:hover { - color: #1e1e1e; - border-radius: 30%; - background-color: #cba6f7; - padding-left: 6px; - padding-right: 8px; + color: #1e1e1e; + border-radius: 30%; + background-color: #cba6f7; + padding-left: 6px; + padding-right: 8px; } #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } #workspaces button.urgent { - border-radius: 30%; - background-color: #cba6f7; - color: #1e1e1e; + border-radius: 30%; + background-color: #cba6f7; + color: #1e1e1e; } #taskbar button:hover, #workspaces button:hover { - color: #1e1e1e; - border: 3px solid #1e1e2e; - background-color: #cba6f7; - border-radius: 30%; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #1e1e1e; + border: 3px solid #1e1e2e; + background-color: #cba6f7; + border-radius: 30%; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -161,70 +161,69 @@ tooltip { #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: whitesmoke; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; - + color: whitesmoke; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 3px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #6E6A86; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6e6a86; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: purple; + min-height: 10px; + border-radius: 5px; + background-color: purple; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Extra-Modern-Combined-Transparent.css b/config/waybar/style/Extra-Modern-Combined-Transparent.css index 353c321c..7a4a9f77 100644 --- a/config/waybar/style/Extra-Modern-Combined-Transparent.css +++ b/config/waybar/style/Extra-Modern-Combined-Transparent.css @@ -30,93 +30,93 @@ @define-color textcolor3 @foreground; @define-color iconcolor @foreground; -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; @import "../waybar/style/catppuccin-themes/latte.css"; * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background-color: transparent; - border-radius: 6px; - padding-top: 2px; - padding-bottom: 0px; - padding-right: 4px; - padding-left: 4px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + border-radius: 6px; + padding-top: 2px; + padding-bottom: 0px; + padding-right: 4px; + padding-left: 4px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - border-radius: 12px; - border-width: 1px; - border-style: solid; - border-color: @border-color; - color: #ffffff; + background: #1e1e2e; + border-radius: 12px; + border-width: 1px; + border-style: solid; + border-color: @border-color; + color: #ffffff; } #taskbar button, #workspaces button { - padding: 0px 3px; - margin: 3px 2px; - border-radius: 4px; - color: @textcolor1; - background-color: @workspacesbackground2; - transition: all 0.1s linear; - opacity: 0.4; + padding: 0px 3px; + margin: 3px 2px; + border-radius: 4px; + color: @textcolor1; + background-color: @workspacesbackground2; + transition: all 0.1s linear; + opacity: 0.4; } #taskbar button.active, #workspaces button.active { - color: @textcolor1; - background: @workspacesbackground2; - border-radius: 4px; - min-width: 30px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - opacity: 1.0; + color: @textcolor1; + background: @workspacesbackground2; + border-radius: 4px; + min-width: 30px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); + opacity: 1; } #taskbar button:hover, #workspaces button:hover { - color: @red; - background: @workspacesbackground2; - border-radius: 3px; - opacity:0.6; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @red; + background: @workspacesbackground2; + border-radius: 3px; + opacity: 0.6; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } /*-----module groups----*/ .modules-left, .modules-right { - background-color: transparent; + background-color: transparent; } .modules-center { - background-color: @background-module; - border-radius: 0px 0px 45px 45px; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 10px; - padding-right: 6px; + background-color: @background-module; + border-radius: 0px 0px 45px 45px; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 10px; + padding-right: 6px; } #backlight, @@ -181,77 +181,77 @@ tooltip { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - color: white; - padding-right: 6px; - padding-left: 6px; + color: white; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #custom-hint { - color: @peach; - padding-right: 6px; - padding-left: 6px; + color: @peach; + padding-right: 6px; + padding-left: 6px; } #pulseaudio.muted { - color: red; + color: red; } #temperature.critical { - background-color: @red; + background-color: @red; } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #pulseaudio-slider, #pulseaudio { - color: @foreground; + color: @foreground; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } #custom-hypridle, #custom-lock, #idle_inhibitor { - color: @teal; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: @teal; + border-bottom: 2px solid rgba(0, 0, 0, 0.2); } #custom-weather, @@ -266,29 +266,30 @@ tooltip { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - color: @lavender; - padding-right: 6px; - padding-left: 6px; + color: @lavender; + padding-right: 6px; + padding-left: 6px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-top: 2px solid rgba(0, 0, 0, 0.2); } #clock { - color: @sapphire; - border-radius: 15px; + color: @sapphire; + border-radius: 15px; } #custom-updates { - color: @yellow; + color: @yellow; } -#custom-swaync{ - color: #ffd700;} +#custom-swaync { + color: #ffd700; +} /* --- tray readability override (global) --- */ #tray > *, diff --git a/config/waybar/style/Extra-Rose-Pine.css b/config/waybar/style/Extra-Rose-Pine.css index 94b40f7b..cfbf0e94 100644 --- a/config/waybar/style/Extra-Rose-Pine.css +++ b/config/waybar/style/Extra-Rose-Pine.css @@ -1,7 +1,6 @@ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */ /* Rose Pine */ - @define-color bar-bg rgba(0, 0, 0, 0); @define-color main-bg #26233a; @define-color main-fg #ebbcba; @@ -11,103 +10,103 @@ @define-color wb-hvr-fg #f6c177; * { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; - border-radius: 12px; + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + border-radius: 12px; } window#waybar { - background: @bar-bg; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: @bar-bg; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: @main-bg; - color: @main-fg; - border-radius: 8px; - border-width: 0px; + background: @main-bg; + color: @main-fg; + border-radius: 8px; + border-width: 0px; } #taskbar button, #workspaces button { - box-shadow: none; - text-shadow: none; - padding: 0px; - border-bottom: 2px; - border-color: #2B5D34; - border-style: solid; - border-radius: 10px; - padding-left: 2px; - padding-right: 4px; - background: @main-bg; - color: @main-fg; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + box-shadow: none; + text-shadow: none; + padding: 0px; + border-bottom: 2px; + border-color: #2b5d34; + border-style: solid; + border-radius: 10px; + padding-left: 2px; + padding-right: 4px; + background: @main-bg; + color: @main-fg; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.active { - background: @wb-act-bg; - color: @wb-act-fg; - padding-left: 2px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: @wb-act-bg; + color: @wb-act-fg; + padding-left: 2px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button:hover { - background: @wb-hvr-bg; - color: @wb-hvr-fg; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: @wb-hvr-bg; + color: @wb-hvr-fg; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button { - box-shadow: none; - text-shadow: none; - padding: 0px; - border-bottom: 2px; - border-color: #2B5D34; - border-style: solid; - border-radius: 10px; - padding-left: 3px; - padding-right: 3px; - color: @wb-color; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + box-shadow: none; + text-shadow: none; + padding: 0px; + border-bottom: 2px; + border-color: #2b5d34; + border-style: solid; + border-radius: 10px; + padding-left: 3px; + padding-right: 3px; + color: @wb-color; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active { - background: @wb-act-bg; - color: @wb-act-color; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: @wb-act-bg; + color: @wb-act-color; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover { - background: @wb-hvr-bg; - color: @wb-hvr-color; - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background: @wb-hvr-bg; + color: @wb-hvr-color; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -162,35 +161,35 @@ tooltip { #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: @main-fg; - background: @main-bg; - opacity: 1; - border-bottom: 2px; - border-color: #2B5D34; - border-style: solid; - border-radius: 10px; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + color: @main-fg; + background: @main-bg; + opacity: 1; + border-bottom: 2px; + border-color: #2b5d34; + border-style: solid; + border-radius: 10px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: red; + background-color: red; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 2px; + color: #39ff14; + border-bottom: 2px; } @keyframes blink { @@ -203,7 +202,7 @@ tooltip { background-color: red; color: white; animation-name: blink; - animation-duration: 3.0s; + animation-duration: 3s; animation-timing-function: steps(12); animation-iteration-count: infinite; animation-direction: alternate; @@ -211,42 +210,43 @@ tooltip { } #backlight { - padding-right: 2px; + padding-right: 2px; } #network { - padding-right: 12px; + padding-right: 12px; } #custom-power { - padding-right: 1px; + padding-left: 0px; + padding-right: 1px; } #group-motherboard, #group-laptop, #group-audio { - color: @main-fg; - background-color: @main-bg; + color: @main-fg; + background-color: @main-bg; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Extra-Simple-Pink.css b/config/waybar/style/Extra-Simple-Pink.css index 9b69a8bd..072580fe 100644 --- a/config/waybar/style/Extra-Simple-Pink.css +++ b/config/waybar/style/Extra-Simple-Pink.css @@ -3,100 +3,99 @@ /* --- 👍 designed by https://github.com/Krautt 👍 --- */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: black; - border-radius: 50px; - color: whitesmoke; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: black; + border-radius: 50px; + color: whitesmoke; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: #1e1e2e; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: pink; + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: pink; } /*-----module groups----*/ .modules-left, .modules-right { - border: 5px solid #19141b; - border-radius: 50px 50px 50px 50px; - background-color: #ba5663; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + border: 5px solid #19141b; + border-radius: 50px 50px 50px 50px; + background-color: #ba5663; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { - background-color: black; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + background-color: black; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #taskbar button, #workspaces button { - color: pink; - box-shadow: none; - text-shadow: none; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: pink; + box-shadow: none; + text-shadow: none; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: whitesmoke; - background-color: pink; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - + color: whitesmoke; + background-color: pink; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: #c42a60; + color: #c42a60; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: #ba5663; - background-color: #0d0a0d; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #ba5663; + background-color: #0d0a0d; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -154,70 +153,69 @@ tooltip { #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: whitesmoke; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; - + color: whitesmoke; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: #22252a; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #22252a; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Light-Monochrome-Contrast.css b/config/waybar/style/Light-Monochrome-Contrast.css index afa18d0b..7992e63d 100644 --- a/config/waybar/style/Light-Monochrome-Contrast.css +++ b/config/waybar/style/Light-Monochrome-Contrast.css @@ -2,92 +2,92 @@ /* Light - MonoChrome Contrast */ * { -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar, window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - color: white; - background: #1e1e2e; - opacity: 0.8; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: white; + color: white; + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: white; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ -tooltip label{ - color: #cdd6f4; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; +tooltip label { + color: #cdd6f4; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } /*-----module groups----*/ .modules-left, .modules-center, .modules-right { - background-color: white; - color: black; - border-bottom: 2px; - border-style: solid; - border-color: black; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + background-color: white; + color: black; + border-bottom: 2px; + border-style: solid; + border-color: black; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } /*-----modules indv----*/ #taskbar button, #workspaces button { - color: black; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: black; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - color: grey; - background-color: rgba(0,153,153,0.2); - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: grey; + background-color: rgba(0, 153, 153, 0.2); + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - background-color: grey; - color: black; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: grey; + color: black; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - border-radius: 10px; + border-radius: 10px; } #backlight, @@ -144,72 +144,73 @@ tooltip label{ #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #custom-power { - padding: 1px 3px; + padding-right: 2px; + padding-left: 1px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { - color: #cc3436; + color: #cc3436; } #temperature.critical { - color: #cc3436; + color: #cc3436; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: grey; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: grey; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Light-Obsidian-Glow.css b/config/waybar/style/Light-Obsidian-Glow.css index ab428569..6b0b36f1 100644 --- a/config/waybar/style/Light-Obsidian-Glow.css +++ b/config/waybar/style/Light-Obsidian-Glow.css @@ -2,81 +2,81 @@ /* Light - Obsidian Glow */ * { -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: white; - border-radius: 12px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: white; + border-radius: 12px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.7; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.7; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background: white; - border-radius: 10px; + background: white; + border-radius: 10px; } /* Waybar scaling: adjust tooltip label font-size to scale the bar */ tooltip label { - color: #373737; - padding-right: 2px; - padding-left: 2px; - /* Waybar scaling: adjust tooltip label font-size to scale the bar */ - font-size: 14px; + color: #373737; + padding-right: 2px; + padding-left: 2px; + /* Waybar scaling: adjust tooltip label font-size to scale the bar */ + font-size: 14px; } #taskbar button, #workspaces button { - color: #585b70; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: #585b70; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.active { - background-color: dimgrey; - color: #000000; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: dimgrey; + color: #000000; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: #000000; + color: #000000; } #workspaces button.urgent { - color: #000000; - border-radius: 10px; + color: #000000; + border-radius: 10px; } #workspaces button:hover { - color: #000000; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #000000; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -133,86 +133,86 @@ tooltip label { #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: #000000; - border-radius: 8px; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + color: #000000; + border-radius: 8px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #taskbar button.active { - background-color: #585b70; - color: #cdd6f4; - padding-left: 12px; - padding-right: 12px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: #585b70; + color: #cdd6f4; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: grey; + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: grey; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: #ba5663; + min-height: 10px; + border-radius: 5px; + background-color: #ba5663; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Rainbow-RGB-Bordered.css b/config/waybar/style/Rainbow-RGB-Bordered.css index 932f75b8..53306120 100644 --- a/config/waybar/style/Rainbow-RGB-Bordered.css +++ b/config/waybar/style/Rainbow-RGB-Bordered.css @@ -3,87 +3,89 @@ /* Designed by https://github.com/0xl30 */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } @import "../waybar/style/catppuccin-themes/rgbmocha.css"; window#waybar { - transition-property: background-color; - transition-duration: 0.5s; - background: transparent; - border-radius: 2px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + transition-property: background-color; + transition-duration: 0.5s; + background: transparent; + border-radius: 2px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.hidden { - opacity: 0.2; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.2; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } #taskbar button, #workspaces button { - color: @overlay1; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @overlay1; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button:hover, #workspaces button:hover { - border-radius: 10px; - color: @peach; - background-color: @surface0; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + border-radius: 10px; + color: @peach; + background-color: @surface0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.persistent { - color: @surface1; - border-radius: 10px; + color: @surface1; + border-radius: 10px; } #taskbar button.active, #workspaces button.active { - color: @mauve; - border-radius: 10px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @mauve; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.urgent { - color: @red; - border-radius: 0px; + color: @red; + border-radius: 0px; } /* This section can be use if you want to separate waybar modules */ -.modules-left, .modules-center, .modules-right { +.modules-left, +.modules-center, +.modules-right { background: @theme_base_color; border: 2px solid transparent; padding-top: 2px; @@ -92,11 +94,20 @@ window#waybar.empty #window { padding-left: 4px; border-radius: 0px; - border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1; - animation: rainbow-gradient 20s ease-in-out infinite; /* Adjust timing as needed */ + border-image: linear-gradient( + 90deg, + red, + orange, + yellow, + green, + blue, + indigo, + violet + ) + 1; + animation: rainbow-gradient 20s ease-in-out infinite; /* Adjust timing as needed */ } - #backlight, #backlight-slider, #battery, @@ -152,23 +163,23 @@ window#waybar.empty #window { #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 { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #bluetooth, @@ -190,7 +201,7 @@ window#waybar.empty #window { background-color: @red; color: @theme_text_color; animation-name: blink; - animation-duration: 3.0s; + animation-duration: 3s; animation-timing-function: steps(12); animation-iteration-count: infinite; animation-direction: alternate; @@ -234,17 +245,24 @@ window#waybar.empty #window { } #custom-cava_mviz { - animation: rainbow-text 0.80s linear infinite; + animation: rainbow-text 0.8s linear infinite; } @keyframes rainbow-text { - 0% { color: rgb(0, 247, 198); } /* Low amplitude */ - 42% { color: rgb(60, 0, 179); } /* Mid amplitude */ - 71% { color: indigo; } /* Higher amplitude */ - 100% { color: rgb(234, 0, 255); } /* Maximum amplitude */ + 0% { + color: rgb(0, 247, 198); + } /* Low amplitude */ + 42% { + color: rgb(60, 0, 179); + } /* Mid amplitude */ + 71% { + color: indigo; + } /* Higher amplitude */ + 100% { + color: rgb(234, 0, 255); + } /* Maximum amplitude */ } - #custom-menu { color: @rosewater; } @@ -285,7 +303,7 @@ window#waybar.empty #window { } #mpris { - color:@lavender; + color: @lavender; } #network { @@ -299,25 +317,25 @@ window#waybar.empty #window { #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Retro-Simple-Style.css b/config/waybar/style/Retro-Simple-Style.css index 03ae4a33..49725bfd 100644 --- a/config/waybar/style/Retro-Simple-Style.css +++ b/config/waybar/style/Retro-Simple-Style.css @@ -9,14 +9,13 @@ @define-color green #b8bb26; * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { @@ -102,7 +101,7 @@ 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, @@ -131,7 +130,7 @@ window#waybar { background-color: @red; color: white; animation-name: blink; - animation-duration: 3.0s; + animation-duration: 3s; animation-timing-function: steps(12); animation-iteration-count: infinite; animation-direction: alternate; @@ -141,8 +140,8 @@ window#waybar { /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 3px solid yellow; + color: #39ff14; + border-bottom: 0px solid yellow; } #battery.critical, @@ -154,7 +153,7 @@ window#waybar { } #temperature.critical { - background-color: red; + background-color: red; } #battery.charging { @@ -164,27 +163,27 @@ window#waybar { #backlight-slider slider, #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; } #backlight-slider trough, #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: @dim; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: @green; + min-height: 10px; + border-radius: 5px; + background-color: @green; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Transparent-Crystal-Clear.css b/config/waybar/style/Transparent-Crystal-Clear.css index ae4f57c0..4e4fb3fa 100644 --- a/config/waybar/style/Transparent-Crystal-Clear.css +++ b/config/waybar/style/Transparent-Crystal-Clear.css @@ -2,79 +2,78 @@ /* .......Crystal Clear....................... */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */ -*{ - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } - + window#waybar { - background:transparent; - border-radius: 1px; - color: whitesmoke; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: transparent; + border-radius: 1px; + color: whitesmoke; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } - + window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } -window#waybar.empty -window#waybar.empty #window { - padding: 0px; - border: 0px; - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; +window#waybar.empty window#waybar.empty #window { + padding: 0px; + border: 0px; + background-color: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } -#taskbar button, +#taskbar button, #workspaces button { - color: #6E6A86; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: #6e6a86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #workspaces button.active { - color: whitesmoke; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: whitesmoke; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #workspaces button.focused { - color: #d8dee9; + color: #d8dee9; } - + #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } - + #workspaces button:hover { - color: whitesmoke; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: whitesmoke; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #backlight, #battery, #bluetooth, @@ -127,83 +126,82 @@ window#waybar.empty #window { #custom-weather.clearNight, #custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyNight, -#custom-weather.default -#custom-weather.rainyDay, +#custom-weather.default #custom-weather.rainyDay, #custom-weather.rainyNight, #custom-weather.severe, #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } - + #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } - + @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #taskbar button.active { - background-color: #7f849c; - padding-left: 12px; - padding-right: 12px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + background-color: #7f849c; + padding-left: 12px; + padding-right: 12px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; - background-color: black; + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: wheat; + min-height: 10px; + border-radius: 5px; + background-color: wheat; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/VERTICAL-Catpuccin-Mocha.css b/config/waybar/style/VERTICAL-Catpuccin-Mocha.css index f2fecff9..7c092fa2 100644 --- a/config/waybar/style/VERTICAL-Catpuccin-Mocha.css +++ b/config/waybar/style/VERTICAL-Catpuccin-Mocha.css @@ -3,13 +3,13 @@ /* As stated on title, best style for vertical layout waybar config */ * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } @import "../waybar/style/catppuccin-themes/mocha.css"; @@ -41,10 +41,10 @@ tooltip label { #workspaces button { color: @surface2; background-color: transparent; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 4px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 4px; } #taskbar button.active, @@ -126,7 +126,7 @@ tooltip label { #custom-weather.clearNight, #custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyNight, -#custom-weather.default, +#custom-weather.default, #custom-weather.rainyDay, #custom-weather.rainyNight, #custom-weather.severe, @@ -142,7 +142,7 @@ tooltip label { #idle_inhibitor { color: @pink; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #mpris { @@ -188,7 +188,6 @@ tooltip label { color: @flamingo; } - #custom-weather { color: @green; border-radius: 15px; diff --git a/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css b/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css index 6426a420..71215c29 100644 --- a/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css +++ b/config/waybar/style/Wallust-Bordered-Chroma-Fusion-Edge.css @@ -17,48 +17,48 @@ @define-color button-color @color11; @define-color button-hover @color9; -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; @import "../waybar/style/catppuccin-themes/latte.css"; * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: linear-gradient(0deg, @border-color, black); - /*background: rgba(1, 117, 84, 0.5);*/ - /*background: @transparent;*/ - border-bottom-right-radius: 20px; - border-bottom-left-radius: 20px; - border-top-left-radius: 20px; - border-top-right-radius: 20px; - border:2px solid black; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: linear-gradient(0deg, @border-color, black); + /*background: rgba(1, 117, 84, 0.5);*/ + /*background: @transparent;*/ + border-bottom-right-radius: 20px; + border-bottom-left-radius: 20px; + border-top-left-radius: 20px; + border-top-right-radius: 20px; + border: 2px solid black; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background-color: transparent; - border-radius: 10px; - border-width: 1px; - border-style: solid; - border-color: #11111b; - color: @border-color; + background-color: transparent; + border-radius: 10px; + border-width: 1px; + border-style: solid; + border-color: #11111b; + color: @border-color; } #backlight, @@ -114,70 +114,69 @@ tooltip { #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 { - background-color: @background-module; - border-radius: 25px; - padding: 0px 10px 0px 10px; - margin: 5px; - opacity: 1; - border:2px solid @border-color; - + background-color: @background-module; + border-radius: 25px; + padding: 0px 10px 0px 10px; + margin: 5px; + opacity: 1; + border: 2px solid @border-color; } #custom-power { - color: red; - padding: 0px 0px 0px 7px; - opacity:1.0; + color: red; + padding: 0px 0px 0px 0px; + opacity: 1; } #backlight { - padding: 0px 2px 0px 6px; + padding: 0px 2px 0px 6px; } #custom-light_dark, #custom-nightlight, -#custom-menu{ - color: @flamingo; - padding: 0px 8px 0px 4px; - opacity:1.0; +#custom-menu { + color: @flamingo; + padding: 0px 8px 0px 4px; + opacity: 1; } #custom-weather, #custom-weather2, #custom-updates { - color: @yellow; + color: @yellow; } #mpris { - padding-right: 2px; + padding-right: 2px; } #keyboard-state, #clock { - color: @sapphire; + color: @sapphire; } #temperature { - color: @rosewater; + color: @rosewater; } #network { - padding-left: 2px; - color: @rosewater; + padding-left: 2px; + color: @rosewater; } #custom-swaync, #custom-hint, #tray { - color: aliceblue; + color: aliceblue; } #taskbar, -#window { - color:#FFFFFF; +#window { + color: #ffffff; } #bluetooth, @@ -185,141 +184,140 @@ tooltip { #custom-cycle_wall, #custom-keyboard, #custom-light_dark { - color: @lavender; + color: @lavender; } #custom-lock, #custom-hypridle, #idle_inhibitor { - color: @teal; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: @teal; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } -#custom-cava_mviz{ - color: @color2; +#custom-cava_mviz { + color: @color2; } #workspaces { - border-radius: 25px; - border:2px solid @border-color; - opacity:0.8; - color:#FFFFFF; - margin: 6px; - + border-radius: 25px; + border: 2px solid @border-color; + opacity: 0.8; + color: #ffffff; + margin: 6px; } #taskbar button, #workspaces button { - border-radius: 15px; - border:0px; - color: @color15; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); - opacity:0.8; + border-radius: 15px; + border: 0px; + color: @color15; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); + opacity: 0.8; } #taskbar button.active, #workspaces button.active { - color: #FFFFFF; - background: @button-color; - border-radius: 25px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - opacity:1.0; + color: #ffffff; + background: @button-color; + border-radius: 25px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); + opacity: 1; } #workspaces button.empty { - color: #FFFFFF; - opacity:1.0; + color: #ffffff; + opacity: 1; } #taskbar button:hover, #workspaces button:hover { - color: #FFFFFF; - background: @button-hover; - border-radius: 15px; - opacity:1.0; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: #ffffff; + background: @button-hover; + border-radius: 15px; + opacity: 1; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #pulseaudio-slider, #pulseaudio { - color: @color13; + color: @color13; } #pulseaudio.muted { - color: red; + color: red; } #memory { - color: @sapphire; + color: @sapphire; } #cpu { - color: @mauve; + color: @mauve; } #battery { - color: @rosewater; + color: @rosewater; } #disk { - color: @sky; + color: @sky; } #temperature.critical { - background-color: red; + background-color: red; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Wallust-Bordered-Chroma-Simple.css b/config/waybar/style/Wallust-Bordered-Chroma-Simple.css index 3f51751a..05ad5f91 100644 --- a/config/waybar/style/Wallust-Bordered-Chroma-Simple.css +++ b/config/waybar/style/Wallust-Bordered-Chroma-Simple.css @@ -1,97 +1,96 @@ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */ /* Wallust Bordered - Chroma Simple */ -@import '../../.config/waybar/wallust/colors-waybar.css'; - +@import "../../.config/waybar/wallust/colors-waybar.css"; * { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - min-height: 0; + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + min-height: 0; } /* Make group buttons themselves use readable text */ #group-audio, #group-mobo_drawer { - background: @background; - color: @color15; - border: 2px solid @color13; + background: @background; + color: @color15; + border: 2px solid @color13; } window#waybar { - background-color: transparent; - color: @foreground; - padding-left: 15px; - padding-right: 15px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + color: @foreground; + padding-left: 15px; + padding-right: 15px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background-color: @background; - color: @foreground; - border-radius: 10px; - border-width: 1.5px; - border-style: solid; - border-color: @color13; - transition: 0.3s; - opacity: 0.9; + background-color: @background; + color: @foreground; + border-radius: 10px; + border-width: 1.5px; + border-style: solid; + border-color: @color13; + transition: 0.3s; + opacity: 0.9; } #taskbar button, #workspaces { - border-radius: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color12; + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color12; } #workspaces button { - color: @color10; - box-shadow: none; - text-shadow: none; - padding-right: 12px; - border-radius: 9px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @color10; + box-shadow: none; + text-shadow: none; + padding-right: 12px; + border-radius: 9px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: @color12; - padding-right: 12px; - background-color: @background; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color12; + padding-right: 12px; + background-color: @background; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: @color12; - padding-left: 0px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color12; + padding-left: 0px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -156,140 +155,138 @@ tooltip { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - border-radius: 20px; - background: @background; - opacity: 1; - padding: 0px 10px; - margin: 0; - margin-top: 5px; - border: 2px solid @color13; + border-radius: 20px; + background: @background; + opacity: 1; + padding: 0px 10px; + margin: 0; + margin-top: 5px; + border: 2px solid @color13; } - #cpu { - border: 2px solid @color5; - color: @foreground; - background: @color12; + border: 2px solid @color5; + color: @foreground; + background: @color12; } #memory { - color: @foreground; - background: @color12; + color: @foreground; + background: @color12; } #disk { - color: @foreground; - background: @color12; - border: 2px solid @color13; + color: @foreground; + background: @color12; + border: 2px solid @color13; } -#temperature{ - color: @foreground; - background: @color12; +#temperature { + color: @foreground; + background: @color12; } #temperature.critical { - color: red; - border: 2px solid red; + color: red; + border: 2px solid red; } #custom-power { - color: @color13; - padding-left: 10px; - padding-right: 2px; - border: 2px solid @color13; + color: @color13; + padding-left: 1px; + padding-right: 2px; + border: 2px solid @color13; } #backlight { - color: @color14; - padding-right: 5px; + color: @color14; + padding-right: 5px; } #tray { - border-radius: 20px; - margin-right: 5px; -/* padding: 0px 4px; */ - padding-left: 15px; - padding-right: 15px; - border: 2px solid @color7; + border-radius: 20px; + margin-right: 5px; + /* padding: 0px 4px; */ + padding-left: 15px; + padding-right: 15px; + border: 2px solid @color7; } #mpris { - padding-left: 16px; + padding-left: 16px; } #tray.empty { - background-color: transparent; - border-color: transparent; - border: 0px; + background-color: transparent; + border-color: transparent; + border: 0px; } #window { - margin-left: 5px; - margin-right: 5px; - border: 2px solid @color9; + margin-left: 5px; + margin-right: 5px; + border: 2px solid @color9; } #clock { - color: @color13; + color: @color13; } #clock:hover { - color: @color13; - background: @background; - border: 2px solid @color13; + color: @color13; + background: @background; + border: 2px solid @color13; } - #bluetooth { - color: @color12; - margin-right: 10px -} + color: @color12; + margin-right: 10px; +} #pulseaudio.microphone, #pulseaudio { - background-color: @color12; - color: @color15; - border: 2px solid @color13; + background-color: @color12; + color: @color15; + border: 2px solid @color13; } #pulseaudio.muted { - color: @color13; - padding-right: 20px; + color: @color13; + padding-right: 20px; } #battery { - color: @color10; - margin-right: 5px; - padding-right: 15px; - border: 2px solid @color14; + color: @color10; + margin-right: 5px; + padding-right: 15px; + border: 2px solid @color14; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #battery.good { - color: @color14; - border: 2px solid @color15; + color: @color14; + border: 2px solid @color15; } #battery.warning { - color: @color13; - border-left: 0px; - border: 2px solid @color12; + color: @color13; + border-left: 0px; + border: 2px solid @color12; } #battery.charging { - color: @color10; + color: @color10; } #battery.critical { - color: @color13; - border-left: 0px; - border: 2px solid @color8; + color: @color13; + border-left: 0px; + border: 2px solid @color8; } @keyframes blink { @@ -302,7 +299,7 @@ tooltip { background-color: red; color: white; animation-name: blink; - animation-duration: 3.0s; + animation-duration: 3s; animation-timing-function: steps(12); animation-iteration-count: infinite; animation-direction: alternate; @@ -310,33 +307,33 @@ tooltip { } #custom-weather { - color: @color12; - border-right: 0px; - margin-left: 0px; - margin-right: 5px; + color: @color12; + border-right: 0px; + margin-left: 0px; + margin-right: 5px; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* Ensure group drawer modules match base style (avoid bright per-module colors) */ @@ -347,9 +344,9 @@ tooltip { #group-mobo_drawer #power-profiles-daemon, #group-mobo_drawer #memory, #group-mobo_drawer #disk { - background-color: @background; - color: @color15; - border: 2px solid @color13; + background-color: @background; + color: @color15; + border: 2px solid @color13; } /* Global overrides for this style (match other widgets: dark bg + light text) */ @@ -360,9 +357,9 @@ tooltip { #disk, #temperature, #power-profiles-daemon { - background-color: @background; - color: @color15; - border: 2px solid @color13; + background-color: @background; + color: @color15; + border: 2px solid @color13; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Wallust-Box-type.css b/config/waybar/style/Wallust-Box-type.css index b5d0424f..76a76ca7 100644 --- a/config/waybar/style/Wallust-Box-type.css +++ b/config/waybar/style/Wallust-Box-type.css @@ -162,16 +162,17 @@ window#waybar.empty #window { } #custom-power { - padding-right: 2px; + padding-right: 0px; + padding-left: 0px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39ff14; - border-bottom-width: 5px; - border-bottom-color: @color12; - border-bottom-style: solid; + border-bottom-width: 5px; + border-bottom-color: @color12; + border-bottom-style: solid; } #network { diff --git a/config/waybar/style/Wallust-Chroma-Edge.css b/config/waybar/style/Wallust-Chroma-Edge.css index b1d6811b..c7acf7f0 100644 --- a/config/waybar/style/Wallust-Chroma-Edge.css +++ b/config/waybar/style/Wallust-Chroma-Edge.css @@ -198,7 +198,7 @@ tooltip label { #custom-power { color: #cc3436; - padding: 0px 0px 0px 6px; + padding: 0px 0px 0px 0px; } #custom-launcher { @@ -353,7 +353,7 @@ label:focus { #custom-hypridle.notactive, #idle_inhibitor.activated { color: #39ff14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #temperature { diff --git a/config/waybar/style/Wallust-Chroma-Fusion.css b/config/waybar/style/Wallust-Chroma-Fusion.css index 808c7e9b..07ef6094 100644 --- a/config/waybar/style/Wallust-Chroma-Fusion.css +++ b/config/waybar/style/Wallust-Chroma-Fusion.css @@ -17,47 +17,47 @@ @define-color button-color @color11; @define-color button-hover @color12; -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; @import "../waybar/style/catppuccin-themes/latte.css"; * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: linear-gradient(0deg, @border-color, black); - /*background: rgba(1, 117, 84, 0.5);*/ - /*background: @transparent;*/ - border-bottom-right-radius: 20px; - border-bottom-left-radius: 20px; - border-top-left-radius: 20px; - border-top-right-radius: 20px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: linear-gradient(0deg, @border-color, black); + /*background: rgba(1, 117, 84, 0.5);*/ + /*background: @transparent;*/ + border-bottom-right-radius: 20px; + border-bottom-left-radius: 20px; + border-top-left-radius: 20px; + border-top-right-radius: 20px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - background-color: @background-module; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: #11111b; - color: @color2; + background-color: @background-module; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: @color2; } #backlight, @@ -115,67 +115,67 @@ tooltip { #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 { - background-color: @background-module; - border-radius: 25px; - margin: 5px 5px 5px 5px; - opacity: 1; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + background-color: @background-module; + border-radius: 25px; + margin: 5px 5px 5px 5px; + opacity: 1; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #backlight { - padding: 0px 2px 0px 6px; + padding: 0px 2px 0px 6px; } #custom-power { - color: red; - padding: 0px 0px 0px 6px; - opacity:1.0; + color: red; + padding: 0px 0px 0px 0px; + opacity: 1; } #custom-light_dark, #custom-nightlight, -#custom-menu{ - color: @flamingo; - padding: 0px 8px 0px 4px; - opacity:1.0; +#custom-menu { + color: @flamingo; + padding: 0px 8px 0px 4px; + opacity: 1; } #mpris { - color: @sapphire; - padding-right: 0px; + color: @sapphire; + padding-right: 0px; } #custom-swaync, #custom-weather, #custom-weather2, #custom-updater { - color: @yellow; + color: @yellow; } #keyboard-state, #clock { - color: @sapphire; + color: @sapphire; } #network, #temperature { - color: @rosewater; + color: @rosewater; } #custom-hint, #tray { - color: aliceblue; + color: aliceblue; } #taskbar, -#window { - color:#FFFFFF; +#window { + color: #ffffff; } #bluetooth, @@ -183,150 +183,149 @@ tooltip { #custom-cycle_wall, #custom-keyboard, #custom-light_dark { - color: @lavender; + color: @lavender; } #custom-cava_mviz { - color: @color15; - background-color: rgba(15, 96, 95, 0.65); - border: 1px solid @color10; + color: @color15; + background-color: rgba(15, 96, 95, 0.65); + border: 1px solid @color10; } #custom-lock, #custom-hypridle, #idle_inhibitor { - color: @teal; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: @teal; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #workspaces { - margin: 3px 3px 3px 3px; - padding: 0px 1px; - border-radius: 25px; - font-weight: bold; - font-style: normal; - opacity:0.8; - color:#FFFFFF; - + margin: 3px 3px 3px 3px; + padding: 0px 1px; + border-radius: 25px; + font-weight: bold; + font-style: normal; + opacity: 0.8; + color: #ffffff; } #taskbar button, #workspaces button { - margin: 1px 1px; - border-radius: 15px; - border: 1px solid transparent; - background: transparent; - color: @color15; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); - opacity:0.8; + margin: 1px 1px; + border-radius: 15px; + border: 1px solid transparent; + background: transparent; + color: @color15; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); + opacity: 0.8; } #taskbar button.active, #workspaces button.active { - color: @color0; - background: @color12; - border: 1px solid @color15; - border-radius: 15px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - opacity:1.0; + color: @color0; + background: @color12; + border: 1px solid @color15; + border-radius: 15px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); + opacity: 1; } #workspaces button.empty { - color: #FFFFFF; - opacity:1.0; + color: #ffffff; + opacity: 1; } #taskbar button:hover, #workspaces button:hover { - color: @color0; - background: @color11; - border: 1px solid @color15; - border-radius: 15px; - opacity:1.0; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color0; + background: @color11; + border: 1px solid @color15; + border-radius: 15px; + opacity: 1; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #pulseaudio-slider, #pulseaudio { - color: @color13; + color: @color13; } #pulseaudio.muted { - color: red; + color: red; } #memory { - color: @sapphire; + color: @sapphire; } #cpu { - color: @mauve; + color: @mauve; } #battery { - color: @rosewater; + color: @rosewater; } #disk { - color: @sky; + color: @sky; } #temperature.critical { - background-color: red; + background-color: red; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Wallust-Chroma-Tally-V2.css b/config/waybar/style/Wallust-Chroma-Tally-V2.css index 4fd9e6b3..be00b262 100644 --- a/config/waybar/style/Wallust-Chroma-Tally-V2.css +++ b/config/waybar/style/Wallust-Chroma-Tally-V2.css @@ -1,74 +1,79 @@ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */ /* Wallust - Chroma Tally v2 */ -/* edited by: https://github.com/prateekshukla1108 */ +/* edited by: https://github.com/prateekshukla1108 */ -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; * { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - min-height: 0; - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: @color0; /* Dark background */ - border-radius: 12px; - border-bottom: 2px; - border-style: solid; - border-color: @color7; /* Light border */ - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: @color0; /* Dark background */ + border-radius: 12px; + border-bottom: 2px; + border-style: solid; + border-color: @color7; /* Light border */ + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } #workspaces { - background: transparent; - padding: 2px; - border-radius: 15px; - border: 0px; - font-style: normal; - color: @color7; /* Light text */ + background: transparent; + padding: 2px; + border-radius: 15px; + border: 0px; + font-style: normal; + color: @color7; /* Light text */ } #taskbar button, #workspaces button { - padding: 0px 5px; - border-radius: 15px; - border: 0px; - color: @color7; /* Light text */ - background: linear-gradient(45deg, @color5, @color6, @color7); /* Lighter gradient */ - opacity: 0.5; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: @color7; /* Light text */ + background: linear-gradient( + 45deg, + @color5, + @color6, + @color7 + ); /* Lighter gradient */ + opacity: 0.5; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - padding: 0px 5px; - border-radius: 15px; - border: 0px; - color: @color7; /* Light text */ - background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */ - opacity: 1.0; - min-width: 40px; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: @color7; /* Light text */ + background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */ + opacity: 1; + min-width: 40px; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button:hover { - border-radius: 15px; - color: @color7; /* Light text */ - background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */ - opacity: 0.8; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + border-radius: 15px; + color: @color7; /* Light text */ + background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */ + opacity: 0.8; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } tooltip { - background: @background-alt; /* Theme-neutral tooltip background */ - opacity: 0.8; - border-radius: 6px; - color: @color7; /* Light text */ + background: @background-alt; /* Theme-neutral tooltip background */ + opacity: 0.8; + border-radius: 6px; + color: @color7; /* Light text */ } #backlight, @@ -125,108 +130,108 @@ tooltip { #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 { - padding-top: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; - color: @color6; /* Lighter - changed from color5 */ + padding-top: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; + color: @color6; /* Lighter - changed from color5 */ } #clock { - color: @color6; /* Lighter */ + color: @color6; /* Lighter */ } #backlight { - color: @color5; /* Lighter */ + color: @color5; /* Lighter */ } #battery { - color: @color6; /* Lighter */ + color: @color6; /* Lighter */ } #battery.charging { - color: @color7; /* Lightest */ + color: @color7; /* Lightest */ } @keyframes blink { - to { - color: @color4; /* Slightly lighter blink color */ - background-color: @color7; /* Lightest */ - } + to { + color: @color4; /* Slightly lighter blink color */ + background-color: @color7; /* Lightest */ + } } #battery.critical:not(.charging) { - background: @color5; /* Lighter background */ - color: @color7; /* Lightest */ - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + background: @color5; /* Lighter background */ + color: @color7; /* Lightest */ + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #cpu { - color: @color6; /* Lighter */ + color: @color6; /* Lighter */ } #disk { - color: @color5; /* Lighter */ + color: @color5; /* Lighter */ } #custom-keyboard, #memory { - color: @color6; /* Lighter */ + color: @color6; /* Lighter */ } #network.disabled { - color: @color5; /* Lighter */ + color: @color5; /* Lighter */ } -#network{ - color: @color6; /* Lighter */ +#network { + color: @color6; /* Lighter */ } #network.disconnected { - color: @color5; /* Lighter */ + color: @color5; /* Lighter */ } #pulseaudio { - color: @color7; /* Lightest */ + color: @color7; /* Lightest */ } #pulseaudio.muted { - color: @color5; /* Lighter */ + color: @color5; /* Lighter */ } #custom-light_dark, #custom-nightlight, #temperature { - color: @color6; /* Lighter */ + color: @color6; /* Lighter */ } #temperature.critical { - color: @color5; /* Lighter */ + color: @color5; /* Lighter */ } #keyboard-state, #custom-hypridle, #idle_inhibitor { - color: @color5; /* Lighter */ - border-bottom: 2px; + color: @color5; /* Lighter */ + border-bottom: 0px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: @color4; /* Slightly lighter */ - border-bottom: 2px; + color: @color4; /* Slightly lighter */ + border-bottom: 0px; } #tray { @@ -234,54 +239,54 @@ tooltip { #custom-swaync, #custom-menu { - color: @color7; /* Lightest */ - padding-left: 8px; + color: @color7; /* Lightest */ + padding-left: 8px; } -#custom-power{ - color: @color6; /* Lighter */ +#custom-power { + color: @color6; /* Lighter */ } -#window{ - border-style: hidden; +#window { + border-style: hidden; +} + +#custom-lock, +#bluetooth { + color: @color5; /* Lighter */ } -#custom-lock, -#bluetooth{ - color: @color5; /* Lighter */ +#custom-cava_mviz { + color: @color7; /* Lightest */ } -#custom-cava_mviz{ - color: @color7; /* Lightest */ -} - -#custom-weather{ - color: @color5; /* Lighter */ +#custom-weather { + color: @color5; /* Lighter */ } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; - background-color: @color2; /* Slightly darker trough */ + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: @color2; /* Slightly darker trough */ } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: @color6; /* Lighter highlight */ + min-height: 10px; + border-radius: 5px; + background-color: @color6; /* Lighter highlight */ } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Wallust-Chroma-Tally.css b/config/waybar/style/Wallust-Chroma-Tally.css index faa6c206..372f6b6c 100644 --- a/config/waybar/style/Wallust-Chroma-Tally.css +++ b/config/waybar/style/Wallust-Chroma-Tally.css @@ -1,73 +1,72 @@ /* ---- 💫 https://github.com/LinuxBeginnings 💫 ---- */ /* Wallust - Chroma Tally */ -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; * { -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - background: rgba (0, 0, 0, 0.5); - border-radius: 12px; - border-bottom: 2px; - border-style: solid; - border-color: @color12; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: rgba (0, 0, 0, 0.5); + border-radius: 12px; + border-bottom: 2px; + border-style: solid; + border-color: @color12; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } #workspaces { - background: transparent; - padding: 2px; - border-radius: 15px; - border: 0px; - font-style: normal; - color: #0F1419; + background: transparent; + padding: 2px; + border-radius: 15px; + border: 0px; + font-style: normal; + color: #0f1419; } #taskbar button, #workspaces button { - padding: 0px 5px; - border-radius: 15px; - border: 0px; - color: #0F1419; - background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); - opacity: 0.5; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: #0f1419; + background: linear-gradient(45deg, #95e6cb, #59c2ff, #d2a6ff); + opacity: 0.5; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - padding: 0px 5px; - border-radius: 15px; - border: 0px; - color: #0F1419; - background: linear-gradient(45deg, #59C2FF, #D2A6FF); - opacity: 1.0; - min-width: 40px; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + padding: 0px 5px; + border-radius: 15px; + border: 0px; + color: #0f1419; + background: linear-gradient(45deg, #59c2ff, #d2a6ff); + opacity: 1; + min-width: 40px; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button:hover { - border-radius: 15px; - color: #0F1419; - background: linear-gradient(45deg, #59C2FF, #D2A6FF); - opacity: 0.8; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); - + border-radius: 15px; + color: #0f1419; + background: linear-gradient(45deg, #59c2ff, #d2a6ff); + opacity: 0.8; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } tooltip { - background: #1e1e2e; - opacity: 0.8; - border-radius: 6px; + background: #1e1e2e; + opacity: 0.8; + border-radius: 6px; } #backlight, @@ -124,112 +123,111 @@ tooltip { #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 { - padding-top: 5px; - padding-bottom: 5px; - padding-right: 6px; - padding-left: 6px; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 6px; + padding-left: 6px; } - + /* ----------------------------------------------------------------------------- * Module styles * -------------------------------------------------------------------------- */ - #clock { - color:#a3be8c; + color: #a3be8c; } #backlight { - color: #ebcb8b; + color: #ebcb8b; } #battery { - color: #d8dee9; + color: #d8dee9; } #battery.charging { - color: #81a1c1; + color: #81a1c1; } @keyframes blink { - to { - color: #4c566a; - background-color: #eceff4; - } + to { + color: #4c566a; + background-color: #eceff4; + } } #battery.critical:not(.charging) { - background: #bf616a; - color: #eceff4; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + background: #bf616a; + color: #eceff4; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #cpu { - color: #a3be8c; + color: #a3be8c; } #disk { - color: #94e2d5; + color: #94e2d5; } #custom-keyboard, #memory { - color: #d3869b; + color: #d3869b; } #network.disabled { - color:#bf616a; + color: #bf616a; } -#network{ - color:#a3be8c; +#network { + color: #a3be8c; } #network.disconnected { - color: #bf616a; + color: #bf616a; } #pulseaudio { - color: #04a5e5; + color: #04a5e5; } #pulseaudio.muted { - color: #9ca0b0; + color: #9ca0b0; } #custom-light_dark, #custom-nightlight, #temperature { - color: #7287fd; + color: #7287fd; } #temperature.critical { - color: #bf616a; + color: #bf616a; } #keyboard-state, #custom-hypridle, #idle_inhibitor { - color: #ebcb8b; - border-bottom: 2px; + color: #ebcb8b; + border-bottom: 0px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 2px; + color: #39ff14; + border-bottom: 0px; } #tray { @@ -237,51 +235,51 @@ tooltip { #custom-swaync, #custom-menu { - color: yellow; - padding-left: 8px; + color: yellow; + padding-left: 8px; } -#custom-power{ - color: #eba0ac; +#custom-power { + color: #eba0ac; } -#window{ - border-style: hidden; +#window { + border-style: hidden; +} + +#custom-lock, +#bluetooth { + color: #d08770; } -#custom-lock, -#bluetooth{ - color:#d08770; +#custom-cava_mviz { + color: @color11; } -#custom-cava_mviz{ - color: @color11; -} - -#custom-weather{ - color:#d08770; +#custom-weather { + color: #d08770; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Wallust-Colored.css b/config/waybar/style/Wallust-Colored.css index f4bc3eef..137a48ad 100644 --- a/config/waybar/style/Wallust-Colored.css +++ b/config/waybar/style/Wallust-Colored.css @@ -1,116 +1,115 @@ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */ /* Wallust Colored*/ -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; * { - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 96%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 96%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar, window#waybar.empty #window { - padding: 0px; - border: 0px; - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + padding: 0px; + border: 0px; + background-color: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } - tooltip { - background: @background; - border-radius: 10px; - border-width: 1px; - border-style: solid; - border-color: @color15; + background: @background; + border-radius: 10px; + border-width: 1px; + border-style: solid; + border-color: @color15; } /*-----module groups----*/ .modules-right { - border: 3px solid @color12; - border-radius: 40px 0px 0px 0px; - background-color: @background-alt; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + border: 3px solid @color12; + border-radius: 0px 0px 0px 0px; + background-color: @background-alt; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { - border: 3px solid @color7; - border-radius: 60px 0px 60px 0px; - background-color: @background; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + border: 3px solid @color7; + border-radius: 0px 0px 60px 0px; + background-color: @background; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-left { - border: 3px solid @color12; - border-radius: 0px 0px 40px 0px; - background-color: @background-alt; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + border: 3px solid @color12; + border-radius: 0px 0px 0px 0px; + background-color: @background-alt; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #taskbar button, #workspaces button { - color: @foreground; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @foreground; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: @background; - background-color: @color7; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @background; + background-color: @color7; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: @color4; + color: @color4; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: @color4; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color4; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #clock#2 { - color: @color6; + color: @color6; } #backlight, @@ -174,64 +173,64 @@ tooltip { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - color: @foreground; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + color: @foreground; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } #custom-cava_mviz { - padding-right: 10px; + padding-right: 10px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Wallust-Simple.css b/config/waybar/style/Wallust-Simple.css index 052f7b79..4708349f 100644 --- a/config/waybar/style/Wallust-Simple.css +++ b/config/waybar/style/Wallust-Simple.css @@ -1,92 +1,94 @@ /* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */ /* Wallust - Simple */ -*{ -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 */ -/* NOTE: Waybar v14+ ignores % font-size values */ -font-size: 99%; -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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; -#waybar.empty, #waybar.tiled, #waybar.floating { - background-color: transparent; +#waybar.empty, +#waybar.tiled, +#waybar.floating { + background-color: transparent; } window#waybar, window#waybar.empty, window#waybar.empty #window { - background-color: transparent; - padding: 0px; - border: 0px; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + padding: 0px; + border: 0px; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } tooltip { - color: @color13; - background: @color10; - opacity: 1.0; - border-radius: 10px; + color: @color13; + background: @color10; + opacity: 1; + border-radius: 10px; } /*-----module groups----*/ .modules-left, .modules-center, .modules-right { - background-color: @color0; - border: 0.5px solid @color15; - border-radius: 10px; - padding-top: 2px; - padding-bottom: 2px; - padding-right: 4px; - padding-left: 4px; + background-color: @color0; + border: 0.5px solid @color15; + border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } /*-----modules indv----*/ #taskbar button, #workspaces button { - color: @color2; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @color2; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #taskbar button.active, #workspaces button.active { - color: @foreground; - background-color: @color2; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @foreground; + background-color: @color2; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.focused { - color: @color4; + color: @color4; } #workspaces button.urgent { - color: #11111b; - border-radius: 10px; + color: #11111b; + border-radius: 10px; } #taskbar button:hover, #workspaces button:hover { - color: @color4; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @color4; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #backlight, @@ -151,75 +153,75 @@ tooltip { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - color: @color12; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px;; + color: @color12; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } #mode { - color: #cc3436; - font-weight: bold; + color: #cc3436; + font-weight: bold; } #custom-power { - /*background-color: rgba(0,119,179,0.6);*/ - /*border-radius: 50px;*/ - padding: 1px 3px; + /*background-color: rgba(0,119,179,0.6);*/ + /*border-radius: 50px;*/ + padding: 0px 3px; } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } #pulseaudio.muted { - color: #cc3436; + color: #cc3436; } #pulseaudio-microphone.muted { - color: #cc3436; + color: #cc3436; } #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } #battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: #f53c3c; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } /* --- tray readability override (global) --- */ diff --git a/config/waybar/style/Wallust-Transparent-Crystal-Clear.css b/config/waybar/style/Wallust-Transparent-Crystal-Clear.css index a6541a59..48651c18 100644 --- a/config/waybar/style/Wallust-Transparent-Crystal-Clear.css +++ b/config/waybar/style/Wallust-Transparent-Crystal-Clear.css @@ -2,115 +2,112 @@ /* ....Wallust Transparent - Crystal Clear........ */ /* --- 👍 original designed by https://github.com/Krautt 👍 --- */ -@import '../../.config/waybar/wallust/colors-waybar.css'; +@import "../../.config/waybar/wallust/colors-waybar.css"; @define-color critical #ff0000; /* critical color */ -@define-color warning #f3f809; /* warning color */ -@define-color text @color12; /* text color */ -@define-color text-alt @color13; /* text alternative color */ -@define-color bg @color7; /* background color */ +@define-color warning #f3f809; /* warning color */ +@define-color text @color12; /* text color */ +@define-color text-alt @color13; /* text alternative color */ +@define-color bg @color7; /* background color */ -*{ - 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 */ - /* NOTE: Waybar v14+ ignores % font-size values */ - font-size: 99%; - 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 */ + /* NOTE: Waybar v14+ ignores % font-size values */ + font-size: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } - + window#waybar { - background:transparent; - border-radius: 1px; - color: @text; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background: transparent; + border-radius: 1px; + color: @text; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } - + window#waybar.hidden { - opacity: 0.5; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + opacity: 0.5; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } window#waybar.empty { - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; + background-color: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; } - + window#waybar.empty #window { - padding: 0px; - border: 0px; - background-color: transparent; - /* Waybar scaling: adjust font-size to scale the bar */ - font-size: 14px; -} + padding: 0px; + border: 0px; + background-color: transparent; + /* Waybar scaling: adjust font-size to scale the bar */ + font-size: 14px; +} /*-----module groups----*/ .modules-right { - } .modules-center { - } .modules-left { - } tooltip { - color: @color12; - background: @color10; - opacity: 0.8; - border-radius: 10px; - border-width: 1px; - border-style: solid; + color: @color12; + background: @color10; + opacity: 0.8; + border-radius: 10px; + border-width: 1px; + border-style: solid; } #taskbar button, #workspaces button { - color: @text-alt; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + color: @text-alt; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #taskbar button.active, #workspaces button.active { - color: @text; - border-radius: 15px 15px 15px 15px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @text; + border-radius: 15px 15px 15px 15px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #workspaces button.focused { - color: @text-alt; + color: @text-alt; } - + #workspaces button.urgent { - color: @warning; - border-radius: 10px; + color: @warning; + border-radius: 10px; } -#taskbar button:hover, +#taskbar button:hover, #workspaces button:hover { - color: @text; - border-radius: 15px; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + color: @text; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } - + #backlight, #battery, #bluetooth, @@ -162,68 +159,67 @@ tooltip { #custom-weather.clearNight, #custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyNight, -#custom-weather.default -#custom-weather.rainyDay, +#custom-weather.default #custom-weather.rainyDay, #custom-weather.rainyNight, #custom-weather.severe, #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; } - + #temperature.critical { - background-color: #ff0000; + background-color: #ff0000; } - + @keyframes blink { - to { - color: #000000; - } + to { + color: #000000; + } } /*-----Indicators----*/ #custom-hypridle.notactive, #idle_inhibitor.activated { - color: #39FF14; - border-bottom: 8px solid rgba(0, 0, 0, 0.2); + color: #39ff14; + border-bottom: 0px solid rgba(0, 0, 0, 0.2); } - + #battery.critical:not(.charging) { - color: @critical; - animation-name: blink; - animation-duration: 3.0s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + color: @critical; + animation-name: blink; + animation-duration: 3s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } #backlight-slider slider, #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; } #backlight-slider trough, #pulseaudio-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; - background-color: black; + min-width: 80px; + min-height: 10px; + border-radius: 5px; + background-color: black; } #backlight-slider highlight, #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; - background-color: wheat; + min-height: 10px; + border-radius: 5px; + background-color: wheat; } /* --- tray readability override (global) --- */ |
