Nikolai Papin
0886c29a46
refactor: update copyq configuration with clipboard checking disabled, unfocus behavior changed, and screen capture prevention enabled; feat: add new eww configuration file with example widget and window definitions; refactor: update hyprland autostart commands, replace Telegram with AyuGram, add easymove submap, and adjust workspace rules; feat: introduce hyprsunset configuration file for automatic gamma and temperature adjustments; chore: extend privacy tagging rules to include AyuGram and SimpleX desktop applications; refactor: optimize muza script by removing redundant sleep calls and adjusting terminal launch sequence; refactor: improve toggle_proxy script with process killing function and silent operation; refactor: adjust rmpc layout to allocate 72% space for queue and 28% for cava visualization; feat: update rmpc theme with new album art, modified color scheme, and added tabs pane; feat: add keyboard navigation bindings for rofi launcher mode switching and paging; feat: expand power mode menu with CPU frequency options and integrate cpupower controls; feat: implement h/j/k/l row navigation keybindings for rofi power menu; feat: reconfigure power mode menu layout to 3 columns and add vertical navigation keybindings; feat: add row navigation keybindings to rofi recorder menu style; refactor: update swaync notification styles with revised button borders, selection colors, and hover effects; feat: add custom submap display module to waybar for active hyprland submaps; refactor: modify waybar styling with updated background colors and new module borders; chore: update bluetooth alias from bluetuith to bluetui in shell configuration
309 lines
6.7 KiB
CSS
309 lines
6.7 KiB
CSS
/* GTK Color Definitions */
|
|
@define-color bg-primary rgba(28, 28, 28, 0.81);
|
|
@define-color bg-secondary rgba(28, 28, 28, 0.81);
|
|
@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 #00FF00;
|
|
@define-color success-alt #AAFFAA;
|
|
@define-color info #CCEEFF;
|
|
|
|
* {
|
|
font-family: "Iosevka Nerd Font";
|
|
font-size: 15px;
|
|
}
|
|
|
|
window#waybar {
|
|
background-color: transparent;
|
|
color: @text-primary;
|
|
transition-property: background-color;
|
|
transition-duration: 0.5s;
|
|
}
|
|
|
|
window#waybar.hidden {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
window#waybar.termite {
|
|
background-color: #3F3F3F;
|
|
}
|
|
|
|
window#waybar.chromium {
|
|
background-color: #000000;
|
|
border: none;
|
|
}
|
|
|
|
/* Common module styling */
|
|
#mpd {
|
|
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
|
|
border: 1px solid @border-color;
|
|
border-top: none;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.modules-left {
|
|
border-left: none;
|
|
border-radius: 0 0 10px 0;
|
|
}
|
|
|
|
.modules-right {
|
|
border-right: none;
|
|
border-radius: 0 0 0 10px;
|
|
}
|
|
|
|
/* MPD player states */
|
|
#mpd {
|
|
transition: color 2s ease-out, border-bottom 2s ease-out, background 2s ease-out, border-color 2s ease-out;
|
|
border-radius: 0 0 10px 10px;
|
|
}
|
|
|
|
#mpd.playing {
|
|
color: @accent-alt;
|
|
}
|
|
|
|
#mpd.stopped {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
color: transparent;
|
|
}
|
|
|
|
/* Workspaces */
|
|
#workspaces {
|
|
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
|
|
border-right: 1px solid @border-color;
|
|
border-bottom: 1px solid @border-color;
|
|
border-radius: 0 0 10px 0;
|
|
margin-right: 10px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#workspaces button {
|
|
padding: 0 5px;
|
|
background-color: transparent;
|
|
color: @text-primary;
|
|
}
|
|
|
|
#workspaces button.empty {
|
|
color: @text-secondary;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
#workspaces button.active.hosting-monitor {
|
|
background-color: rgba(0, 0, 0, 0.32);
|
|
box-shadow: inset 0 -3px @accent-color;
|
|
color: @accent-color;
|
|
animation: hover 0.8s 1;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
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 {
|
|
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
|
|
margin: 0;
|
|
}
|
|
|
|
#cpu {
|
|
margin-left: 20px;
|
|
border: 1px solid @border-color;
|
|
border-top: none;
|
|
border-right: none;
|
|
border-radius: 0 0 0 10px;
|
|
}
|
|
|
|
#memory {
|
|
border: 1px solid @border-color;
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
|
|
#memory.swap {
|
|
border: 1px solid @border-color;
|
|
border-left: none;
|
|
border-top: none;
|
|
border-radius: 0 0 10px 0;
|
|
}
|
|
|
|
#custom-pomodoro, #custom-goal {
|
|
color: @warning-alt;
|
|
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
|
|
border: 1px solid @border-color;
|
|
border-top: none;
|
|
margin: 0 20px;
|
|
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-submap {
|
|
color: @accent-color;
|
|
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;
|
|
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: @info;
|
|
transition: color 2s ease-out, box-shadow 2s ease-out, background 2s ease-out;
|
|
}
|
|
|
|
/* Module base styling */
|
|
#clock, #battery, #temperature, #backlight,
|
|
#network, #pulseaudio, #wireplumber, #custom-media, #tray, #mode,
|
|
#idle_inhibitor, #scratchpad {
|
|
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
|
|
border: 1px solid @border-color;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
padding: 0 10px;
|
|
color: @text-primary;
|
|
transition: color 2s ease-out, box-shadow 2s ease-out, background 2s ease-out;
|
|
}
|
|
|
|
#pulseaudio {
|
|
border-left: 1px solid @border-color;
|
|
border-radius: 0 0 0 10px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
/* Hover effects */
|
|
#clock:hover, #battery:hover, #disk:hover,
|
|
#temperature:hover, #backlight:hover, #network:hover, #pulseaudio:hover,
|
|
#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, box-shadow 0.5s ease-out, background 0.5s ease-out;
|
|
}
|
|
|
|
#mpd.playing:hover, #mpd.paused:hover {
|
|
color: @accent-color;
|
|
animation: hover 0.2s 1;
|
|
}
|
|
|
|
/* Battery states */
|
|
#battery.charging, #battery.plugged {
|
|
color: @success-alt;
|
|
box-shadow: inset 0 -3px @success-alt;
|
|
}
|
|
|
|
#battery.warning:not(.charging) {
|
|
color: @warning;
|
|
border-bottom: 3px solid @warning;
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
color: @danger;
|
|
border-bottom: 3px solid @danger;
|
|
}
|
|
|
|
/* Power profiles */
|
|
#power-profiles-daemon {
|
|
color: @text-primary;
|
|
font-size: 17px;
|
|
padding: 0 7px 0 12px;
|
|
}
|
|
|
|
/* Temperature warning */
|
|
#temperature.critical {
|
|
animation: blink-warning 2s infinite;
|
|
}
|
|
|
|
/* Tray notifications */
|
|
#tray > .needs-attention {
|
|
-gtk-icon-effect: highlight;
|
|
animation: blink-attention 2s infinite;
|
|
}
|
|
|
|
/* Animations */
|
|
@keyframes hover {
|
|
0% { color: @text-primary; }
|
|
100% { color: @accent-color; }
|
|
}
|
|
|
|
/* Layout utilities */
|
|
#window, #workspaces {
|
|
margin: 0 0px;
|
|
}
|
|
|
|
.modules-left > widget:first-child > #workspaces {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.modules-right > widget:last-child > #workspaces {
|
|
margin-right: 0;
|
|
}
|
|
|
|
button {
|
|
box-shadow: inset 0 -3px transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
button:hover {
|
|
background: inherit;
|
|
box-shadow: inset 0 -3px @text-primary;
|
|
}
|
|
|
|
#mode {
|
|
box-shadow: inset 0 -3px @text-primary;
|
|
}
|
|
|
|
#idle_inhibitor.activated {
|
|
animation: blink-warning 2s infinite;
|
|
}
|