diff --git a/apps/studio/components/interfaces/Account/Preferences/ThemeSettings.tsx b/apps/studio/components/interfaces/Account/Preferences/ThemeSettings.tsx
index 9e4e9676728..e90964a05fd 100644
--- a/apps/studio/components/interfaces/Account/Preferences/ThemeSettings.tsx
+++ b/apps/studio/components/interfaces/Account/Preferences/ThemeSettings.tsx
@@ -41,7 +41,7 @@ const ThemeSettings = () => {
         >
           {singleThemes.map((theme: Theme) => (
             <RadioGroupLargeItem_Shadcn_ key={theme.value} value={theme.value} label={theme.name}>
-              <SVG src={`${BASE_PATH}/img/themes/${theme.value}.svg`} />
+              <SVG src={`${BASE_PATH}/img/themes/${theme.value}.svg?v=2`} />
             </RadioGroupLargeItem_Shadcn_>
           ))}
         </RadioGroup_Shadcn_>
diff --git a/apps/studio/public/img/themes/classic-dark.svg b/apps/studio/public/img/themes/classic-dark.svg
new file mode 100644
index 00000000000..ea74324a835
--- /dev/null
+++ b/apps/studio/public/img/themes/classic-dark.svg
@@ -0,0 +1,39 @@
+<svg viewBox="0 0 162 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_701_65535)">
+<rect x="0.242188" width="161.5" height="88" rx="6" fill="#1C1C1C"/>
+<mask id="path-3-inside-1_701_65535" fill="white">
+<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z"/>
+</mask>
+<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z" fill="#1C1C1C"/>
+<path d="M0.242188 0H13.2422H0.242188ZM13.2422 88H0.242188H13.2422ZM0.242188 88V0V88ZM14.2422 0V88H12.2422V0H14.2422Z" fill="#2E2E2E" mask="url(#path-3-inside-1_701_65535)"/>
+<mask id="path-5-inside-2_701_65535" fill="white">
+<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z"/>
+</mask>
+<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z" fill="#1C1C1C"/>
+<path d="M161.742 0L161.742 13L161.742 0ZM13.2422 13L13.2422 -6.49114e-06L13.2422 13ZM13.2422 -6.49114e-06L161.742 0L13.2422 -6.49114e-06ZM161.742 14L13.2422 14L13.2422 12L161.742 12L161.742 14Z" fill="#2E2E2E" mask="url(#path-5-inside-2_701_65535)"/>
+<rect x="44.2552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
+<rect x="44.2552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
+<rect x="52.4406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
+<rect x="52.4406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
+<rect x="77.8762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
+<rect x="77.8762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
+<rect x="77.8762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
+<rect x="77.8762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
+<rect x="17.9922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
+<rect x="43.7552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
+<rect x="69.0052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
+<rect x="101.423" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
+<rect x="4.86719" y="4.625" width="3.75" height="3.75" rx="1" fill="#707070"/>
+<rect x="4.86719" y="13.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
+<rect x="4.86719" y="20.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
+<rect x="4.86719" y="28.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
+<rect x="4.86719" y="35.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
+<rect x="4.86719" y="78.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
+</g>
+<rect x="0.742188" y="0.5" width="160.5" height="87" rx="5.5" stroke="#2E2E2E"/>
+<defs>
+<clipPath id="clip0_701_65535">
+<rect x="0.242188" width="161.5" height="88" rx="6" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/studio/public/img/themes/dark.svg b/apps/studio/public/img/themes/dark.svg
index ea74324a835..05bab64b78d 100644
--- a/apps/studio/public/img/themes/dark.svg
+++ b/apps/studio/public/img/themes/dark.svg
@@ -1,39 +1,39 @@
-<svg viewBox="0 0 162 88" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_701_65535)">
-<rect x="0.242188" width="161.5" height="88" rx="6" fill="#1C1C1C"/>
-<mask id="path-3-inside-1_701_65535" fill="white">
-<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z"/>
+<svg viewBox="0 0 163 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_701_65549)">
+<rect x="0.742188" width="161.5" height="88" rx="6" fill="#121212"/>
+<mask id="path-3-inside-1_701_65549" fill="white">
+<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z"/>
 </mask>
-<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z" fill="#1C1C1C"/>
-<path d="M0.242188 0H13.2422H0.242188ZM13.2422 88H0.242188H13.2422ZM0.242188 88V0V88ZM14.2422 0V88H12.2422V0H14.2422Z" fill="#2E2E2E" mask="url(#path-3-inside-1_701_65535)"/>
-<mask id="path-5-inside-2_701_65535" fill="white">
-<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z"/>
+<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z" fill="#121212"/>
+<path d="M0.742188 0H13.7422H0.742188ZM13.7422 88H0.742188H13.7422ZM0.742188 88V0V88ZM14.7422 0V88H12.7422V0H14.7422Z" fill="#292929" mask="url(#path-3-inside-1_701_65549)"/>
+<mask id="path-5-inside-2_701_65549" fill="white">
+<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
 </mask>
-<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z" fill="#1C1C1C"/>
-<path d="M161.742 0L161.742 13L161.742 0ZM13.2422 13L13.2422 -6.49114e-06L13.2422 13ZM13.2422 -6.49114e-06L161.742 0L13.2422 -6.49114e-06ZM161.742 14L13.2422 14L13.2422 12L161.742 12L161.742 14Z" fill="#2E2E2E" mask="url(#path-5-inside-2_701_65535)"/>
-<rect x="44.2552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
-<rect x="44.2552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
-<rect x="52.4406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
-<rect x="52.4406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
-<rect x="77.8762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
-<rect x="77.8762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
-<rect x="77.8762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
-<rect x="77.8762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
-<rect x="17.9922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
-<rect x="43.7552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
-<rect x="69.0052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
-<rect x="101.423" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
-<rect x="4.86719" y="4.625" width="3.75" height="3.75" rx="1" fill="#707070"/>
-<rect x="4.86719" y="13.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
-<rect x="4.86719" y="20.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
-<rect x="4.86719" y="28.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
-<rect x="4.86719" y="35.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
-<rect x="4.86719" y="78.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
+<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#121212"/>
+<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#292929" mask="url(#path-5-inside-2_701_65549)"/>
+<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
+<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
+<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
+<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
+<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
+<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
+<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
+<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
+<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
+<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
+<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
+<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#DB8E00"/>
+<rect x="5.36719" y="4.625" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
+<rect x="5.36719" y="13.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
+<rect x="5.36719" y="20.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
+<rect x="5.36719" y="28.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
+<rect x="5.36719" y="35.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
+<rect x="5.36719" y="78.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
 </g>
-<rect x="0.742188" y="0.5" width="160.5" height="87" rx="5.5" stroke="#2E2E2E"/>
+<rect x="1.24219" y="0.5" width="160.5" height="87" rx="5.5" stroke="#292929"/>
 <defs>
-<clipPath id="clip0_701_65535">
-<rect x="0.242188" width="161.5" height="88" rx="6" fill="white"/>
+<clipPath id="clip0_701_65549">
+<rect x="0.742188" width="161.5" height="88" rx="6" fill="white"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/apps/studio/public/img/themes/deep-dark.svg b/apps/studio/public/img/themes/deep-dark.svg
deleted file mode 100644
index 05bab64b78d..00000000000
--- a/apps/studio/public/img/themes/deep-dark.svg
+++ /dev/null
@@ -1,39 +0,0 @@
-<svg viewBox="0 0 163 88" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_701_65549)">
-<rect x="0.742188" width="161.5" height="88" rx="6" fill="#121212"/>
-<mask id="path-3-inside-1_701_65549" fill="white">
-<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z"/>
-</mask>
-<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z" fill="#121212"/>
-<path d="M0.742188 0H13.7422H0.742188ZM13.7422 88H0.742188H13.7422ZM0.742188 88V0V88ZM14.7422 0V88H12.7422V0H14.7422Z" fill="#292929" mask="url(#path-3-inside-1_701_65549)"/>
-<mask id="path-5-inside-2_701_65549" fill="white">
-<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
-</mask>
-<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#121212"/>
-<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#292929" mask="url(#path-5-inside-2_701_65549)"/>
-<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
-<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
-<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
-<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
-<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
-<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
-<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
-<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
-<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
-<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
-<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
-<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#DB8E00"/>
-<rect x="5.36719" y="4.625" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
-<rect x="5.36719" y="13.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
-<rect x="5.36719" y="20.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
-<rect x="5.36719" y="28.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
-<rect x="5.36719" y="35.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
-<rect x="5.36719" y="78.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
-</g>
-<rect x="1.24219" y="0.5" width="160.5" height="87" rx="5.5" stroke="#292929"/>
-<defs>
-<clipPath id="clip0_701_65549">
-<rect x="0.742188" width="161.5" height="88" rx="6" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/apps/www/components/ExampleCard.tsx b/apps/www/components/ExampleCard.tsx
index f98f4976813..b93bb4e0af5 100644
--- a/apps/www/components/ExampleCard.tsx
+++ b/apps/www/components/ExampleCard.tsx
@@ -17,10 +17,10 @@ function ExampleCard(props: any) {
 
   return (
     <Link href={props.repo_url} className="w-full h-full" target="_blank">
-      <Panel innerClassName="bg-surface-100 group/panel" hasActiveOnHover>
+      <Panel innerClassName="bg-surface-75 group/panel" hasActiveOnHover>
         <div className="flex flex-col justify-between">
           {props.tags && (
-            <div className="relative w-full aspect-[3/1] bg-alternative flex items-center justify-center gap-4 overflow-hidden">
+            <div className="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden">
               {props.tags.map((tag: string) => {
                 const framework = frameworks.find((f) => f.name === tag)
                 if (!framework) return null
diff --git a/apps/www/components/Panel/Panel.tsx b/apps/www/components/Panel/Panel.tsx
index 2e642a47d6b..7b40c8460eb 100644
--- a/apps/www/components/Panel/Panel.tsx
+++ b/apps/www/components/Panel/Panel.tsx
@@ -78,7 +78,7 @@ const Panel = ({
     <Component
       ref={outerRef}
       className={cn(
-        'relative rounded-xl p-px bg-surface-100 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all shadow-md flex items-center justify-center',
+        'relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all shadow-md flex items-center justify-center',
         !trackCursor && hasActiveOnHover
           ? activeColor === 'brand'
             ? 'hover:bg-none hover:!bg-brand'
@@ -91,7 +91,7 @@ const Panel = ({
     >
       <div
         className={cn(
-          'relative z-10 w-full h-full rounded-xl bg-surface-100 overflow-hidden text-foreground-light',
+          'relative z-10 w-full h-full rounded-xl bg-surface-75 overflow-hidden text-foreground-light',
           innerClassName
         )}
       >
diff --git a/apps/www/components/Products/ProductCard.tsx b/apps/www/components/Products/ProductCard.tsx
index 0ffde0d8c8e..6a25c7aecdd 100644
--- a/apps/www/components/Products/ProductCard.tsx
+++ b/apps/www/components/Products/ProductCard.tsx
@@ -40,7 +40,7 @@ const ProductCard = ({
       outerClassName="relative w-full h-full shadow-lg"
       innerClassName={cn(
         `relative overflow-hidden flex-1 flex flex-col items-center gap-5 lg:items-start justify-between
-          bg-surface-100 w-full rounded-xl h-full`
+          bg-surface-75 w-full rounded-xl h-full`
       )}
     >
       <div
@@ -49,7 +49,7 @@ const ProductCard = ({
           alignLeft && 'lg:mx-0 lg:pl-8 lg:items-start lg:text-left lg:max-w-[260px]'
         )}
       >
-        <div className="flex items-center justify-center h-12 w-12 bg-alternative rounded-lg mb-3">
+        <div className="flex items-center justify-center h-10 w-10 bg-surface-200 border rounded-lg mb-3">
           {icon && (
             <svg
               width="25"
@@ -60,7 +60,7 @@ const ProductCard = ({
             >
               <path
                 d={icon}
-                stroke="var(--colors-brand9)"
+                stroke="hsl(var(--foreground-lighter))"
                 strokeMiterlimit="10"
                 strokeLinejoin="round"
                 strokeLinecap="round"
diff --git a/apps/www/styles/index.css b/apps/www/styles/index.css
index 2cb000223d1..0a1032adcd9 100644
--- a/apps/www/styles/index.css
+++ b/apps/www/styles/index.css
@@ -43,7 +43,7 @@ html {
 }
 
 body {
-  @apply bg-background text-foreground;
+  @apply bg text-foreground;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
diff --git a/packages/ui-patterns/GlassPanel/index.tsx b/packages/ui-patterns/GlassPanel/index.tsx
index e2b0fd526ad..70af0c04d72 100644
--- a/packages/ui-patterns/GlassPanel/index.tsx
+++ b/packages/ui-patterns/GlassPanel/index.tsx
@@ -40,9 +40,7 @@ export const GlassPanel = ({
     <div
       className={cn(
         'shrink-0',
-        showIconBg
-          ? 'bg-brand-200 dark:bg-brand-400 border border-brand-300 dark:border-brand-400 w-8 h-8 flex items-center justify-center rounded'
-          : ''
+        showIconBg ? 'bg-surface-75 border w-8 h-8 flex items-center justify-center rounded' : ''
       )}
     >
       {props.children}
@@ -74,7 +72,7 @@ export const GlassPanel = ({
         'border rounded-lg',
         'text-left',
         background
-          ? 'hover:border-strong bg-surface-100'
+          ? 'hover:border-strong bg-surface-75'
           : 'border-muted hover:border-default bg-transparent',
         'transition',
         className
@@ -91,10 +89,10 @@ export const GlassPanel = ({
             "
         />
       )}
-      <div
+      {/* <div
         className="absolute left-0 top-0 w-[250px] h-[150px] transform scale-100 opacity-50 group-hover:scale-150 group-hover:opacity-100 transition-all duration-700 ease-out"
         style={{ background: `radial-gradient(100% 100% at 0% 0%, #3EACCF18, transparent)` }}
-      />
+      /> */}
       <div
         className={cn(
           'px-8 pb-8 relative',
diff --git a/packages/ui-patterns/TweetCard/index.tsx b/packages/ui-patterns/TweetCard/index.tsx
index 3d4f1bf8dd6..86bf7eb2b9d 100644
--- a/packages/ui-patterns/TweetCard/index.tsx
+++ b/packages/ui-patterns/TweetCard/index.tsx
@@ -10,7 +10,7 @@ export function TweetCard(props: TweetCard) {
   return (
     <div
       className="
-      bg-surface-100 border-overlay
+      bg-surface-75 border
       rounded-2xl border p-6
       drop-shadow-sm
     "
diff --git a/packages/ui/src/components/ThemeProvider/singleThemes.ts b/packages/ui/src/components/ThemeProvider/singleThemes.ts
index f2e0db197c9..1812b628000 100644
--- a/packages/ui/src/components/ThemeProvider/singleThemes.ts
+++ b/packages/ui/src/components/ThemeProvider/singleThemes.ts
@@ -5,7 +5,7 @@ export interface SingleTheme {
 
 export const singleThemes = [
   { name: 'Dark', value: 'dark' }, // Classic Supabase dark
-  { name: 'Deep Dark', value: 'deep-dark' }, // Deep Dark Supabase dark
   { name: 'Light', value: 'light' }, // Classic Supabase light
+  { name: 'Classic Dark', value: 'classic-dark' }, // Deep Dark Supabase dark
   { name: 'System', value: 'system' }, // Classic Supabase light
 ]