1@import "colors.css";
  2
  3* {
  4  font-family: "JetBrains Nerd Font Propo",
  5               "Font Awesome 7 Free",
  6               "Font Awesome 7 Free Solid";
  7  font-weight: bold;
  8  font-size: 14px;
  9  color: @primary;
 10}
 11
 12tooltip {
 13  background: @background;
 14  border: 1px solid @outline;
 15  padding: 16px 18px;
 16  border-radius: 5px;
 17}
 18
 19menu {
 20  background: @background;
 21  color: @on_primary;
 22  border-radius: 7px;
 23}
 24
 25menuitem:hover {
 26  background-color: @surface_variant;
 27}
 28
 29#waybar {
 30  background-color: transparent;
 31}
 32
 33#clock,
 34#custom-packages,
 35#custom-about,
 36#custom-power,
 37#custom-ai-creds,
 38#custom-brightness,
 39#custom-notification,
 40#custom-internet,
 41#custom-butt-out,
 42#custom-handy,
 43#pulseaudio,
 44#workspaces.special {
 45  background-color: @background;
 46  padding: 4px 10px;
 47  font-size: 18px;
 48  margin-top: 10px;
 49  border-radius: 7px;
 50}
 51
 52#custom-about {
 53  margin-left: 14px;  
 54  padding: 0px 10px;
 55  min-width: 20px;
 56}
 57
 58#clock,
 59#custom-packages,
 60#custom-butt-out,
 61#custom-handy
 62{
 63  margin-left: 5px;
 64}
 65
 66#custom-handy,
 67#custom-butt-out{
 68	font-size : 16px;
 69}
 70
 71#custom-handy{
 72	padding-right: 12px;
 73}
 74
 75#custom-power {
 76  margin-right: 14px;
 77  padding: 0px 10px;
 78  min-width: 20px;
 79}
 80
 81#custom-notification,
 82#custom-internet {
 83  margin-right: 5px;
 84}
 85
 86#custom-ai-creds,
 87#custom-brightness,
 88#pulseaudio {
 89  min-width: 80px;
 90  margin-right: 5px;
 91}
 92
 93#workspaces.main,
 94#workspaces.sec
 95{
 96  background-color: @background;
 97  padding: 4px 6px;
 98  margin-top: 6px;
 99  margin-left: 6px;
100  margin-right: 6px;
101  border-radius: 7px;
102  border-width: 0px;
103}
104
105#workspaces.special {
106  padding: 0px;
107  padding-top: 0.5px;
108  margin-right: 5px;
109  font-size: 16px;
110}
111
112#workspaces.main button,
113#workspaces.sec button,
114#workspaces.special button {
115  background: @background;
116  border: 1px solid transparent;
117  color: @secondary_container; 
118  padding: 0px 8px;
119  padding-left: 2px;
120  padding-right: 4px;
121  margin: 0 2px;
122  font-weight: bold;
123  min-width: 30px;
124  transition: all 250ms ease-in-out;
125}
126
127#workspaces.main button:hover,
128#workspaces.special button:hover {
129  border: none;
130  text-shadow: none;
131}
132
133#workspaces.main button.active,
134#workspaces.special button.active,
135#workspaces.sec button.active {
136	border: 1px solid @secondary_container; 
137  min-width: 45px;
138}
139