Scrollbar Base SCSS

scrollbar.scss

html, body.body--dark {
    /* Foreground, Background */
    scrollbar-color: #999 #333;

    ::-webkit-scrollbar {
        width: 10px; /* Mostly for vertical scrollbars */
        height: 5px; /* Mostly for horizontal scrollbars */
    }

    ::-webkit-scrollbar-thumb { /* Foreground */
        background: #2a2a2a;
    }
    ::-webkit-scrollbar-track { /* Background */
        background: #1a1a1a;
    }
}

body.body--light {
    /* Foreground, Background */
    scrollbar-color: #999 #333;

    ::-webkit-scrollbar {
        width: 10px; /* Mostly for vertical scrollbars */
        height: 5px; /* Mostly for horizontal scrollbars */
    }

    ::-webkit-scrollbar-thumb { /* Foreground */
        background: #ccc;
    }
    ::-webkit-scrollbar-track { /* Background */
        background: #efefef;
    }
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }