Open JaeYeopHan opened 3 years ago
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: ${스크롤바_액티브_색상}; } `;