gradients

sourcegraph · Oct 25, 2024 · f847176 · f847176
1 parent 319319b
commit f847176
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/cody/dual-theme/CodyIntroDualTheme.tsx b/src/components/cody/dual-theme/CodyIntroDualTheme.tsx
@@ -32,7 +32,7 @@ export const CodyIntroDualTheme: FunctionComponent<CodyIntroDualThemeProps> = ({
 }) => (
     <ContentSection
         parentClassName="!py-0 !px-0"
-        className={classNames('pt-16 text-center md:mt-0 md:pt-[123px]', wrapperClassName)}
+        className={classNames('pt-16 text-center md:mt-0 md:py-[123px]', wrapperClassName)}
     >
         <h1
             className={classNames('mx-auto w-full font-semibold', titleSize || 'text-4xl sm:text-6xl', {
@@ -65,7 +65,9 @@ export const CodyIntroDualTheme: FunctionComponent<CodyIntroDualThemeProps> = ({
                 type="button"
                 className={classNames(
                     'btn w-full px-6 py-2 lg:w-fit',
-                    isLight ? 'btn-primary' : 'btn-primary-dark',
+                    isLight
+                        ? 'btn-primary bg-[linear-gradient(87deg,#270741_1.7%,#59136D_26.55%,#462390_51.83%,#270741_95.76%)]'
+                        : 'btn-primary-dark',
                     isVariant && 'md:!w-fit'
                 )}
                 title="Download Cody for Free"

diff --git a/src/pages/cody.tsx b/src/pages/cody.tsx
@@ -151,6 +151,9 @@ const CodyPage: FunctionComponent = () => {
             className="relative w-full !overflow-x-hidden bg-gray-50"
         >
             <div className="relative">
+                {/* gradient background */}
+                <div className="pointer-events-none absolute inset-0 -translate-y-32 bg-[linear-gradient(180deg,#E9EDFC_20%,#F9FAFB_90.4%)]" />
+
                 {/* blob gradients */}
                 <div className="pointer-events-none absolute inset-0">
                     <img
@@ -167,7 +170,7 @@ const CodyPage: FunctionComponent = () => {
                     />
                 </div>
 
-                <ContentSection parentClassName="!py-0">
+                <ContentSection parentClassName="relative !py-0">
                     <CodyIntroDualTheme
                         isLight={true}
                         title="The most informed Code AI"