chore: darken colors

koenoe · Nov 15, 2024 · 153ee30 · 153ee30
1 parent 9e26ba4
commit 153ee30
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -43,7 +43,7 @@ export default function RootLayout({
     <html lang="en">
       <body
         className={cx(
-          'flex min-h-screen select-none flex-col overflow-x-hidden overscroll-y-none bg-neutral-800 text-white subpixel-antialiased',
+          'flex min-h-screen select-none flex-col overflow-x-hidden overscroll-y-none bg-neutral-900 text-white subpixel-antialiased',
           inter.className,
         )}
       >

diff --git 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
@@ -303,7 +303,7 @@ function MultiSelect({
           {isPending && (
             <svg
               aria-hidden="true"
-              className="inline h-4 w-4 animate-spin fill-white text-neutral-600"
+              className="inline h-4 w-4 animate-spin fill-white text-neutral-700"
               viewBox="0 0 100 101"
               fill="none"
               xmlns="http://www.w3.org/2000/svg"
@@ -335,7 +335,7 @@ function MultiSelect({
             variants={dropdownVariants}
           >
             <motion.div
-              className="relative h-auto max-h-40 overflow-y-auto overflow-x-hidden rounded-lg bg-white text-neutral-800 md:max-h-96"
+              className="relative h-auto max-h-40 overflow-y-auto overflow-x-hidden rounded-lg bg-white text-neutral-900 md:max-h-96"
               style={{
                 width: widthOfResults,
               }}

diff --git a/src/components/DiscoverFilters/index.tsx b/src/components/DiscoverFilters/index.tsx
@@ -27,7 +27,7 @@ export default function DiscoverFilters({
       >
         <div className="flex h-[18px] w-[18px] items-center justify-center">
           {filterCount > 0 ? (
-            <span className="flex h-full w-full items-center justify-center rounded-full bg-white text-[11px] font-bold leading-none tracking-tighter text-neutral-800">
+            <span className="flex h-full w-full items-center justify-center rounded-full bg-white text-[11px] font-bold leading-none tracking-tighter text-neutral-900">
               {filterCount}
             </span>
           ) : (

diff --git 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';