| 1 | { ... }: |
| 2 | let |
| 3 | custom = { |
| 4 | font = "Maple Mono"; |
| 5 | font_size = "18px"; |
| 6 | font_weight = "bold"; |
| 7 | text_color = "#FBF1C7"; |
| 8 | background_0 = "#1D2021"; |
| 9 | background_1 = "#282828"; |
| 10 | border_color = "#A89984"; |
| 11 | red = "#CC241D"; |
| 12 | green = "#98971A"; |
| 13 | yellow = "#FABD2F"; |
| 14 | blue = "#458588"; |
| 15 | magenta = "#B16286"; |
| 16 | cyan = "#689D6A"; |
| 17 | orange = "#D65D0E"; |
| 18 | orange_bright = "#FE8019"; |
| 19 | opacity = "1"; |
| 20 | indicator_height = "2px"; |
| 21 | }; |
| 22 | in |
| 23 | { |
| 24 | programs.waybar.style = with custom; '' |
| 25 | * { |
| 26 | border: none; |
| 27 | border-radius: 0px; |
| 28 | padding: 0; |
| 29 | margin: 0; |
| 30 | font-family: ${font}; |
| 31 | font-weight: ${font_weight}; |
| 32 | opacity: ${opacity}; |
| 33 | font-size: ${font_size}; |
| 34 | } |
| 35 | |
| 36 | window#waybar { |
| 37 | background: ${background_1}; |
| 38 | border-top: 1px solid ${border_color}; |
| 39 | } |
| 40 | |
| 41 | tooltip { |
| 42 | background: ${background_1}; |
| 43 | border: 1px solid ${border_color}; |
| 44 | } |
| 45 | tooltip label { |
| 46 | margin: 5px; |
| 47 | color: ${text_color}; |
| 48 | } |
| 49 | |
| 50 | #workspaces { |
| 51 | padding-left: 15px; |
| 52 | } |
| 53 | #workspaces button { |
| 54 | color: ${yellow}; |
| 55 | padding-left: 5px; |
| 56 | padding-right: 5px; |
| 57 | margin-right: 10px; |
| 58 | } |
| 59 | #workspaces button.empty { |
| 60 | color: ${text_color}; |
| 61 | } |
| 62 | #workspaces button.active { |
| 63 | color: ${orange_bright}; |
| 64 | } |
| 65 | |
| 66 | #clock { |
| 67 | color: ${text_color}; |
| 68 | } |
| 69 | |
| 70 | #tray { |
| 71 | margin-left: 10px; |
| 72 | color: ${text_color}; |
| 73 | } |
| 74 | #tray menu { |
| 75 | background: ${background_1}; |
| 76 | border: 1px solid ${border_color}; |
| 77 | padding: 8px; |
| 78 | } |
| 79 | #tray menuitem { |
| 80 | padding: 1px; |
| 81 | } |
| 82 | |
| 83 | #pulseaudio, #network, #cpu, #memory, #disk, #battery, #language, #custom-notification, #custom-power-menu { |
| 84 | padding-left: 5px; |
| 85 | padding-right: 5px; |
| 86 | margin-right: 10px; |
| 87 | color: ${text_color}; |
| 88 | } |
| 89 | |
| 90 | #pulseaudio, #language, #custom-notification { |
| 91 | margin-left: 15px; |
| 92 | } |
| 93 | |
| 94 | #custom-power-menu { |
| 95 | padding-right: 2px; |
| 96 | margin-right: 5px; |
| 97 | } |
| 98 | |
| 99 | #custom-launcher { |
| 100 | font-size: 20px; |
| 101 | color: ${text_color}; |
| 102 | font-weight: bold; |
| 103 | margin-left: 15px; |
| 104 | padding-right: 10px; |
| 105 | } |
| 106 | ''; |
| 107 | } |