* { /* That rule apply to all widgets. */ border: none; /*border-radius: 14px;*/ font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; font-size: 14px; min-height: 16px; } window#waybar { /* That rule apply to the back of the bar. */ /*background: rgba(0, 0, 0, 0.65);*/ background: rgba(40, 31, 30, 0.8); /*background: transparent; */ } window#waybar.hidden { opacity: 0.2; } #window { /*margin-top: 8px;*/ margin-left: 8px; padding-top: 2px; padding-left: 16px; padding-right: 16px; border-radius: 25px; transition: none; color: #f8f8f2; background: #362a28; /*color: transparent; background: transparent; */ } #workspaces { /*margin-top: 8px;*/ margin-left: 8px; margin-bottom: 0; border-radius: 26px; background: #362a28; transition: none; } #workspaces button { padding-top: 8px; transition: none; color: #f8f8f2; background: transparent; font-size: 16px; } #workspaces button.urgent { color: #ff0000; } #workspaces button.focused { color: #9aedfe; } #workspaces button:hover { transition: none; box-shadow: inherit; text-shadow: inherit; color: #ff79c6; } #workspaces button.active { color: #ffaa00; } #network { /*margin-top: 8px;*/ /*margin-left: 8px;*/ /*padding-left: 16px;*/ padding-right: 16px; margin-bottom: 0; border-radius: 0px 25px 25px 0px; transition: none; /*color: #f8f8f2;*/ background: #362a28; color: #bd93f9; /*color: #4d4d4d;*/ /*background: #bd93f9;*/ } #pulseaudio { /*margin-top: 8px;*/ /*margin-left: 8px;*/ /*padding-left: 16px;*/ padding-right: 16px; margin-bottom: 0; border-radius: 0px 0px 0px 0px; transition: none; /*color: #4d4d4d;*/ /*background: #9aedfe;*/ color: #99ddff; background: #362a28; } #temperature { /*margin-top: 8px;*/ margin-left: 8px; padding-left: 16px; padding-right: 16px; margin-bottom: 0; border-radius: 25px; transition: none; color: #4d4d4d; background: #5af78e; } #memory { /*margin-top: 8px;*/ margin-left: 8px; padding-left: 16px; padding-right: 16px; margin-bottom: 0; border-radius: 25px 0px 0px 25px; transition: none; /*color: #4d4d4d;*/ /*background: #ff6e67;*/ color: #ff6666; background: #362a28; } #cpu { /*margin-top: 8px;*/ margin-left: 8px; padding-left: 16px; padding-right: 16px; margin-bottom: 0; border-radius: 25px; transition: none; color: #4d4d4d; background: #f1fa8c; } #backlight { /*margin-top: 8px;*/ /*margin-left: 8px;*/ /*padding-left: 16px;*/ padding-right: 16px; margin-bottom: 0; border-radius: 0px 0px 0px 0px; transition: none; /*color: #4d4d4d; background: #ff751a;*/ color: #ff8844; background: #362a28; } #battery { /*margin-top: 8px;*/ /*margin-left: 8px;*/ margin-right: 12px; /*padding-left: 16px;*/ padding-right: 16px; margin-bottom: 0; border-radius: 0px 25px 25px 0px; transition: none; /*color: #4d4d4d; background: #ffc61a;*/ color: #ffdd44; background: #362a28; } #battery.warning { color : #ffaa00; } #battery.critical { color : #ff0000; background: #ffdd44 } #tray { margin-right: 12px; padding-right: 16px; padding-left: 16px; margin-bottom: 0; border-radius: 25px 25px 25px 25px; transition: none; color: #ffdd44; background: #362a28; } #clock { /*margin-top: 8px;*/ margin-left: 12px; /*margin-right: 12px;*/ padding-top: 2px; padding-left: 16px; padding-right: 16px; margin-bottom: 0; border-radius: 25px 0px 0px 25px; transition: none; /*color: #f8f8f2;*/ color: #ffcc44; background: #362a28; }