feat: pomodoro;
feat: added freq display to cpu widget
This commit is contained in:
@@ -1,16 +1,19 @@
|
||||
/* GTK Color Definitions */
|
||||
@define-color bg-primary rgba(23, 28, 39, 0.8);
|
||||
@define-color bg-secondary rgba(23, 28, 39, 0.7);
|
||||
@define-color bg-opaque rgba(23, 28, 39, 0.8);
|
||||
@define-color border-color rgba(90, 104, 115, 1);
|
||||
@define-color text-primary #ffffff;
|
||||
@define-color text-secondary #888888;
|
||||
@define-color accent-color #E96375;
|
||||
@define-color accent-alt #faa7b3;
|
||||
@define-color attention #FFFF00;
|
||||
@define-color warning #FFAA00;
|
||||
@define-color warning-alt #FFDDAA;
|
||||
@define-color danger #FF0000;
|
||||
@define-color success #AAFFAA;
|
||||
@define-color success-alt #CCEEFF;
|
||||
@define-color success #00FF00;
|
||||
@define-color success-alt #AAFFAA;
|
||||
@define-color info #CCEEFF;
|
||||
|
||||
* {
|
||||
font-family: "Iosevka Nerd Font";
|
||||
@@ -74,9 +77,8 @@ window#waybar.chromium {
|
||||
/* Workspaces */
|
||||
#workspaces {
|
||||
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
|
||||
border: 1px solid @border-color;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: 1px solid @border-color;
|
||||
border-bottom: 1px solid @border-color;
|
||||
border-radius: 0 0 10px 0;
|
||||
margin-right: 10px;
|
||||
padding-right: 5px;
|
||||
@@ -104,7 +106,11 @@ window#waybar.chromium {
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
animation: blink-attention 2s infinite;
|
||||
color: @bg-opaque;
|
||||
font-weight: 700;
|
||||
background-color: @attention;
|
||||
box-shadow: inset 0 -13px @attention;
|
||||
transition: color 0.5s ease-out, box-shadow 0.5s ease-out, background 0.5s ease-out;
|
||||
}
|
||||
|
||||
#cpu, #memory, #memory.swap {
|
||||
@@ -134,20 +140,49 @@ window#waybar.chromium {
|
||||
border-radius: 0 0 10px 0;
|
||||
}
|
||||
|
||||
#custom-goal {
|
||||
#custom-pomodoro, #custom-goal {
|
||||
color: @warning-alt;
|
||||
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
|
||||
border: 1px solid @border-color;
|
||||
border-top: none;
|
||||
border-radius: 0 0 10px 10px;
|
||||
padding: 0 10px;
|
||||
margin: 0 20px;
|
||||
color: @warning-alt
|
||||
padding: 0 10px;
|
||||
transition: color 2s ease-out, box-shadow 2s ease-out, background 2s ease-out;
|
||||
}
|
||||
|
||||
#custom-pomodoro {
|
||||
border-radius: 0 0 10px 10px;
|
||||
/* margin-right: 0; */
|
||||
/* border-right: none; */
|
||||
}
|
||||
|
||||
#custom-goal {
|
||||
border-radius: 0 0 10px 0;
|
||||
margin: 0;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
#custom-pomodoro.break {
|
||||
color: @success;
|
||||
box-shadow: inset 0 -3px @success;
|
||||
}
|
||||
|
||||
#custom-pomodoro.pause {
|
||||
color: @warning;
|
||||
box-shadow: inset 0 -3px @warning;
|
||||
}
|
||||
|
||||
#custom-pomodoro.break + #custom-goal,
|
||||
#custom-pomodoro.pause + #custom-goal
|
||||
{
|
||||
color: inherit;
|
||||
box-shadow: inherit;
|
||||
}
|
||||
|
||||
#cpu, #memory, #disk {
|
||||
padding: 0 10px;
|
||||
color: @success-alt;
|
||||
transition: color 2s ease-out, border-bottom 2s ease-out, background 2s ease-out;
|
||||
color: @info;
|
||||
transition: color 2s ease-out, box-shadow 2s ease-out, background 2s ease-out;
|
||||
}
|
||||
|
||||
/* Module base styling */
|
||||
@@ -161,7 +196,7 @@ window#waybar.chromium {
|
||||
border-right: none;
|
||||
padding: 0 10px;
|
||||
color: @text-primary;
|
||||
transition: color 2s ease-out, border-bottom 2s ease-out, background 2s ease-out;
|
||||
transition: color 2s ease-out, box-shadow 2s ease-out, background 2s ease-out;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
@@ -176,7 +211,7 @@ window#waybar.chromium {
|
||||
#wireplumber:hover, #custom-media:hover, #mode:hover, #idle_inhibitor:hover,
|
||||
#scratchpad:hover, #power-profiles-daemon:hover {
|
||||
color: @accent-color;
|
||||
transition: color 0.5s ease-out, border-bottom 0.5s ease-out, background 0.5s ease-out;
|
||||
transition: color 0.5s ease-out, box-shadow 0.5s ease-out, background 0.5s ease-out;
|
||||
}
|
||||
|
||||
#mpd.playing:hover, #mpd.paused:hover {
|
||||
@@ -186,8 +221,8 @@ window#waybar.chromium {
|
||||
|
||||
/* Battery states */
|
||||
#battery.charging, #battery.plugged {
|
||||
color: @success;
|
||||
border-bottom: 3px solid @success;
|
||||
color: @success-alt;
|
||||
box-shadow: inset 0 -3px @success-alt;
|
||||
}
|
||||
|
||||
#battery.warning:not(.charging) {
|
||||
|
||||
Reference in New Issue
Block a user