Custom Scrollbar styling

[jbee37142]

const 스크롤바_배경_색상 = '#fafafa';
const 스크롤바_기본_색상 = '#c1c1c1';
const 스크롤바_액티브_색상 = '#7d7d7d';

export const customScrollbarStyles = css`
  ::-webkit-scrollbar {
    width: 16px;
  }
  ::-webkit-scrollbar-track {
    background-color: ${스크롤바_배경_색상};
  }
  ::-webkit-scrollbar-thumb {
    background-color: ${스크롤바_기본_색상};
    border: 3px solid ${스크롤바_배경_색상}; /* NOTE: padding 효과를 주기위해 track과 같은 color로 border를 지정 */
    border-radius: 8px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: ${스크롤바_액티브_색상};
  }
`;