240 lines
3.6 KiB
CSS
240 lines
3.6 KiB
CSS
/* Global Styling */
|
|
* {
|
|
border: none;
|
|
font-family: "JetBrainsMono Nerd Font";
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
min-height: 14px;
|
|
color: @foreground;
|
|
}
|
|
|
|
@import "./theme.css";
|
|
|
|
/* Main Background */
|
|
window#waybar {
|
|
background: transparent;
|
|
}
|
|
|
|
window#waybar > box {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* Tooltip Styling */
|
|
tooltip {
|
|
color: @foreground;
|
|
background: @tooltip;
|
|
border: solid;
|
|
border-width: 1.5px;
|
|
border-radius: 7px;
|
|
border-color: @foreground;
|
|
}
|
|
|
|
/* Workspace Button */
|
|
#workspaces button {
|
|
color: @foreground;
|
|
border-radius: 8px;
|
|
box-shadow: none;
|
|
margin-top: 2px;
|
|
margin-right: 0px;
|
|
margin-bottom: 2px;
|
|
margin-left: 0px;
|
|
padding: 0px;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
animation: ws_normal 20s ease-in-out 1;
|
|
}
|
|
|
|
/* Active Workspace Button */
|
|
#workspaces button.active {
|
|
color: @active-fg;
|
|
background: @active-bg;
|
|
text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.6);
|
|
box-shadow: 0px 0px 2px 1px rgba(22, 22, 22, 1);
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
animation: ws_active 20s ease-in-out 1;
|
|
transition: all 0.4s cubic-bezier(0.55, -0.68, 0.48, 1.682);
|
|
}
|
|
|
|
/* Hover Effect for Workspace Buttons */
|
|
#workspaces button:hover {
|
|
color: @hover-fg;
|
|
background: @hover-bg;
|
|
box-shadow: none;
|
|
animation: ws_hover 20s ease-in-out 1;
|
|
transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
|
|
}
|
|
|
|
/* General Module Styling */
|
|
#idle_inhibitor,
|
|
#workspaces,
|
|
#window,
|
|
#custom-cpuinfo,
|
|
#memory,
|
|
#custom-cpu,
|
|
#clock,
|
|
#custom-wifi,
|
|
#network,
|
|
#tray,
|
|
#privacy,
|
|
#language,
|
|
#pulseaudio,
|
|
#custom-backlight,
|
|
#battery,
|
|
#custom-power {
|
|
opacity: 1;
|
|
margin-bottom: 0px;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
border-radius: 8px;
|
|
text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.8);
|
|
}
|
|
|
|
/* Idle Inhibitor */
|
|
#idle_inhibitor {
|
|
background: @logo;
|
|
margin-left: 10px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
/* Workspaces */
|
|
#workspaces {
|
|
background: @workspaces;
|
|
}
|
|
|
|
/* Window Title */
|
|
#window {
|
|
background: @window;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* Temperature */
|
|
#custom-paddc {
|
|
padding-right: 12px;
|
|
}
|
|
|
|
#custom-cpuinfo {
|
|
background: @cpuinfo;
|
|
}
|
|
|
|
/* Memory */
|
|
#memory {
|
|
background: @memory;
|
|
}
|
|
|
|
/* CPU */
|
|
#custom-cpu {
|
|
background: @cpu;
|
|
}
|
|
|
|
/* Time */
|
|
#clock.time {
|
|
background: @time;
|
|
}
|
|
|
|
/* Date */
|
|
#clock.date {
|
|
background: @date;
|
|
|
|
}
|
|
|
|
/* Wifi */
|
|
#custom-wifi {
|
|
background: @wifi;
|
|
padding-right: 6px;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
/* Network */
|
|
#network {
|
|
background: @network;
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
font-size: 11.5px;
|
|
}
|
|
|
|
/* Tray */
|
|
#tray {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
background: @tray;
|
|
}
|
|
|
|
#tray menu {
|
|
color: @foreground;
|
|
border-radius: 10px;
|
|
background: @tooltip;
|
|
}
|
|
|
|
#tray menu separator {
|
|
min-height: 3px;
|
|
}
|
|
|
|
#tray menu menuitem {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#tray menu menuitem:hover {
|
|
background-color: @hover;
|
|
}
|
|
|
|
/* Privacy */
|
|
#privacy {
|
|
background: @privacy;
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
/* Language */
|
|
#language {
|
|
background: @language;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
/* PulseAudio */
|
|
#pulseaudio {
|
|
background: @pulseaudio;
|
|
}
|
|
|
|
/* Brightness */
|
|
#custom-backlight {
|
|
background: @backlight;
|
|
}
|
|
|
|
/* Battery */
|
|
#battery {
|
|
background: @battery;
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
#battery.warning {
|
|
color: #f9e2af;
|
|
}
|
|
|
|
#battery.critical {
|
|
color: #f38ba8;
|
|
}
|
|
|
|
/* Power Button */
|
|
#custom-power {
|
|
background: @power;
|
|
margin-right: 6px;
|
|
padding-right: 7px;
|
|
padding-left:11px;
|
|
}
|
|
|
|
#custom-power:hover {
|
|
color: @hover-fg;
|
|
background: @power-hv;
|
|
box-shadow: none;
|
|
transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
|
|
}
|