more style changes

docs/connectivity/saas-connectivity/connector-customizers/getting-started.md

@@ -11,7 +11,7 @@ slug: /connectivity/saas-connectivity/customizers/getting-started
 tags: ['Connectivity']
 ---
 
-# Get Started
+# Get started
 
 import Video from '@site/src/components/Video';
 

navbar.ts

@@ -44,14 +44,14 @@ const navbarConfig = {
         position: 'left',
         items: [
           { label: 'Developer Forum', to: 'https://developer.sailpoint.com/discuss/' },
-          { label: 'CoLab Marketplace', to: '/colab' },
+          { label: 'CoLab marketplace', to: '/colab' },
-          { label: 'Developer Blog', to: '/blog' },
+          { label: 'Developer blog', to: '/blog' },
-          { label: 'Ambassador Program', to: '/ambassadors' },
+          { label: 'Ambassador program', to: '/ambassadors' },
         ],
       },
       {
         position: 'left',
-        label: 'Video Library',
+        label: 'Video library',
         to: '/videos',
       },
       {

src/components/homepage/HomepageGettingStarted/index.tsx

@@ -19,20 +19,20 @@ export default function HomepageGettingStarted(): ReactNode {
             </div>
             <div className={styles.gettingStartedThree}>
               Jump into our{' '}
-              <span className={styles.bold}>Get Started Guides</span> for more
+              <span className={styles.bold}>Get started Guides</span> for more
               information.
             </div>
           </div>
           <div className={styles.gridContainer}>
             <HomepageCard
               link="/docs"
-              title="Get Started with Identity Security Cloud"
+              title="Get started with Identity Security Cloud"
               image="/homepage/SailPointIdentitySecurityCloud.svg"
               product={null}
             />
             <HomepageCard
               link="https://documentation.sailpoint.com/identityiq/help/iiqlandingpage.html"
-              title="Get Started with IdentityIQ"
+              title="Get started with IdentityIQ"
               image="/homepage/IdentityIQ.svg"
               product={null}
             />

src/css/custom.css

@@ -356,12 +356,16 @@ h1 {
   --main-hero-card-background: #202122;
 }
 
+.openapi-schema__container:hover .openapi-schema__property {
+  color: var(--link-color) !important;
+}
+
 .navbar__link:hover {
-  color: var(--ifm-link-color) !important;
+  color: var(--link-color) !important;
 }
 
 .footer__link-item:hover {
-  color: var(--ifm-link-color) !important;
+  color: var(--link-color) !important;
   text-decoration: underline !important;
 }
 
@@ -369,6 +373,16 @@ h1 {
   margin-right: 0.5rem;
 }
 
+.cardContainer_S8oU {
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  border-color: #ebedf0 !important;
+}
+
+.cardContainer_S8oU {
+  box-shadow: var(--dev-card-selected);
+}
+
+
 @media only screen and (max-width: 1450px) {
   .navbar__logo {
     content: var(--dev-sailpoint-small-logo);
@@ -671,3 +685,10 @@ details ol li a:link, details p a:link {
   color: var(--link-color) !important;
 }
 
+p a:link, td a:link {
+  text-decoration: underline !important;
+}
+
+p a:link:hover, td a:link:hover {
+  text-decoration: none !important;
+}

src/pages/ambassadors.tsx

@@ -17,10 +17,10 @@ const Ambassador: React.FC = () => {
           <img
             className={styles.ambassadorPurposeImage}
             src={useBaseUrl('/ambassador/Ambassador-Program-Banner.png')}
-            alt="Ambassador Program Banner"
+            alt="Ambassador program Banner"
           />
           <div className={styles.ambassadorPurposeText}>
-            Our Ambassador Program offers not just exclusive benefits but also
+            Our Ambassador program offers not just exclusive benefits but also
             an enriching learning experience on SailPoint; it's a journey to
             expertise. As an Ambassador, your contributions foster community
             growth, enabling knowledge-sharing among experts like you.

src/pages/blog.tsx

@@ -31,7 +31,7 @@ const Blog: React.FC = () => {
           <div className={styles.mainCard}>
             <div className={styles.contentContainer}>
               <div className={styles.gettingStartedText}>
-                <div className={styles.gettingStartedOne}>Community Blog</div>
+                <div className={styles.gettingStartedOne}>Community blog</div>
                 <div className={styles.gettingStartedThree}>
                   <span>
                     Our community blog is a collection of technical writings

src/pages/colab.tsx

@@ -49,7 +49,7 @@ const Marketplace: React.FC = () => {
           <div className={styles.mainCard}>
             <div className={styles.contentContainer}>
               <div className={styles.gettingStartedText}>
-                <div className={styles.gettingStartedOne}>CoLab Marketplace</div>
+                <div className={styles.gettingStartedOne}>CoLab marketplace</div>
                 <div className={styles.gettingStartedTwo}>What is the CoLab?</div>
                 <div className={styles.gettingStartedThree}>
                   <span>

src/pages/videos.tsx

@@ -32,7 +32,7 @@ const VideoLibrary: React.FC = () => {
             <div className={styles.mainCard}>
               <div className={styles.contentContainer}>
                 <div className={styles.gettingStartedText}>
-                  <div className={styles.gettingStartedOne}>Video Library</div>
+                  <div className={styles.gettingStartedOne}>Video library</div>
                   <div className={styles.gettingStartedThree}>
                     <span>
                       Our video library is a collection of educational videos