diff --git a/src/app/globals.css b/src/app/globals.css index 048151b9..cf56efec 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4,11 +4,11 @@ body.scrollbar-is-visible::-webkit-scrollbar-corner, body.scrollbar-is-visible::-webkit-scrollbar-track { - background: theme('colors.neutral.800'); + background: theme('colors.neutral.900'); } body.scrollbar-is-visible::-webkit-scrollbar-thumb { - background: theme('colors.neutral.600'); + background: theme('colors.neutral.700'); border-radius: 10px; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 56e7f7e8..bf0883b4 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -43,7 +43,7 @@ export default function RootLayout({ diff --git a/src/components/DiscoverFilters/Genres.tsx b/src/components/DiscoverFilters/Genres.tsx index e9f1ac79..7ae8cd79 100644 --- a/src/components/DiscoverFilters/Genres.tsx +++ b/src/components/DiscoverFilters/Genres.tsx @@ -12,7 +12,7 @@ const buttonStyles = cva( { variants: { state: { - active: 'bg-white text-neutral-800', + active: 'bg-white text-neutral-900', inactive: 'bg-white/10 text-white', }, }, diff --git a/src/components/DiscoverFilters/MultiSelect.tsx b/src/components/DiscoverFilters/MultiSelect.tsx index c36de770..35648ce6 100644 --- a/src/components/DiscoverFilters/MultiSelect.tsx +++ b/src/components/DiscoverFilters/MultiSelect.tsx @@ -303,7 +303,7 @@ function MultiSelect({ {isPending && (
{filterCount > 0 ? ( - + {filterCount} ) : ( diff --git a/src/constants.ts b/src/constants.ts index c2404d71..ebbf46d9 100644 --- a/src/constants.ts +++ b/src/constants.ts @@ -1,3 +1,3 @@ -export const DEFAULT_BACKGROUND_COLOR = '#262626'; +export const DEFAULT_BACKGROUND_COLOR = '#171717'; export const DEFAULT_BACKGROUND_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';