aboutsummaryrefslogtreecommitdiff
path: root/.config/waybar/style.css
diff options
context:
space:
mode:
Diffstat (limited to '.config/waybar/style.css')
-rw-r--r--.config/waybar/style.css434
1 files changed, 0 insertions, 434 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
deleted file mode 100644
index 348bb04..0000000
--- a/.config/waybar/style.css
+++ /dev/null
@@ -1,434 +0,0 @@
-/*
-@import "catppuccin/mocha.css";
-*/
-
-/*
-* Catppuccin Mocha palette
-*/
-
-@define-color base #1e1e2e;
-@define-color mantle #181825;
-@define-color crust #11111b;
-
-@define-color text #cdd6f4;
-@define-color subtext0 #a6adc8;
-@define-color subtext1 #bac2de;
-
-@define-color surface0 rgba(22, 25, 37, 0.9);
-@define-color surface1 #45475a;
-@define-color surface2 #585b70;
-@define-color surface3 #394161;
-
-@define-color overlay0 #6c7086;
-@define-color overlay1 #7f849c;
-@define-color overlay2 #9ba3c3;
-
-@define-color blue #89b4fa;
-@define-color lavender #b4befe;
-@define-color sapphire #74c7ec;
-@define-color sky #89dceb;
-@define-color teal #94e2d5;
-@define-color green #a6e3a1;
-@define-color yellow #f9e2af;
-@define-color peach #fab387;
-@define-color maroon #eba0ac;
-@define-color red #f38ba8;
-@define-color mauve #cba6f7;
-@define-color pink #f5c2e7;
-@define-color flamingo #f2cdcd;
-@define-color rosewater #f5e0dc;
-
-/* =============================== */
-/* Universal Styling */
-* {
- border: none;
- border-radius: 0;
- font-family: 'CaskaydiaCove Nerd Font', monospace;
- font-size: 13px;
- min-height: 0;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* Bar Styling */
-#waybar {
- background: transparent;
- color: @text;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* Main Modules */
-#custom-launcher,
-#workspaces,
-#window,
-#tray,
-#backlight,
-#clock,
-#battery,
-#pulseaudio,
-#network,
-#mpd,
-#cpu,
-#memory,
-#disk,
-#temperature,
-#custom-music,
-#custom-updates,
-#custom-nordvpn,
-#custom-notifications,
-#custom-power,
-#custom-custom,
-#custom-cycle_wall,
-#custom-clipboard,
-#custom-ss,
-#custom-weather {
- background-color: @surface0;
- color: @text;
- border-radius: 16px;
- padding: 0.5rem 1rem;
- box-shadow: rgba(0, 0, 0, 0.116) 2px 2px 5px 2px;
- margin-top: 10px;
- /*
- margin-bottom: 10px;
-*/
- margin-right: 10px;
-}
-
-/* =============================== */
-/* Launcher Module */
-#custom-launcher {
- color: @green;
- padding-top: 0px;
- padding-bottom: 0px;
- padding-right: 10px;
-}
-
-/* =============================== */
-/* Workspaces */
-#workspaces {
- padding-left: 8px;
- padding-right: 8px;
-}
-
-#workspaces * {
- font-size: 0px;
-}
-
-#workspaces button {
- background-color: @surface3;
- color: @mauve;
- border-radius: 100%;
- min-height: 14px;
- min-width: 14px;
- margin: 5px 8px;
- padding: 0px;
- /*transition: all 0.5s cubic-bezier(0.33, 1.0, 0.68, 1.0); easeInOutCubic */
- transition: all 0.5s cubic-bezier(.55, -0.68, .48, 1.68);
- box-shadow: rgba(0, 0, 0, 0.288) 2px 2px 5px 2px;
-}
-
-#workspaces button.active {
- /*color: @surface0;
- border-radius: 1rem;
- padding: 0rem 10px;*/
- background: radial-gradient(circle, rgba(203, 166, 247, 1) 0%, rgba(193, 168, 247, 1) 12%, rgba(249, 226, 175, 1) 19%, rgba(189, 169, 247, 1) 20%, rgba(182, 171, 247, 1) 24%, rgba(198, 255, 194, 1) 36%, rgba(177, 172, 247, 1) 37%, rgba(170, 173, 248, 1) 48%, rgba(255, 255, 255, 1) 52%, rgba(166, 174, 248, 1) 52%, rgba(160, 175, 248, 1) 59%, rgba(148, 226, 213, 1) 66%, rgba(155, 176, 248, 1) 67%, rgba(152, 177, 248, 1) 68%, rgba(205, 214, 244, 1) 77%, rgba(148, 178, 249, 1) 78%, rgba(144, 179, 250, 1) 82%, rgba(180, 190, 254, 1) 83%, rgba(141, 179, 250, 1) 90%, rgba(137, 180, 250, 1) 100%);
- background-size: 400% 400%;
- animation: gradient_f 20s ease-in-out infinite;
- transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682);
-}
-
-#workspaces button:hover {
- background-color: @mauve;
-}
-
-@keyframes gradient {
- 0% {
- background-position: 0% 50%;
- }
-
- 50% {
- background-position: 100% 30%;
- }
-
- 100% {
- background-position: 0% 50%;
- }
-}
-
-@keyframes gradient_f {
- 0% {
- background-position: 0% 200%;
- }
-
- 50% {
- background-position: 200% 0%;
- }
-
- 100% {
- background-position: 400% 200%;
- }
-}
-
-@keyframes gradient_f_nh {
- 0% {
- background-position: 0% 200%;
- }
-
- 100% {
- background-position: 200% 200%;
- }
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* System Monitoring Modules */
-#cpu,
-#memory,
-#temperature {
- color: @blue;
-}
-
-#cpu {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- margin-right: 0px;
- padding-right: 5px;
-}
-
-#memory {
- border-radius: 0px;
- margin-right: 0px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-#temperature {
- border-radius: 0px;
- margin-right: 0px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-#disk {
- color: @peach;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- padding-left: 5px;
- padding-right: 1rem;
-}
-
-/* Updates Module */
-#custom-updates {
- color: @sky;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* Clock Module */
-#clock {
- color: @flamingo;
-}
-
-/* =============================== */
-
-
-#custom-music.low {
- background: rgb(148, 226, 213);
- background: linear-gradient(52deg, rgba(148, 226, 213, 1) 0%, rgba(137, 220, 235, 1) 19%, rgba(116, 199, 236, 1) 43%, rgba(137, 180, 250, 1) 56%, rgba(180, 190, 254, 1) 80%, rgba(186, 187, 241, 1) 100%);
- background-size: 300% 300%;
- text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
- animation: gradient 15s ease infinite;
- font-weight: bold;
- color: #fff;
-}
-
-#custom-music.random {
- background: rgb(148, 226, 213);
- background: radial-gradient(circle, rgba(148, 226, 213, 1) 0%, rgba(156, 227, 191, 1) 21%, rgba(249, 226, 175, 1) 34%, rgba(158, 227, 186, 1) 35%, rgba(163, 227, 169, 1) 59%, rgba(148, 226, 213, 1) 74%, rgba(164, 227, 167, 1) 74%, rgba(166, 227, 161, 1) 100%);
- background-size: 400% 400%;
- animation: gradient_f 4s ease infinite;
- text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
- font-weight: bold;
- color: #fff;
-}
-
-#custom-music.critical {
- background: rgb(235, 160, 172);
- background: linear-gradient(52deg, rgba(235, 160, 172, 1) 0%, rgba(243, 139, 168, 1) 30%, rgba(231, 130, 132, 1) 48%, rgba(250, 179, 135, 1) 77%, rgba(249, 226, 175, 1) 100%);
- background-size: 300% 300%;
- animation: gradient 15s cubic-bezier(.55, -0.68, .48, 1.68) infinite;
- text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
- font-weight: bold;
- color: #fff;
-}
-
-#custom-music.Playing {
- background: rgb(137, 180, 250);
- background: radial-gradient(circle, rgba(137, 180, 250, 120) 0%, rgba(142, 179, 250, 120) 6%, rgba(148, 226, 213, 1) 14%, rgba(147, 178, 250, 1) 14%, rgba(155, 176, 249, 1) 18%, rgba(245, 194, 231, 1) 28%, rgba(158, 175, 249, 1) 28%, rgba(181, 170, 248, 1) 58%, rgba(205, 214, 244, 1) 69%, rgba(186, 169, 248, 1) 69%, rgba(195, 167, 247, 1) 72%, rgba(137, 220, 235, 1) 73%, rgba(198, 167, 247, 1) 78%, rgba(203, 166, 247, 1) 100%);
- background-size: 400% 400%;
- animation: gradient_f 9s cubic-bezier(.72, .39, .21, 1) infinite;
- text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
- font-weight: bold;
- color: #fff;
-}
-
-#custom-music.Paused,
-#custom-music.Stopped {
- background: @surface0;
-}
-
-
-/* =============================== */
-/* Music/PlayerCTL Module */
-#custom-music {
- color: @mauve;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* Network Module */
-#network {
- color: @blue;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- margin-right: 0px;
- padding-right: 5px;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* PulseAudio Module */
-#pulseaudio {
- color: @mauve;
- border-radius: 0;
- margin-right: 0px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* Backlight Module */
-#backlight {
- color: @teal;
- border-radius: 0;
- margin-right: 0px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* Battery Module */
-#battery {
- color: @green;
- border-radius: 0;
- margin-right: 0px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-#battery.charging {
- color: @green;
-}
-
-#battery.warning:not(.charging) {
- color: @maroon;
-}
-
-#battery.critical:not(.charging) {
- color: @red;
- animation-name: blink;
- animation-duration: 1s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- animation-direction: alternate;
-}
-
-@keyframes blink {
- to {
- background: @red;
- color: @surface1;
- }
-}
-
-/* =============================== */
-
-/* Notifications Module */
-#custom-notifications {
- color: @mauve;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- padding-left: 5px;
- padding-right: 1.25rem;
-}
-
-
-/* =============================== */
-/* Tray Module */
-#tray {
- color: @mauve;
- padding-right: 1.25rem;
-}
-
-/* =============================== */
-
-
-/* =============================== */
-/* | Custom Modules | */
-/* =============================== */
-#custom-custom {
- color: @peach;
- padding-right: 1.25rem;
- margin-right: 0px;
-}
-
-/* Screenshot */
-#custom-ss {
- color: @mauve;
- padding-right: 1.5rem;
-}
-
-/* Wallpaper */
-#custom-cycle_wall {
- background: linear-gradient(45deg, rgba(245, 194, 231, 1) 0%, rgba(203, 166, 247, 1) 0%, rgba(243, 139, 168, 1) 13%, rgba(235, 160, 172, 1) 26%, rgba(250, 179, 135, 1) 34%, rgba(249, 226, 175, 1) 49%, rgba(166, 227, 161, 1) 65%, rgba(148, 226, 213, 1) 77%, rgba(137, 220, 235, 1) 82%, rgba(116, 199, 236, 1) 88%, rgba(137, 180, 250, 1) 95%);
- background-size: 500% 500%;
- animation: gradient 7s linear infinite;
-}
-
-/* Notifications Module */
-#custom-clipboard {
- color: @mauve;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- margin-right: 0px;
- padding-right: 8px;
-}
-
-/* Powermenu Module */
-#custom-power {
- color: @mauve;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- padding-left: 8px;
- padding-right: 1.20rem;
-}
-
-/* =============================== */