dotfiles/dotconfig/eww/bar_widget/bar.scss

//Global Styles
.bar {
  background: rgba(40, 31, 30, 0.5);
  font-size: 14px;
  /*padding: 10px;*/
}

.workspaces {
  /*padding-top: 2px;
  padding-left: 16px;
  padding-right: 16px;*/
  transition: none;
  color: #f8f8f2;

  margin-left: 8px;
  border-radius: 13px;
  background: #362a28;
}

.btw {
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px;
}
.active {
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px;
  color: #ffaa00;
}

.time_box {
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 8px;
  transition: none;
  color: #ffcc44;

  margin-left: 16px;
  border-radius: 13px 0px 0px 13px;
  background: #362a28;

}

.wifi_box {
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 12px;
  transition: none;
  color: #bd93f9;

  border-radius: 0px 13px 13px 0px;
  background: #362a28;

}

.sound_box {
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 4px;
  transition: none;
  color: #99ddff;

  border-radius: 13px 0px 0px 13px;
  background: #362a28;

}

.mic_box {
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  transition: none;
  color: #99ddff;

  border-radius: 0px 0px 0px 0px;
  background: #362a28;

}

.light_box {
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  transition: none;
  color: #ff8844;

  border-radius: 0px 0px 0px 0px;
  background: #362a28;

}

.battery_box {
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 12px;
  margin-right: 8px;
  transition: none;
  color: #ffdd44;

  border-radius: 0px 13px 13px 0px;
  background: #362a28;

}

.tray {
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 16px;
  transition: none;
  color: #ffa500;

  border-radius: 13px 13px 13px 13px;
  background: #362a28;

  menu {

    background: #201010;
    border-radius: 10px;

  }

  menuitem {
    border-radius: 13px;
    font-size: 14px;
    padding: 2px 5px;


    &disabled label {
      color: #928374;
    }

    &:hover {
      background-color: #282828;
    }

    separator {
		padding-top: 1px;

		&:last-child {
			padding: unset;
		}
	}

  }

}

// Styles on classes (see eww.yuck for more information)

.left_pane slider {
  all: unset;
  color: #ffd5cd;
}

.metric scale trough highlight {
  all: unset;
  background-color: #D35D6E;
  color: #000000;
  border-radius: 10px;
}
.metric scale trough {
  all: unset;
  background-color: #4e4e4e;
  border-radius: 50px;
  min-height: 3px;
  min-width: 50px;
  margin-left: 10px;
  margin-right: 20px;
}
.metric scale trough highlight {
  all: unset;
  background-color: #D35D6E;
  color: #000000;
  border-radius: 10px;
}
.metric scale trough {
  all: unset;
  background-color: #4e4e4e;
  border-radius: 50px;
  min-height: 3px;
  min-width: 50px;
  margin-left: 10px;
  margin-right: 20px;
}
.label-ram {
  font-size: large;
}
.workspaces button:hover {
  color: #D35D6E;
}