player-project/src/App.scss

@import "./styles/Sidebar.scss";
@import "./styles/Page.scss";
@import "./styles/Playerbar.scss";
@import "./styles/Forms.scss";

::-webkit-scrollbar {
  width: 15px;

  &-track {
    background-color: transparent;
    border: 1px solid rgba(105, 105, 105, 0.384);
  }

  &-thumb {
    background-color: #534f7459;

    &:hover {
      background-color: #534f74c7;
    }
  }
}

body {
  background-color: #100d23;

  :hover {
    transition: 0.1s;
  }
}

.App {
  text-align: center;
  color: #70b2e7;
}

.highlightYellow {
  color: yellow;
  border-color: yellow;
}

.highlightRed {
  color: red;
  border-color: red;
}

.highlightGreen {
  color: #05f09b;
  border-color: #05f09b;
}

.highlightPaleGreen {
  background-color: #0e6147;
  color: #05f09b;
}

.lightText {
  font-weight: 300;
}