Update website theme

docusaurus.config.js

@@ -6,7 +6,7 @@ const { DEFAULT_VERSION } = require('./src/constant/version');
 
 const lightCodeTheme = themes.dracula;
 
-const logoImg = '/images/logo.svg';
+const logoImg = '/images/logo-doris.svg';
 
 function getDocsVersions() {
     const result = {};
@@ -76,7 +76,7 @@ const config = {
             'data-modal-override-open-selector':"#navbar-ask-ai-btn",
             'data-project-logo': 'https://cdn.selectdb.com/static/doris_1_3c42247c63.png',
             'data-modal-image': 'https://cdn.selectdb.com/static/doris_logo_cc5a30d886.png',
-            'data-project-color': '#1FCD94',
+            'data-project-color': '#11A679',
             'data-modal-disclaimer': 'This is a custom LLM with access to all [Doris documentation](https://doris.apache.org/docs/4.x/gettingStarted/what-is-apache-doris).',
             'data-consent-required': true,
             'data-consent-screen-disclaimer': "By clicking "I agree, let's chat", you consent to the use of the AI assistant in accordance with kapa.ai's [Privacy Policy](https://www.kapa.ai/content/privacy-policy). This service uses reCAPTCHA, which requires your consent to Google's [Privacy Policy](https://policies.google.com/privacy) and [Terms of Service](https://policies.google.com/terms). By proceeding, you explicitly agree to both kapa.ai's and Google's privacy policies.",

src/components/Icons/arrow-down-icon.tsx

@@ -8,7 +8,7 @@ export function ArrowDownIcon(props: ArrowDownIconProps) {
         <svg {...props} xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none">
             <path
                 d="M0.900391 6.52721L6.26399 1.1636C6.61547 0.812131 7.18532 0.81213 7.53679 1.1636L12.9004 6.52721"
-                stroke="#1FCD94"
+                stroke="#11A679"
                 stroke-width="1.8"
                 stroke-linecap="round"
             />

src/components/Icons/arrow-down.tsx

@@ -0,0 +1,9 @@
+import React from "react"
+
+export function ArrowDown(props: any) {
+    return (
+        <svg {...props} xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none">
+            <path d="M12.9004 0.899902L7.53679 6.26351C7.18531 6.61498 6.61547 6.61498 6.26399 6.26351L0.90039 0.899901" stroke="#11A679" stroke-width="1.8" stroke-linecap="round" />
+        </svg>
+    )
+}

src/components/Icons/arrow.tsx

@@ -5,14 +5,14 @@ export default function ArrowIcon() {
         <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
             <path
                 d="M10.1251 13.5L14.625 9L10.1251 4.5"
-                stroke="#1FCD94"
+                stroke="#11A679"
                 strokeWidth="1.5"
                 strokeLinecap="round"
                 strokeLinejoin="round"
             />
             <path
                 d="M3.37506 9.00049L14.6251 9.00049"
-                stroke="#1FCD94"
+                stroke="#11A679"
                 strokeWidth="1.5"
                 strokeLinecap="round"
                 strokeLinejoin="round"

src/components/Icons/checked-icon.tsx

@@ -7,7 +7,7 @@ export function CheckedIcon(props: any) {
                 <rect width="16" height="16" fill="white" />
                 <path
                     d="M1.5 8.19781L2.81207 6.84098L6.14286 10.2844L13.1861 3L14.5 4.35875L6.14286 13L1.5 8.19781Z"
-                    fill="#1FCD94"
+                    fill="#11A679"
                 />
             </svg>
         </span>

src/components/Icons/github-icon-navbar.tsx

@@ -0,0 +1,9 @@
+import React from "react"
+
+export function GithubIconNavbar(props: any) {
+    return (
+        <svg {...props} xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
+            <path d="M11.0001 0.998095C5.47563 0.998095 1.00024 5.47348 1.00024 10.9979C1.00024 15.4224 3.86293 19.1606 7.83742 20.4851C8.33741 20.5723 8.52468 20.2733 8.52468 20.0105C8.52468 19.7724 8.51286 18.9851 8.51286 18.1478C6.00017 18.6106 5.35018 17.5351 5.15018 16.9733C5.03746 16.6851 4.55019 15.7979 4.12565 15.5606C3.77566 15.3724 3.27476 14.9106 4.11293 14.8979C4.90019 14.8852 5.4629 15.6224 5.65018 15.9233C6.55016 17.4351 7.98741 17.0106 8.56286 16.7479C8.65013 16.0979 8.91285 15.6606 9.20012 15.4106C6.9747 15.1606 4.65019 14.2979 4.65019 10.4725C4.65019 9.38524 5.03746 8.48526 5.67563 7.78527C5.57472 7.53527 5.22473 6.51074 5.77563 5.13531C5.77563 5.13531 6.61289 4.87349 8.52468 6.16074C9.33873 5.93489 10.1798 5.82141 11.0246 5.82348C11.8755 5.82348 12.7255 5.93529 13.5246 6.16074C15.4373 4.86076 16.2746 5.13531 16.2746 5.13531C16.8246 6.51074 16.4755 7.53527 16.3755 7.78527C17.0127 8.48526 17.4 9.37342 17.4 10.4725C17.4 14.3106 15.0628 15.1606 12.8373 15.4106C13.2001 15.7233 13.5128 16.3233 13.5128 17.2606C13.5128 18.5978 13.5001 19.6733 13.5001 20.0105C13.5001 20.2733 13.6873 20.5851 14.1873 20.4851C18.1373 19.1606 20.9999 15.4106 20.9999 10.9979C20.9999 5.47348 16.5255 0.998095 11.0001 0.998095Z" fill="#1D1D1D" />
+        </svg>
+    )
+}

src/components/Icons/star-green-icon.tsx

@@ -5,7 +5,7 @@ export function StarGreenIcon() {
         <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
             <path
                 d="M7.35457 0.574461C7.42306 0.423027 7.5322 0.292956 7.67018 0.198317C7.80816 0.103677 7.96974 0.04807 8.13742 0.037509C8.30511 0.026948 8.47253 0.0618351 8.62158 0.138397C8.77063 0.21496 8.89564 0.330283 8.98308 0.471896L9.03778 0.574461L9.98672 2.68378C10.8161 4.52515 12.1952 6.07276 13.9397 7.11968L14.2337 7.28972L15.9197 8.2263C16.0536 8.30049 16.1666 8.40653 16.2484 8.53479C16.3302 8.66304 16.3783 8.80945 16.3882 8.96069C16.3981 9.11194 16.3696 9.26323 16.3052 9.40083C16.2408 9.53842 16.1426 9.65796 16.0195 9.74857L15.921 9.81064L14.2337 10.7472C12.454 11.7355 11.0224 13.2365 10.1303 15.0495L9.98672 15.3532L9.03641 17.4625C8.96778 17.6136 8.85866 17.7433 8.72081 17.8377C8.58296 17.9321 8.42162 17.9876 8.25418 17.9982C8.08674 18.0087 7.91956 17.9739 7.77066 17.8976C7.62177 17.8213 7.49681 17.7063 7.40926 17.565L7.35457 17.4625L6.40426 15.3532C5.57484 13.5118 4.19572 11.9643 2.45124 10.9173L2.15726 10.7472L0.471311 9.81064C0.337321 9.73674 0.224189 9.63093 0.142217 9.50285C0.0602439 9.37477 0.0120344 9.22849 0.00197753 9.07732C-0.00807937 8.92615 0.0203358 8.7749 0.0846359 8.63734C0.148936 8.49978 0.247078 8.38028 0.370127 8.28972L0.468577 8.22765L2.15589 7.29107C3.93569 6.30285 5.36732 4.80183 6.25932 2.98877L6.40289 2.68513L7.3532 0.57581L7.35457 0.574461ZM15.6899 0.130465C16.1425 1.14532 16.9145 1.98914 17.8914 2.53668C17.9244 2.55517 17.9518 2.58196 17.9709 2.61432C17.9899 2.64668 18 2.68345 18 2.72089C18 2.75833 17.9899 2.7951 17.9709 2.82745C17.9518 2.85981 17.9244 2.8866 17.8914 2.9051C16.9145 3.45264 16.1425 4.29645 15.6899 5.31131C15.6731 5.3501 15.645 5.38315 15.6093 5.40638C15.5736 5.4296 15.5317 5.44198 15.4889 5.44198C15.4462 5.44198 15.4043 5.4296 15.3686 5.40638C15.3329 5.38315 15.3048 5.3501 15.2879 5.31131C14.8352 4.29695 14.0632 3.45364 13.0865 2.90645C13.0532 2.88805 13.0255 2.86122 13.0062 2.82872C12.9869 2.79622 12.9767 2.75923 12.9767 2.72156C12.9767 2.68389 12.9869 2.6469 13.0062 2.6144C13.0255 2.58191 13.0532 2.55508 13.0865 2.53668C14.0636 1.98879 14.8357 1.14448 15.2879 0.129116C15.305 0.0907214 15.3331 0.0580664 15.3686 0.035138C15.4042 0.0122096 15.4458 0 15.4883 0C15.5308 0 15.5723 0.0122096 15.6079 0.035138C15.6435 0.0580664 15.6715 0.0907214 15.6886 0.129116V0.130465H15.6899Z"
-                fill="#1FCD94"
+                fill="#11A679"
             />
         </svg>
     );

src/components/Newsletter/index.tsx

@@ -29,7 +29,7 @@ export default function NewsLetter(props: NewsLetterProps): JSX.Element {
                                         >
                                             <path
                                                 d="M3.01334 1.29775C3.30607 0.517145 4.05231 0 4.886 0H32.5C33.6046 0 34.5 0.895431 34.5 2V14C34.5 15.1046 33.6046 16 32.5 16H4.886C4.05231 16 3.30607 15.4829 3.01334 14.7022L0.763342 8.70225C0.593554 8.24948 0.593554 7.75052 0.763343 7.29775L3.01334 1.29775Z"
-                                                fill="#1FCD94"
+                                                fill="#11A679"
                                             />
                                             <path
                                                 d="M9.5 4H10.484V7.72H15.44V4H16.424V12.568H15.44V8.572H10.484V12.568H9.5V4Z"

src/components/PageBanner/index.tsx

@@ -58,14 +58,14 @@ export default function PageBanner(props: PageBannerProps): JSX.Element {
                                     >
                                         <path
                                             d="M10.6251 13.5L15.125 9L10.6251 4.5"
-                                            stroke="#1FCD94"
+                                            stroke="#11A679"
                                             strokeWidth="1.5"
                                             strokeLinecap="round"
                                             strokeLinejoin="round"
                                         />
                                         <path
                                             d="M3.87506 9.00055L15.1251 9.00055"
-                                            stroke="#1FCD94"
+                                            stroke="#11A679"
                                             strokeWidth="1.5"
                                             strokeLinecap="round"
                                             strokeLinejoin="round"

src/components/ReadMore/index.tsx

@@ -12,7 +12,7 @@ export default function ReadMore(props: ReadMoreProps) {
             className={`flex group text-primary items-center cursor-pointer hover:no-underline ${props?.className}`}
             to={props.to}
         >
-            <span className="mr-2 ">Read more</span>
+            <span className="mr-2 font-medium">Read more</span>
             <span className="transition-slide">
                 <svg
                     xmlns="http://www.w3.org/2000/svg"

src/components/download-form/download-form-all-release.tsx

@@ -170,14 +170,14 @@ export default function DownloadFormAllRelease(props: DownloadFormProps) {
                                     width="8"
                                     height="8"
                                     rx="0.564706"
-                                    stroke="#1FCD94"
+                                    stroke="#11A679"
                                     strokeWidth="1.2"
                                 />
                                 <path
                                     fillRule="evenodd"
                                     clipRule="evenodd"
                                     d="M6.0999 1.89996C5.43716 1.89996 4.8999 2.43722 4.8999 3.09996V5.49995H6.0999V3.09996L12.8999 3.09996V9.89996H10.5V11.1H12.8999C13.5626 11.1 14.0999 10.5627 14.0999 9.89996V3.09996C14.0999 2.43722 13.5626 1.89996 12.8999 1.89996H6.0999Z"
-                                    fill="#1FCD94"
+                                    fill="#11A679"
                                 />
                             </svg>
                         </div>

src/components/download-form/download-form-tools.tsx

@@ -192,12 +192,12 @@ export default function DownloadFormTools(props: DownloadFormToolsProps) {
                 >
                     <span className="mr-2">Copy link</span>
                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-                        <rect x="2.5" y="5.5" width="8" height="8" rx="0.564706" stroke="#1FCD94" strokeWidth="1.2" />
+                        <rect x="2.5" y="5.5" width="8" height="8" rx="0.564706" stroke="#11A679" strokeWidth="1.2" />
                         <path
                             fillRule="evenodd"
                             clipRule="evenodd"
                             d="M6.0999 1.89996C5.43716 1.89996 4.8999 2.43722 4.8999 3.09996V5.49995H6.0999V3.09996L12.8999 3.09996V9.89996H10.5V11.1H12.8999C13.5626 11.1 14.0999 10.5627 14.0999 9.89996V3.09996C14.0999 2.43722 13.5626 1.89996 12.8999 1.89996H6.0999Z"
-                            fill="#1FCD94"
+                            fill="#11A679"
                         />
                     </svg>
                 </div>

src/components/ecomsystem/ecomsystem-category/components/icons/cluster-management-icon.tsx

@@ -4,9 +4,9 @@ export function ClusterManagementIcon() {
     return (
         <svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect width="54" height="54" rx="6.75" fill="white" />
-            <path d="M27 6L37 11.5V22.5L27 28L17 22.5V11.5L27 6Z" fill="#1FCD94" />
-            <path d="M16 25L26 30.5V41.5L16 47L6 41.5V30.5L16 25Z" fill="#1FCD94" />
-            <path d="M48 30.5L38 25L28 30.5V41.5L38 47L48 41.5V30.5Z" fill="#1FCD94" />
+            <path d="M27 6L37 11.5V22.5L27 28L17 22.5V11.5L27 6Z" fill="#11A679" />
+            <path d="M16 25L26 30.5V41.5L16 47L6 41.5V30.5L16 25Z" fill="#11A679" />
+            <path d="M48 30.5L38 25L28 30.5V41.5L38 47L48 41.5V30.5Z" fill="#11A679" />
         </svg>
     );
 }

src/components/ecomsystem/ecomsystem-category/components/icons/connectors-icon.tsx

@@ -6,11 +6,11 @@ export function ConnectorsIcon() {
             <rect width="54" height="54" fill="white" />
             <path
                 d="M33.9239 11.8825C40.7908 14.6313 45.6413 21.347 45.6413 29.1956C45.6413 30.4391 45.5195 31.6542 45.2872 32.8296C47.0243 34.1033 48.1521 36.1591 48.1521 38.4782C48.1521 42.3442 45.0181 45.4782 41.1521 45.4782C39.8622 45.4782 38.6537 45.1293 37.616 44.5207C34.6034 46.6116 30.9448 47.8369 26.9999 47.8369C23.0551 47.8369 19.3965 46.6116 16.3839 44.5207C15.3461 45.1293 14.1377 45.4782 12.8478 45.4782C8.98179 45.4782 5.84778 42.3442 5.84778 38.4782C5.84778 36.1591 6.97558 34.1033 8.71265 32.8296C8.4804 31.6542 8.35864 30.4391 8.35864 29.1956C8.35864 21.3468 13.2093 14.631 20.0764 11.8824C20.1563 11.3454 20.299 10.8161 20.5039 10.3055C21.1096 8.7965 22.2217 7.54543 23.6494 6.76708C25.077 5.98874 26.731 5.73167 28.3276 6.04002C29.9241 6.34837 31.3634 7.20289 32.3986 8.45689C33.2132 9.44375 33.7374 10.6296 33.9239 11.8825ZM12.0367 31.5247C12.3028 31.494 12.5734 31.4782 12.8478 31.4782C16.7138 31.4782 19.8478 34.6122 19.8478 38.4782C19.8478 39.7591 19.5038 40.9596 18.9031 41.9924C21.2448 43.4772 24.022 44.3369 26.9999 44.3369C29.9779 44.3369 32.7551 43.4772 35.0968 41.9924C34.4961 40.9596 34.1521 39.7591 34.1521 38.4782C34.1521 34.6122 37.2861 31.4782 41.1521 31.4782C41.4264 31.4782 41.6971 31.494 41.9632 31.5247C42.0804 30.7655 42.1413 29.9876 42.1413 29.1956C42.1413 23.1598 38.6096 17.9489 33.5 15.5166C33.1641 16.3544 32.671 17.1121 32.0569 17.7533C30.9326 18.9279 29.4344 19.6745 27.8195 19.8649C26.2047 20.0552 24.5739 19.6774 23.2073 18.7964C21.9837 18.0076 21.0401 16.8594 20.5019 15.5156C15.3912 17.9475 11.8586 23.159 11.8586 29.1956C11.8586 29.9876 11.9195 30.7655 12.0367 31.5247Z"
-                fill="#1FCD94"
+                fill="#11A679"
             />
             <path
                 d="M32.4402 12.1033L32.567 12.9551L33.3664 13.2751C39.6835 15.8037 44.1413 21.9809 44.1413 29.1956C44.1413 30.341 44.0291 31.4587 43.8157 32.5388L43.6307 33.4749L44.4002 34.0392C45.7685 35.0426 46.6521 36.6571 46.6521 38.4782C46.6521 41.5158 44.1897 43.9782 41.1521 43.9782C40.1361 43.9782 39.1887 43.7041 38.3748 43.2268L37.5481 42.742L36.7608 43.2884C33.9912 45.2106 30.6294 46.3369 26.9999 46.3369C23.3705 46.3369 20.0087 45.2106 17.2391 43.2884L16.4518 42.742L15.625 43.2268C14.8112 43.7041 13.8638 43.9782 12.8478 43.9782C9.81021 43.9782 7.34778 41.5158 7.34778 38.4782C7.34778 36.6571 8.23134 35.0426 9.59967 34.0392L10.3692 33.4749L10.1842 32.5388C9.97077 31.4587 9.85864 30.341 9.85864 29.1956C9.85864 21.9808 14.3166 15.8035 20.6338 13.275L21.4333 12.955L21.5601 12.1032C21.6228 11.6813 21.7349 11.2655 21.8959 10.8642C22.3718 9.67861 23.2457 8.69562 24.3674 8.08407C25.4891 7.47251 26.7887 7.27053 28.0431 7.5128C29.2975 7.75508 30.4285 8.42649 31.2417 9.41177C31.8818 10.1871 32.2937 11.1189 32.4402 12.1033ZM10.5542 31.7536L10.7745 33.1803L12.2086 33.0148C12.4178 32.9907 12.631 32.9782 12.8478 32.9782C15.8853 32.9782 18.3478 35.4406 18.3478 38.4782C18.3478 39.4871 18.0775 40.4283 17.6064 41.2383L16.8806 42.4862L18.0998 43.2592C20.6747 44.8918 23.7292 45.8369 26.9999 45.8369C30.2706 45.8369 33.3252 44.8918 35.9 43.2592L37.1192 42.4862L36.3935 41.2383C35.9224 40.4283 35.6521 39.4871 35.6521 38.4782C35.6521 35.4406 38.1145 32.9782 41.1521 32.9782C41.3689 32.9782 41.5821 32.9907 41.7913 33.0148L43.2254 33.1803L43.4457 31.7536C43.5745 30.9189 43.6413 30.0645 43.6413 29.1956C43.6413 22.5596 39.757 16.8338 34.1447 14.1622L32.7021 13.4755L32.1077 14.9585C31.8443 15.6155 31.457 16.211 30.9736 16.7158L30.9733 16.7161C30.0899 17.639 28.9127 18.2256 27.6439 18.3752C26.3751 18.5247 25.0938 18.2279 24.02 17.5357C23.0586 16.9159 22.3172 16.0137 21.8944 14.9579L21.3003 13.4745L19.8574 14.1611C14.2439 16.8323 10.3586 22.5587 10.3586 29.1956C10.3586 30.0645 10.4254 30.9189 10.5542 31.7536Z"
-                stroke="#1FCD94"
+                stroke="#11A679"
                 strokeWidth="3"
             />
         </svg>

src/components/ecomsystem/ecomsystem-category/components/icons/data-loading.tsx

@@ -14,25 +14,25 @@ export function DataLoadingIcon() {
             />
             <path
                 d="M7.09766 11.025C7.09766 9.90662 8.00428 9 9.12266 9H41.5573C42.6757 9 43.5823 9.90662 43.5823 11.025V23.3819C43.5823 24.5003 42.6757 25.4069 41.5573 25.4069H9.12266C8.00428 25.4069 7.09766 24.5003 7.09766 23.3819V11.025Z"
-                fill="#1FCD94"
+                fill="#11A679"
             />
             <path
                 d="M7.09766 30.6539C7.09766 29.5355 8.00428 28.6289 9.12266 28.6289H37.0827C38.2011 28.6289 39.1077 29.5355 39.1077 30.6539V43.0107C39.1077 44.1291 38.2011 45.0357 37.0827 45.0357H9.12266C8.00428 45.0357 7.09766 44.1291 7.09766 43.0107V30.6539Z"
-                fill="#1FCD94"
+                fill="#11A679"
             />
             <rect x="13.3057" y="15.4534" width="10.5" height="3.5" rx="1.75" fill="white" />
             <rect x="13.3057" y="35.0823" width="10.5" height="3.5" rx="1.75" fill="white" />
             <path
                 d="M47.6322 37.8733C47.6322 43.121 43.3782 47.375 38.1306 47.375C32.8829 47.375 28.6289 43.121 28.6289 37.8733C28.6289 32.6257 32.8829 28.3717 38.1306 28.3717C43.3782 28.3717 47.6322 32.6257 47.6322 37.8733Z"
                 fill="white"
-                stroke="#1FCD94"
+                stroke="#11A679"
                 stroke-width="3.5"
                 stroke-linecap="round"
                 stroke-linejoin="round"
             />
             <path
                 d="M42.5957 37.8733L34.4993 37.8733M34.4993 37.8733L38.3094 41.2071M34.4993 37.8733L38.3094 34.5395"
-                stroke="#1FCD94"
+                stroke="#11A679"
                 stroke-width="2.5"
                 stroke-linecap="round"
                 stroke-linejoin="round"