diff --git a/apps/browser/src/popup/scss/tailwind.css b/apps/browser/src/popup/scss/tailwind.css index 7e12c1d6770..f465e0b77c1 100644 --- a/apps/browser/src/popup/scss/tailwind.css +++ b/apps/browser/src/popup/scss/tailwind.css @@ -3,3 +3,26 @@ @tailwind utilities; @import "../../../../../libs/components/src/tw-theme.css"; + +@layer base { + /* Chrome & Safari support */ + ::-webkit-scrollbar { + @apply tw-overflow-auto; + } + ::-webkit-scrollbar-thumb { + @apply tw-bg-secondary-500 tw-rounded-lg tw-border-4 tw-border-solid tw-border-transparent tw-bg-clip-content; + } + ::-webkit-scrollbar-track { + @apply tw-bg-background-alt; + } + ::-webkit-scrollbar-thumb:hover { + @apply tw-bg-secondary-600; + } + + /* FireFox support */ + * { + @supports (-moz-appearance: none) { + scrollbar-color: rgb(var(--color-secondary-500)) rgb(var(--color-background-alt)); + } + } +}