From 6338e1c8929979dee44c27a578788857bd5effcc Mon Sep 17 00:00:00 2001 From: "courtmanr@gmail.com" Date: Fri, 9 May 2025 17:10:01 +0100 Subject: [PATCH] feat: Configure tailwind-scrollbar plugin and theme --- src/tailwind.config.js | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/src/tailwind.config.js b/src/tailwind.config.js index 33787a900..a0b81b6a3 100644 --- a/src/tailwind.config.js +++ b/src/tailwind.config.js @@ -15,7 +15,27 @@ module.exports = { ], theme: { extend: {}, + scrollbar: theme => ({ + DEFAULT: { + size: theme('spacing.3'), + track: { + background: theme('colors.gray.100'), + darkBackground: theme('colors.neutral.700'), + }, + thumb: { + background: theme('colors.gray.400'), + darkBackground: theme('colors.neutral.500'), + borderRadius: theme('borderRadius.full'), + }, + hover: { + background: theme('colors.gray.500'), + darkBackground: theme('colors.neutral.400'), + }, + }, + }), }, - plugins: [], + plugins: [ + require('@gradin/tailwindcss-scrollbar'), + ], }