eww.scss

// Amber
* {
  all: unset; //Unsets everything so you can style everything from scratch
}

//Global Styles
.bar0 {
  background-color: #1E1F29;
  color: #F8F8F2;
  padding: 0;
  border-bottom: 2px solid;
  border-color: #FFB300;
  border-radius: 0;
  font-family: Iosevka Nerd Font;
  font-size: 13px;
}

.bar1 {
  background-color: #1E1F29;
  color: #F8F8F2;
  padding: 0;
  border-bottom: 2px solid;
  border-color: #FFB300;
  border-radius: 0;
  font-family: Iosevka Nerd Font;
  font-size: 13px;
}


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

.sidestuff slider {
  all: unset;
}

.metric scale trough highlight {
  all: unset;
  background-color: #FFB300;
  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: #FFB300;
  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;
}

.workspaces {
  all: unset;
  padding: 0;
}

.ws-button-mine {
  color: #1E1F29;
  background-color: #FFB300;
  border-radius: 4px;
}
.ws-button-visible {
  color: #FFB300;
}
.ws-button-busy {
  color: #E8BC0C;
}
.ws-button {
  color: #F8F8F2;
}

.ws-layout {
  all: unset;
  color: #1E1F29;
  background-color: #FFB300;
  border-radius: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 15px;
}

.box-launcher {
  background-color: #FFB300;
  color: #1E1F29;
  font-size: 1.1em;
  font-weight:bold;
}

.button-launcher {
  padding-left: 12px;
  padding-right: 14px;
}

.clock {
  margin-right: 20px;
  color: #F8F8F2;
}