95 lines
1.8 KiB
CSS
95 lines
1.8 KiB
CSS
* {
|
|
/* `otf-font-awesome` is required to be installed for icons */
|
|
font-family: JetBrainsMono Nerd Font;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* This imports the base16 colors */
|
|
@import "theme.css";
|
|
|
|
/* Main Background */
|
|
window#waybar { background: @background; }
|
|
|
|
/* Tooltip Styling */
|
|
tooltip {
|
|
color: @foreground;
|
|
background: @background;
|
|
border: solid;
|
|
border-width: 1.5px;
|
|
border-radius: 7px;
|
|
border-color: white;
|
|
}
|
|
|
|
/* Workspace Button */
|
|
#workspaces button {
|
|
color: @foreground;
|
|
border-radius: 5px;
|
|
box-shadow: none;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
padding: 0px;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
/* Opened workspaces (also on other screen) */
|
|
#workspaces button.visible{
|
|
color: @active-fg;
|
|
background: @hover-bg;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Active Workspace Button */
|
|
#workspaces button.active {
|
|
color: @active-fg;
|
|
background: @active-bg;
|
|
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 1);
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
|
|
}
|
|
|
|
/* Hover Effect for Workspace Buttons */
|
|
#workspaces button.inactive:hover {
|
|
color: @hover-fg;
|
|
background: @hover-bg;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Urgent Workspace Buttons */
|
|
#workspaces button.urgent {
|
|
color: @urgent-fg;
|
|
background: @urgent-bg;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* General Module Styling */
|
|
#idle_inhibitor,
|
|
#disk,
|
|
#cpu,
|
|
#memory,
|
|
#pulseaudio,
|
|
#battery,
|
|
#clock,
|
|
#tray {
|
|
color: @foreground;
|
|
padding: 0 10px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
/* #battery.warning { */
|
|
/* color: #${palette.base08}; */
|
|
/* } */
|
|
|
|
/* #pulseaudio.muted { */
|
|
/* color: #${palette.base08}; */
|
|
/* padding-right: 16px; */
|
|
/* } */
|