Function scrollbarTheming

Returns {
    & .scrollbar-button: {
        backgroundColor: string;
        fill: string;
        height: string;
        transition: string;
        width: string;
    };
    & .scrollbar-button:disabled: {
        opacity: number;
    };
    & .scrollbar-button:hover:not([disabled]): {
        fill: string;
    };
    &::-webkit-scrollbar, & *::-webkit-scrollbar: {
        backgroundColor: string;
        height: string;
        width: string;
    };
    &::-webkit-scrollbar-button: {
        display: string;
    };
    &::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner: {
        backgroundColor: string;
    };
    &::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb: {
        backgroundColor: string;
        border: string;
        borderRadius: number;
        minHeight: string;
        minWidth: string;
    };
    &::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active: {
        backgroundColor: string;
        border: true;
    };
    &::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus: {
        backgroundColor: string;
        border: true;
    };
    &::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover: {
        backgroundColor: string;
        border: true;
    };
    &::-webkit-scrollbar-track, & *::-webkit-scrollbar-track: {};
    &::-webkit-scrollbar-track-piece, & *::-webkit-scrollbar-track-piece: {};
}

• & .scrollbar-button: {
      backgroundColor: string;
      fill: string;
      height: string;
      transition: string;
      width: string;
  }

  • backgroundColor: string

  • fill: string

  • height: string

  • transition: string

  • width: string

• & .scrollbar-button:disabled: {
      opacity: number;
  }

  • opacity: number

• & .scrollbar-button:hover:not([disabled]): {
      fill: string;
  }

  • fill: string

• &::-webkit-scrollbar, & *::-webkit-scrollbar: {
      backgroundColor: string;
      height: string;
      width: string;
  }

  • backgroundColor: string

  • height: string

  • width: string

• &::-webkit-scrollbar-button: {
      display: string;
  }

  • display: string

• &::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner: {
      backgroundColor: string;
  }

  • backgroundColor: string

• &::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb: {
      backgroundColor: string;
      border: string;
      borderRadius: number;
      minHeight: string;
      minWidth: string;
  }

  • backgroundColor: string

  • border: string

  • borderRadius: number

  • minHeight: string

  • minWidth: string

• &::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active: {
      backgroundColor: string;
      border: true;
  }

  • backgroundColor: string

  • border: true

• &::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus: {
      backgroundColor: string;
      border: true;
  }

  • backgroundColor: string

  • border: true

• &::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover: {
      backgroundColor: string;
      border: true;
  }

  • backgroundColor: string

  • border: true

• &::-webkit-scrollbar-track, & *::-webkit-scrollbar-track: {}

• &::-webkit-scrollbar-track-piece, & *::-webkit-scrollbar-track-piece: {}