dots-of-war/files/.config/eww/eww.scss

entry {
  padding: 10px;
  background: red;
}

.main_window {
  all: unset;
  background: #1d2021;
}

.volume_popup {
  &,
  & * {
    all: unset;
  }
  background: #1d2021;
  border-radius: 50px;

  scale trough {
    padding: 10px;
    border-radius: 50px;
    background-color: #ebdbb2;

    slider {
      background: red;
    }

    highlight {
      padding: 10px;
      min-height: 30px;
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
      background-color: #8ec07c;
    }
  }
}

.music {
  &,
  & * {
    all: unset;
  }

  .data {
    margin: 15px;
    margin-left: 45px;

    .songname {
      color: #8ec07c;
    }

    .key {
      color: #928374;
    }
  }

  .buttons {
    min-height: 50px;
    background: #1d2021;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
  }
}

scale trough {
  padding: 10px;
  border-radius: 50px;
  background-color: #ebdbb2;

  highlight {
    padding: 10px;
    min-width: 30px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #8ec07c;
  }
}