Arch 2025 rice. Also contains a newly inspired neovim config.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

213 lines
3.4 KiB

2 weeks ago
  1. * {
  2. /* `otf-font-awesome` is required to be installed for icons */
  3. font-family: JetBrainsMono Nerd Font Mono;
  4. /*font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;*/
  5. font-size: 16px;
  6. }
  7. window#waybar {
  8. background-color: rgba(43, 48, 59, 0.9);
  9. color: #d3c6aa;
  10. transition-property: background-color;
  11. transition-duration: .5s;
  12. padding-left: 4px;
  13. padding-right: 4px;
  14. border-radius: 12px;
  15. }
  16. window#waybar.hidden {
  17. opacity: 0.2;
  18. }
  19. window#waybar.termite {
  20. background-color: #3F3F3F;
  21. }
  22. window#waybar.chromium {
  23. background-color: #000000;
  24. border: none;
  25. }
  26. button {
  27. /* Use box-shadow instead of border so the text isn't offset */
  28. box-shadow: inset 0 -3px transparent;
  29. /* Avoid rounded borders under each button name */
  30. border: none;
  31. border-radius: 0;
  32. }
  33. /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
  34. button:hover {
  35. background: inherit;
  36. box-shadow: inherit;
  37. text-shadow: inherit;
  38. }
  39. /* you can set a style on hover for any module like this */
  40. #pulseaudio:hover {
  41. background-color: #a37800;
  42. }
  43. #window, #workspaces {
  44. background-color: #343f44;
  45. border: 2px solid #4f585e;
  46. border-radius: 10px;
  47. }
  48. #window {
  49. padding-left: 4px;
  50. padding-right: 4px;
  51. border: 2px solid #a7c080;
  52. }
  53. #workspaces button {
  54. padding: 0 8px;
  55. background-color: transparent;
  56. color: #d3c6aa;
  57. }
  58. #workspaces button.empty {
  59. color: rgba(211,198,170,0.5);
  60. }
  61. #workspaces button.active {
  62. background: rgba(0, 0, 0, 0.2);
  63. box-shadow: inset 0 -3px #d3c6aa;
  64. }
  65. #workspaces button.focused {
  66. background-color: #64727D;
  67. box-shadow: inset 0 -3px #d3c6aa;
  68. }
  69. #workspaces button.urgent {
  70. background-color: #eb4d4b;
  71. }
  72. #mode {
  73. background-color: #64727D;
  74. box-shadow: inset 0 -3px #d3c6aa;
  75. }
  76. #clock,
  77. #battery,
  78. #cpu,
  79. #memory,
  80. #disk,
  81. #temperature,
  82. #wireplumber,
  83. #backlight,
  84. #network,
  85. #pulseaudio,
  86. #custom-media,
  87. #tray,
  88. #mode,
  89. #idle_inhibitor,
  90. #scratchpad,
  91. #power-profiles-daemon,
  92. #mpd {
  93. padding: 0 10px;
  94. color: #d3c6aa;
  95. border-radius: 10px;
  96. background-color: #343f44;
  97. }
  98. .modules-left,
  99. .modules-right {
  100. padding: 4px 4px 4px 4px;
  101. }
  102. /* If workspaces is the leftmost module, omit left margin */
  103. .modules-left > widget:first-child > #workspaces {
  104. margin-left: 0;
  105. }
  106. /* If workspaces is the rightmost module, omit right margin */
  107. .modules-right > widget:last-child > #workspaces {
  108. margin-right: 0;
  109. }
  110. #clock {
  111. border: 2px solid #e67e80;
  112. }
  113. #battery {
  114. border: 2px solid #7fbbb3;
  115. }
  116. @keyframes blink {
  117. to {
  118. background-color: #ffffff;
  119. color: #000000;
  120. }
  121. }
  122. #power-profiles-daemon {
  123. padding-right: 15px;
  124. }
  125. #power-profiles-daemon.performance {
  126. background-color: #f53c3c;
  127. color: #ffffff;
  128. }
  129. #power-profiles-daemon.balanced {
  130. background-color: #2980b9;
  131. color: #ffffff;
  132. }
  133. #power-profiles-daemon.power-saver {
  134. background-color: #2ecc71;
  135. color: #000000;
  136. }
  137. label:focus {
  138. background-color: #000000;
  139. }
  140. #cpu {
  141. border: 2px solid #83c092;
  142. }
  143. #memory {
  144. background-color: #9b59b6;
  145. }
  146. #disk {
  147. background-color: #964B00;
  148. }
  149. #backlight {
  150. border: 2px solid #dbbc7f;
  151. }
  152. #network {
  153. border: 2px solid #d699b6;
  154. }
  155. #wireplumber {
  156. border: 2px solid #e67e80;
  157. }
  158. #custom-media {
  159. background-color: #66cc99;
  160. color: #2a5c45;
  161. min-width: 100px;
  162. }
  163. #custom-media.custom-spotify {
  164. background-color: #66cc99;
  165. }
  166. #custom-media.custom-vlc {
  167. background-color: #ffa000;
  168. }
  169. #temperature {
  170. background-color: #f0932b;
  171. }
  172. #temperature.critical {
  173. background-color: #eb4d4b;
  174. }