You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@doris.apache.org by je...@apache.org on 2026/01/16 08:14:33 UTC
(doris-website) branch master updated: Update website VI (#3289)
This is an automated email from the ASF dual-hosted git repository.
jeffreyh pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/doris-website.git
The following commit(s) were added to refs/heads/master by this push:
new 32a5299ec83 Update website VI (#3289)
32a5299ec83 is described below
commit 32a5299ec837318e69e33fd5fc10fc6aa1034602
Author: yangon <26...@qq.com>
AuthorDate: Fri Jan 16 16:14:26 2026 +0800
Update website VI (#3289)
---
.../alternatives/demo-block/demo-block.css | 4 +-
docusaurus.config.js | 6 +-
.../gettingStarted/demo-block/demo-block.css | 6 +-
.../gettingStarted/demo-block/demo-block.css | 6 +-
.../gettingStarted/demo-block/demo-block.css | 6 +-
.../gettingStarted/demo-block/demo-block.css | 6 +-
.../gettingStarted/demo-block/demo-block.css | 6 +-
.../gettingStarted/demo-block/demo-block.css | 6 +-
src/components/Icons/arrow-down-icon.tsx | 17 +--
src/components/Icons/arrow.tsx | 4 +-
src/components/Icons/checked-icon.tsx | 2 +-
src/components/Icons/star-green-icon.tsx | 12 +++
src/components/Newsletter/index.tsx | 2 +-
src/components/PageBanner/index.tsx | 4 +-
src/components/PageBanner/styles.scss | 21 ++--
src/components/PageHeader/index.tsx | 2 +-
.../achievement-banner/achievement-banner.scss | 6 +-
src/components/blogs/components/blog-link.css | 2 +-
src/components/blogs/components/see-more.tsx | 2 +-
.../collapse-box/collapse-box-header.tsx | 2 +-
src/components/core-capabilities-card/style.scss | 2 +-
.../download-form/download-form-all-release.tsx | 12 +--
.../download-form/download-form-tools.tsx | 16 +--
src/components/download-form/download-form.tsx | 8 +-
.../components/icons/cluster-management-icon.tsx | 6 +-
.../components/icons/connectors-icon.tsx | 4 +-
.../components/icons/data-loading.tsx | 8 +-
.../components/icons/data-migration-icon.tsx | 2 +-
.../icons/distributions-packaging-icon.tsx | 2 +-
.../ecomsystem-category/components/tab-item.tsx | 4 +-
src/components/external-link/external-link.scss | 2 +-
src/components/form-select/form-select.scss | 16 +--
src/components/get-started/get-started.data.ts | 2 +-
src/components/get-started/get-started.tsx | 6 +-
src/components/newsletter-swiper/index.scss | 6 +-
src/components/progress/progress.tsx | 2 +-
src/components/recent-blogs/index.tsx | 2 +-
src/components/user-case-carousel/index.scss | 12 +--
src/components/user-case-carousel/index.tsx | 2 +-
src/components/user-item/user-item.css | 2 +-
src/components/user-item/user-item.tsx | 2 +-
src/constant/core-capabilities.data.tsx | 120 ++++++++++-----------
src/constant/various-analytics.data.tsx | 14 +--
src/pages/archive-docs/index.scss | 4 +-
src/pages/archive-docs/index.tsx | 4 +-
src/pages/download/index.scss | 2 +-
src/pages/download/index.tsx | 16 +--
src/pages/ecosystem/index.scss | 2 +-
src/pages/events/index.tsx | 12 +--
src/pages/events/styles.scss | 17 ++-
src/pages/index.scss | 2 +-
src/pages/index.tsx | 21 ++--
src/pages/learning/siteMap.scss | 2 +-
src/pages/users/index.tsx | 8 +-
src/pages/vendors/index.tsx | 11 +-
src/scss/_variables.scss | 4 +-
src/scss/components/markdown.scss | 8 +-
src/scss/components/navbar.scss | 11 +-
src/scss/custom.scss | 30 +++++-
src/theme/BlogListItem/HeadItem/index.tsx | 6 +-
src/theme/BlogListItem/index.tsx | 6 +-
src/theme/BlogListPage/index.tsx | 4 +-
src/theme/DocItem/Layout/styles.module.css | 2 +-
src/theme/DocSidebarItem/Category/style.scss | 6 +-
src/theme/Footer/styles.scss | 2 +-
.../Navbar/Content/components/NavbarCommon.tsx | 6 +-
src/theme/Navbar/Content/index.tsx | 10 +-
.../LocaleDropdownNavbarItem/styles.scss | 4 +-
src/theme/NotFound.js | 2 +-
src/theme/TOC/index.tsx | 20 ++--
static/fonts/Montserrat-VariableFont_wght.ttf | Bin 0 -> 688600 bytes
static/images/cases-bg-ELT.png | Bin 943341 -> 999384 bytes
static/images/cases-bg-ad-hoc.png | Bin 930442 -> 984639 bytes
static/images/cases-bg-customer.png | Bin 932989 -> 985903 bytes
static/images/cases-bg-datalake.png | Bin 945291 -> 998390 bytes
static/images/cases-bg-log.png | Bin 945386 -> 1000819 bytes
static/images/cases-bg-real-time.png | Bin 926970 -> 1043804 bytes
static/images/doc-logo-new.svg | 94 +++++-----------
static/images/download-pdf-active.svg | 6 +-
static/images/ecomsystem/cluster-manage.png | Bin 151766 -> 206830 bytes
static/images/ecomsystem/dbt.png | Bin 24782 -> 25944 bytes
static/images/ecomsystem/doris-operator.png | Bin 106193 -> 102387 bytes
static/images/ecomsystem/doris-stream-loader.png | Bin 29207 -> 18628 bytes
static/images/ecomsystem/download-bg.png | Bin 1633352 -> 54989 bytes
static/images/ecomsystem/flink.png | Bin 34389 -> 35816 bytes
static/images/ecomsystem/kafka.png | Bin 24634 -> 26511 bytes
static/images/ecomsystem/spark.png | Bin 25210 -> 26511 bytes
static/images/ecomsystem/sql-convertor.png | Bin 41212 -> 38183 bytes
static/images/empty-data.png | Bin 37784 -> 42236 bytes
static/images/events/arrow-down.svg | 8 +-
static/images/favicon.ico | Bin 18959 -> 15406 bytes
static/images/icon/github-new.svg | 2 +-
static/images/icon/slack-hover.png | Bin 1932 -> 2004 bytes
static/images/logo.svg | 30 +++---
static/images/what-is-doris-new.png | Bin 122089 -> 205639 bytes
tailwind.config.js | 2 +-
.../gettingStarted/demo-block/demo-block.css | 4 +-
.../gettingStarted/demo-block/demo-block.css | 4 +-
.../gettingStarted/demo-block/demo-block.css | 4 +-
.../gettingStarted/demo-block/demo-block.css | 4 +-
.../alternatives/demo-block/demo-block.css | 4 +-
101 files changed, 384 insertions(+), 374 deletions(-)
diff --git a/docs/gettingStarted/alternatives/demo-block/demo-block.css b/docs/gettingStarted/alternatives/demo-block/demo-block.css
index 395936bc548..6e29f748db9 100644
--- a/docs/gettingStarted/alternatives/demo-block/demo-block.css
+++ b/docs/gettingStarted/alternatives/demo-block/demo-block.css
@@ -272,7 +272,7 @@ img.home-svg svg path {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -323,7 +323,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 337d434e1c1..60406027cad 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -72,9 +72,11 @@ const config = {
'data-website-id': 'a5fb90df-217a-4097-95c0-80490220314b',
'data-modal-title': 'Apache Doris AI',
'data-project-name': 'Apache Doris Website',
+ 'data-button-hide':"true",
+ '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_only_9617fa366a.png',
- 'data-project-color': '#444FD9',
+ 'data-modal-image': 'https://cdn.selectdb.com/static/doris_logo_cc5a30d886.png',
+ 'data-project-color': '#1FCD94',
'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.",
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current/gettingStarted/demo-block/demo-block.css b/i18n/zh-CN/docusaurus-plugin-content-docs/current/gettingStarted/demo-block/demo-block.css
index 1257919249c..5ec26eeb38c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/current/gettingStarted/demo-block/demo-block.css
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/current/gettingStarted/demo-block/demo-block.css
@@ -94,7 +94,7 @@ img.home-svg svg path {
.home-page-hero a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -271,7 +271,7 @@ a:active {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -321,7 +321,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2/gettingStarted/demo-block/demo-block.css b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2/gettingStarted/demo-block/demo-block.css
index 1257919249c..5ec26eeb38c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2/gettingStarted/demo-block/demo-block.css
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.2/gettingStarted/demo-block/demo-block.css
@@ -94,7 +94,7 @@ img.home-svg svg path {
.home-page-hero a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -271,7 +271,7 @@ a:active {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -321,7 +321,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.0/gettingStarted/demo-block/demo-block.css b/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.0/gettingStarted/demo-block/demo-block.css
index 1257919249c..5ec26eeb38c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.0/gettingStarted/demo-block/demo-block.css
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.0/gettingStarted/demo-block/demo-block.css
@@ -94,7 +94,7 @@ img.home-svg svg path {
.home-page-hero a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -271,7 +271,7 @@ a:active {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -321,7 +321,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.1/gettingStarted/demo-block/demo-block.css b/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.1/gettingStarted/demo-block/demo-block.css
index 1257919249c..5ec26eeb38c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.1/gettingStarted/demo-block/demo-block.css
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-2.1/gettingStarted/demo-block/demo-block.css
@@ -94,7 +94,7 @@ img.home-svg svg path {
.home-page-hero a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -271,7 +271,7 @@ a:active {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -321,7 +321,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-3.x/gettingStarted/demo-block/demo-block.css b/i18n/zh-CN/docusaurus-plugin-content-docs/version-3.x/gettingStarted/demo-block/demo-block.css
index 1257919249c..5ec26eeb38c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-3.x/gettingStarted/demo-block/demo-block.css
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-3.x/gettingStarted/demo-block/demo-block.css
@@ -94,7 +94,7 @@ img.home-svg svg path {
.home-page-hero a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -271,7 +271,7 @@ a:active {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -321,7 +321,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/version-4.x/gettingStarted/demo-block/demo-block.css b/i18n/zh-CN/docusaurus-plugin-content-docs/version-4.x/gettingStarted/demo-block/demo-block.css
index 1257919249c..5ec26eeb38c 100644
--- a/i18n/zh-CN/docusaurus-plugin-content-docs/version-4.x/gettingStarted/demo-block/demo-block.css
+++ b/i18n/zh-CN/docusaurus-plugin-content-docs/version-4.x/gettingStarted/demo-block/demo-block.css
@@ -94,7 +94,7 @@ img.home-svg svg path {
.home-page-hero a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -271,7 +271,7 @@ a:active {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -321,7 +321,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/src/components/Icons/arrow-down-icon.tsx b/src/components/Icons/arrow-down-icon.tsx
index 577be0ac1c2..9438a4deb67 100644
--- a/src/components/Icons/arrow-down-icon.tsx
+++ b/src/components/Icons/arrow-down-icon.tsx
@@ -5,19 +5,12 @@ interface ArrowDownIconProps {
}
export function ArrowDownIcon(props: ArrowDownIconProps) {
return (
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="1em"
- height="1em"
- viewBox="0 0 16 16"
- fill="none"
- className={props.className}
- >
+ <svg {...props} xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none">
<path
- d="M4 6L7.57574 9.57574C7.81005 9.81005 8.18995 9.81005 8.42426 9.57574L12 6"
- stroke="currentColor"
- strokeWidth="1.2"
- strokeLinecap="round"
+ 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-width="1.8"
+ stroke-linecap="round"
/>
</svg>
);
diff --git a/src/components/Icons/arrow.tsx b/src/components/Icons/arrow.tsx
index dd911880d38..31f8bdd2e46 100644
--- a/src/components/Icons/arrow.tsx
+++ b/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="#444FD9"
+ stroke="#1FCD94"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.37506 9.00049L14.6251 9.00049"
- stroke="#444FD9"
+ stroke="#1FCD94"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
diff --git a/src/components/Icons/checked-icon.tsx b/src/components/Icons/checked-icon.tsx
index ad4b0678189..17ce4021287 100644
--- a/src/components/Icons/checked-icon.tsx
+++ b/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="#0065FD"
+ fill="#1FCD94"
/>
</svg>
</span>
diff --git a/src/components/Icons/star-green-icon.tsx b/src/components/Icons/star-green-icon.tsx
new file mode 100644
index 00000000000..fbef75c75e2
--- /dev/null
+++ b/src/components/Icons/star-green-icon.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export function StarGreenIcon() {
+ return (
+ <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.400 [...]
+ fill="#1FCD94"
+ />
+ </svg>
+ );
+}
diff --git a/src/components/Newsletter/index.tsx b/src/components/Newsletter/index.tsx
index f514d796b0b..1df1a873db2 100644
--- a/src/components/Newsletter/index.tsx
+++ b/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="#444FD9"
+ fill="#1FCD94"
/>
<path
d="M9.5 4H10.484V7.72H15.44V4H16.424V12.568H15.44V8.572H10.484V12.568H9.5V4Z"
diff --git a/src/components/PageBanner/index.tsx b/src/components/PageBanner/index.tsx
index eb2bc85bb4c..a444b5ba73d 100644
--- a/src/components/PageBanner/index.tsx
+++ b/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="#444FD9"
+ stroke="#1FCD94"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.87506 9.00055L15.1251 9.00055"
- stroke="#444FD9"
+ stroke="#1FCD94"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
diff --git a/src/components/PageBanner/styles.scss b/src/components/PageBanner/styles.scss
index 7cf57e28ce1..4f1cdf4ef8f 100644
--- a/src/components/PageBanner/styles.scss
+++ b/src/components/PageBanner/styles.scss
@@ -22,9 +22,11 @@
}
.banner-title {
- font-size: var(--global-font-size-bigger);
- font-weight: 500;
- line-height: 4rem;
+ font-size: 3.5rem;
+ line-height: 125%;
+ font-weight: 700;
+ letter-spacing: -1.232px;
+ font-family: 'Montserrat';
text-align: center;
color: var(--global-colors-text-black);
.highlight {
@@ -50,7 +52,7 @@
border: 1px solid transparent;
&:hover {
- // box-shadow: 10px 16px 18px rgba(195, 203, 235, 0.2);
+ box-shadow: 0px 6px 12px rgba(17, 166, 121, 0.28);
}
& + .button {
@@ -62,7 +64,7 @@
color: var(--global-colors-white);
&:hover {
- box-shadow: 0px 6px 12px rgba(161, 167, 210, 0.45);
+ box-shadow: 0px 6px 12px rgba(17, 166, 121, 0.28);
}
}
@@ -71,7 +73,7 @@
color: var(--ifm-color-primary);
&:hover {
- box-shadow: 0px 6px 12px rgba(161, 167, 210, 0.3);
+ box-shadow: 0px 6px 12px rgba(17, 166, 121, 0.28);
}
}
@@ -81,7 +83,7 @@
background-color: #ffffff;
&:hover {
- box-shadow: 0px 6px 12px rgba(161, 167, 210, 0.3);
+ box-shadow: 0px 6px 12px rgba(17, 166, 121, 0.28);
}
}
}
@@ -125,9 +127,10 @@
.banner-info {
margin-top: 3rem;
.banner-title {
- font-size: 2.25rem;
+ font-family: 'Montserrat';
+ font-size: 2rem;
line-height: 1.5;
- font-weight: 500;
+ font-weight: 700;
}
.banner-sub-title {
font-size: 1rem;
diff --git a/src/components/PageHeader/index.tsx b/src/components/PageHeader/index.tsx
index fd9ec080d18..b1998be4456 100644
--- a/src/components/PageHeader/index.tsx
+++ b/src/components/PageHeader/index.tsx
@@ -11,7 +11,7 @@ interface PageHeaderProps {
export default function PageHeader(props: PageHeaderProps) {
return (
- <div className={`page-header bg-[#F7F9FE] pt-10 pb-20 ${props.className}`}>
+ <div className={`page-header bg-[#F7FAFC] pt-10 pb-20 ${props.className}`}>
<h1 className="title text-[2rem] leading-normal lg:text-[2.75rem]">{props.title}</h1>
<div className="subtitle mt-4">{props.subtitle}</div>
{props?.extra && props?.extra}
diff --git a/src/components/achievement-banner/achievement-banner.scss b/src/components/achievement-banner/achievement-banner.scss
index 410584c8827..2f17a137a7b 100644
--- a/src/components/achievement-banner/achievement-banner.scss
+++ b/src/components/achievement-banner/achievement-banner.scss
@@ -14,9 +14,11 @@
}
.highlight {
- color: var(--ifm-color-primary);
- font-weight: 600;
+ color: #1D1D1D;
+ font-weight: 700;
font-size: 2.5rem;
+ line-height: 140%;
+ font-family: 'Montserrat';
}
}
}
\ No newline at end of file
diff --git a/src/components/blogs/components/blog-link.css b/src/components/blogs/components/blog-link.css
index 2c046ceaa0b..e55a450d69b 100644
--- a/src/components/blogs/components/blog-link.css
+++ b/src/components/blogs/components/blog-link.css
@@ -3,5 +3,5 @@
}
.blog-item-link:hover{
- color: #444FD9 !important;
+ color: var(--ifm-color-primary) !important;
}
\ No newline at end of file
diff --git a/src/components/blogs/components/see-more.tsx b/src/components/blogs/components/see-more.tsx
index e7aa36269fa..c7eff5b237f 100644
--- a/src/components/blogs/components/see-more.tsx
+++ b/src/components/blogs/components/see-more.tsx
@@ -3,7 +3,7 @@ import React from 'react';
export function SeeMore() {
return (
- <span style={{ color: '#444FD9', display: 'inline-flex', alignItems: 'center', gap: '4px' }}>
+ <span style={{ color: 'var(--ifm-color-primary)', display: 'inline-flex', alignItems: 'center', gap: '4px' }}>
see more <ExternalLinkIcon />
</span>
);
diff --git a/src/components/collapse-box/collapse-box-header.tsx b/src/components/collapse-box/collapse-box-header.tsx
index 33656cbc64f..6872d14d190 100644
--- a/src/components/collapse-box/collapse-box-header.tsx
+++ b/src/components/collapse-box/collapse-box-header.tsx
@@ -24,7 +24,7 @@ export function CollapseBoxHeader({
if (disabled) return;
setExpand(!expand);
}}
- className={`peer flex cursor-pointer items-center justify-between rounded-t-lg bg-[#F7F9FE] px-[1rem] py-[0.75rem] lg:px-[3rem] lg:py-[1.5rem] text-2xl font-medium leading-[2.5rem] font-misans ${disabled ? 'cursor-default' : 'cursor-pointer'
+ className={`peer flex cursor-pointer items-center justify-between rounded-t-lg bg-[#F7FAFC] px-[1rem] py-[0.75rem] lg:px-[3rem] lg:py-[1.5rem] text-2xl font-medium leading-[2.5rem] font-misans ${disabled ? 'cursor-default' : 'cursor-pointer'
} ${expand ? 'expand' : ' rounded-b-lg'}`}
>
<div className="flex items-center">
diff --git a/src/components/core-capabilities-card/style.scss b/src/components/core-capabilities-card/style.scss
index cf7d5e7686e..9db2e07aec0 100644
--- a/src/components/core-capabilities-card/style.scss
+++ b/src/components/core-capabilities-card/style.scss
@@ -7,7 +7,7 @@
.title {
font-size: 1.25rem;
- font-weight: 450;
+ font-weight: 600;
line-height: 1.6;
margin-bottom: 0.75rem;
}
diff --git a/src/components/download-form/download-form-all-release.tsx b/src/components/download-form/download-form-all-release.tsx
index 5e3da3a24e0..bf3cf04ee82 100644
--- a/src/components/download-form/download-form-all-release.tsx
+++ b/src/components/download-form/download-form-all-release.tsx
@@ -67,7 +67,7 @@ export default function DownloadFormAllRelease(props: DownloadFormProps) {
}, [version]);
return (
- <div className="rounded-lg border border-b-[0.375rem] border-[#444FD9] px-8 pt-[3.125rem] pb-[2.1875rem]">
+ <div className="rounded-lg border border-b-[0.375rem] border-primary px-8 pt-[3.125rem] pb-[2.1875rem]">
<div className="mb-8 text-xl font-medium text-left">Downloads</div>
<Form
form={form}
@@ -144,7 +144,7 @@ export default function DownloadFormAllRelease(props: DownloadFormProps) {
{Array.isArray(version) && showArch(version[1]) && (
<>
<div
- className="flex cursor-pointer text-[#444FD9] items-center mt-4 justify-center"
+ className="flex cursor-pointer text-primary items-center mt-4 justify-center"
onClick={() => {
const url = getDownloadLinkByCard({
version: version,
@@ -170,20 +170,20 @@ export default function DownloadFormAllRelease(props: DownloadFormProps) {
width="8"
height="8"
rx="0.564706"
- stroke="#444FD9"
+ stroke="#1FCD94"
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="#444FD9"
+ fill="#1FCD94"
/>
</svg>
</div>
<div className="flex justify-center mt-4">
<div
- className="inline-flex items-center text-[#8592A6] cursor-pointer hover:underline hover:text-[#444FD9]"
+ className="inline-flex items-center text-[#8592A6] cursor-pointer hover:underline hover:text-primary"
onClick={() => {
const url = getDownloadLinkByCard({
version: version,
@@ -197,7 +197,7 @@ export default function DownloadFormAllRelease(props: DownloadFormProps) {
ASC
</div>
<div
- className="inline-flex items-center ml-4 text-[#8592A6] hover:text-[#444FD9] cursor-pointer hover:underline"
+ className="inline-flex items-center ml-4 text-[#8592A6] hover:text-primary cursor-pointer hover:underline"
onClick={() => {
const url = getDownloadLinkByCard({
version: version,
diff --git a/src/components/download-form/download-form-tools.tsx b/src/components/download-form/download-form-tools.tsx
index 5d39206b63b..a2c9587188d 100644
--- a/src/components/download-form/download-form-tools.tsx
+++ b/src/components/download-form/download-form-tools.tsx
@@ -86,7 +86,7 @@ export default function DownloadFormTools(props: DownloadFormToolsProps) {
}, [version]);
return (
- <div className="rounded-lg border border-b-[0.375rem] border-[#444FD9] px-8 pt-[3.125rem] pb-[2.1875rem]">
+ <div className="rounded-lg border border-b-[0.375rem] border-primary px-8 pt-[3.125rem] pb-[2.1875rem]">
<div className="mb-8 text-xl font-medium text-left">Downloads</div>
<Form
form={form}
@@ -178,7 +178,7 @@ export default function DownloadFormTools(props: DownloadFormToolsProps) {
</button>
</Form.Item>
<div
- className="flex cursor-pointer text-[#444FD9] items-center mt-4 justify-center"
+ className="flex cursor-pointer text-primary items-center mt-4 justify-center"
onClick={() => {
const url = getDownloadLinkByCard({
version: version,
@@ -192,18 +192,18 @@ 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="#444FD9" strokeWidth="1.2" />
+ <rect x="2.5" y="5.5" width="8" height="8" rx="0.564706" stroke="#1FCD94" 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="#444FD9"
+ fill="#1FCD94"
/>
</svg>
</div>
<div className="flex justify-center mt-4">
<div
- className="inline-flex items-center text-[#8592A6] cursor-pointer hover:underline hover:text-[#444FD9]"
+ className="inline-flex items-center text-[#8592A6] cursor-pointer hover:underline hover:text-primary"
onClick={() => {
const url = getDownloadLinkByCard({
version: version,
@@ -217,7 +217,7 @@ export default function DownloadFormTools(props: DownloadFormToolsProps) {
ASC
</div>
<div
- className="inline-flex items-center ml-4 text-[#8592A6] hover:text-[#444FD9] cursor-pointer hover:underline"
+ className="inline-flex items-center ml-4 text-[#8592A6] hover:text-primary cursor-pointer hover:underline"
onClick={() => {
const url = getDownloadLinkByCard({
version: version,
@@ -232,9 +232,9 @@ export default function DownloadFormTools(props: DownloadFormToolsProps) {
</div>
</div>
{/* {tool === ToolsEnum.StreamLoader && ( */}
- {/* <div className="flex justify-center mt-4 hover:text-[#444FD9]">
+ {/* <div className="flex justify-center mt-4 hover:text-primary">
<div
- className="inline-flex items-center text-[#8592A6] cursor-pointer hover:underline hover:text-[#444FD9]"
+ className="inline-flex items-center text-[#8592A6] cursor-pointer hover:underline hover:text-primary"
onClick={() => {
const url = getDownloadLinkByCard({
version: version,
diff --git a/src/components/download-form/download-form.tsx b/src/components/download-form/download-form.tsx
index 46044b72d8f..c4ca5ab0a39 100644
--- a/src/components/download-form/download-form.tsx
+++ b/src/components/download-form/download-form.tsx
@@ -31,7 +31,7 @@ export default function DownloadForm(props: DownloadFormProps) {
}, [version]);
return (
- <div className="rounded-lg border border-b-[0.375rem] border-[#444FD9] px-8 pt-[3.125rem] pb-[2.1875rem]">
+ <div className="rounded-lg border border-b-[0.375rem] border-primary px-8 pt-[3.125rem] pb-[2.1875rem]">
<div className="mb-8 text-xl font-medium">Available downloads</div>
<Form
form={form}
@@ -66,7 +66,7 @@ export default function DownloadForm(props: DownloadFormProps) {
</Form.Item>
<div className="flex justify-center mt-[1.5rem]">
<div
- className="inline-flex items-center text-[#444FD9] cursor-pointer hover:underline"
+ className="inline-flex items-center text-primary cursor-pointer hover:underline"
onClick={() => {
window.open(getVersionLinkByKeys(version, architecture, 'asc'), '_blank');
}}
@@ -74,7 +74,7 @@ export default function DownloadForm(props: DownloadFormProps) {
asc
</div>
<div
- className="inline-flex items-center ml-[4.375rem] text-[#444FD9] cursor-pointer hover:underline"
+ className="inline-flex items-center ml-[4.375rem] text-primary cursor-pointer hover:underline"
onClick={() => {
window.open(getVersionLinkByKeys(version, architecture, 'sha512'), '_blank');
}}
@@ -82,7 +82,7 @@ export default function DownloadForm(props: DownloadFormProps) {
sha512
</div>
<div
- className="inline-flex items-center ml-[4.375rem] text-[#444FD9] cursor-pointer hover:underline"
+ className="inline-flex items-center ml-[4.375rem] text-primary cursor-pointer hover:underline"
onClick={() => {
window.open(getVersionLinkByKeys(version, architecture, 'source'), '_blank');
}}
diff --git a/src/components/ecomsystem/ecomsystem-category/components/icons/cluster-management-icon.tsx b/src/components/ecomsystem/ecomsystem-category/components/icons/cluster-management-icon.tsx
index 4489f9cb1ac..fbc48b48905 100644
--- a/src/components/ecomsystem/ecomsystem-category/components/icons/cluster-management-icon.tsx
+++ b/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="#444FD9" />
- <path d="M16 25L26 30.5V41.5L16 47L6 41.5V30.5L16 25Z" fill="#444FD9" />
- <path d="M48 30.5L38 25L28 30.5V41.5L38 47L48 41.5V30.5Z" fill="#444FD9" />
+ <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" />
</svg>
);
}
diff --git a/src/components/ecomsystem/ecomsystem-category/components/icons/connectors-icon.tsx b/src/components/ecomsystem/ecomsystem-category/components/icons/connectors-icon.tsx
index 18ac059f909..9f5eb422827 100644
--- a/src/components/ecomsystem/ecomsystem-category/components/icons/connectors-icon.tsx
+++ b/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 [...]
- fill="#444FD9"
+ fill="#1FCD94"
/>
<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.22 [...]
- stroke="#444FD9"
+ stroke="#1FCD94"
strokeWidth="3"
/>
</svg>
diff --git a/src/components/ecomsystem/ecomsystem-category/components/icons/data-loading.tsx b/src/components/ecomsystem/ecomsystem-category/components/icons/data-loading.tsx
index 6da18b5b18c..ca8ac4dda84 100644
--- a/src/components/ecomsystem/ecomsystem-category/components/icons/data-loading.tsx
+++ b/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="#444FD9"
+ fill="#1FCD94"
/>
<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="#444FD9"
+ fill="#1FCD94"
/>
<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="#444FD9"
+ stroke="#1FCD94"
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="#444FD9"
+ stroke="#1FCD94"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
diff --git a/src/components/ecomsystem/ecomsystem-category/components/icons/data-migration-icon.tsx b/src/components/ecomsystem/ecomsystem-category/components/icons/data-migration-icon.tsx
index 79ab2daf924..560471de38e 100644
--- a/src/components/ecomsystem/ecomsystem-category/components/icons/data-migration-icon.tsx
+++ b/src/components/ecomsystem/ecomsystem-category/components/icons/data-migration-icon.tsx
@@ -4,7 +4,7 @@ export function DataMigrationIcon() {
return (
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clipPath="url(#clip0_6410_4111)">
- <path d="M24.5 23.225C35.5 23.225 43.2 20.45 43.2 17V13.275C43.225 9.825 35.525 7 24.5 7C13.475 7 7 9.825 7 13.275V17C7 20.475 13.5 23.225 24.5 23.225ZM22.225 38.175C14.725 37.9 10.25 36.175 7.925 33.875C7.6569 34.1042 7.44033 34.3875 7.28953 34.7064C7.13872 35.0252 7.05709 35.3724 7.05 35.725V40.725C7 44.175 13.475 47 24.5 47H27.725C24.8305 44.87 22.8622 41.7118 22.225 38.175ZM22 35.675C22.0253 32.5079 23.1373 29.4455 25.15 27H24.5C15.5 27 10.5 25.175 7.925 22.65C7.65357 [...]
+ <path d="M24.5 23.225C35.5 23.225 43.2 20.45 43.2 17V13.275C43.225 9.825 35.525 7 24.5 7C13.475 7 7 9.825 7 13.275V17C7 20.475 13.5 23.225 24.5 23.225ZM22.225 38.175C14.725 37.9 10.25 36.175 7.925 33.875C7.6569 34.1042 7.44033 34.3875 7.28953 34.7064C7.13872 35.0252 7.05709 35.3724 7.05 35.725V40.725C7 44.175 13.475 47 24.5 47H27.725C24.8305 44.87 22.8622 41.7118 22.225 38.175ZM22 35.675C22.0253 32.5079 23.1373 29.4455 25.15 27H24.5C15.5 27 10.5 25.175 7.925 22.65C7.65357 [...]
</g>
<defs>
<clipPath id="clip0_6410_4111">
diff --git a/src/components/ecomsystem/ecomsystem-category/components/icons/distributions-packaging-icon.tsx b/src/components/ecomsystem/ecomsystem-category/components/icons/distributions-packaging-icon.tsx
index e445f0ce6bb..4bfefe22b8a 100644
--- a/src/components/ecomsystem/ecomsystem-category/components/icons/distributions-packaging-icon.tsx
+++ b/src/components/ecomsystem/ecomsystem-category/components/icons/distributions-packaging-icon.tsx
@@ -6,7 +6,7 @@ export function DistributionsAndPackagingIcon() {
<rect width="54" height="54" fill="white" />
<path
d="M8.48254 16.7281L17.3847 21.1986L35.9022 11.8995L29.0641 8.46558C27.7647 7.81307 26.2353 7.81307 24.9359 8.46558L8.48254 16.7281ZM19.9648 22.4942L38.4822 13.1952L45.5175 16.7281L27 26.0272L19.9648 22.4942ZM47 18.5749L28.1538 28.039V47.0238L44.4487 38.8409C46.0123 38.0557 47 36.4506 47 34.6948V18.5749ZM25.8462 47.0238V28.039L7 18.5749V34.6948C7 36.4506 7.9877 38.0557 9.55132 38.8409L25.8462 47.0238Z"
- fill="#444FD9"
+ fill="#1FCD94"
/>
</svg>
);
diff --git a/src/components/ecomsystem/ecomsystem-category/components/tab-item.tsx b/src/components/ecomsystem/ecomsystem-category/components/tab-item.tsx
index 7bbfcb4c5d1..bff640e7348 100644
--- a/src/components/ecomsystem/ecomsystem-category/components/tab-item.tsx
+++ b/src/components/ecomsystem/ecomsystem-category/components/tab-item.tsx
@@ -18,8 +18,8 @@ export function TabItem({ title, content, icon, active, setActive, url }: PriceT
onClick={() => {
setActive();
}}
- className={`lg:h-[190px] w-full cursor-pointer rounded-lg bg-[#fff] px-4 lg:px-6 py-6 shadow-[0px_2px_8px_0px_rgba(49,77,136,0.16)] lg:flex-1 ${
- active ? 'border-b-4 border-[#0065FD]' : ''
+ className={`lg:h-[190px] w-full cursor-pointer rounded-lg bg-[#fff] px-4 lg:px-6 py-6 shadow-[0px_2px_8px_0px_rgba(0,89,68,0.16)] lg:flex-1 ${
+ active ? 'border-b-4 border-primary' : ''
} hover:no-underline`}
>
<div className="flex flex-col items-center">
diff --git a/src/components/external-link/external-link.scss b/src/components/external-link/external-link.scss
index 43fee411901..a055016448e 100644
--- a/src/components/external-link/external-link.scss
+++ b/src/components/external-link/external-link.scss
@@ -7,7 +7,7 @@
margin-top: 1px;
}
&.primary-btn {
- background: #444fd9;
+ background: var(--ifm-color-primary);
color: #fff;
min-width: 10rem;
border-radius: 4px;
diff --git a/src/components/form-select/form-select.scss b/src/components/form-select/form-select.scss
index f23fb893a20..047e0e26930 100644
--- a/src/components/form-select/form-select.scss
+++ b/src/components/form-select/form-select.scss
@@ -3,12 +3,12 @@
&.ant-select-focused {
.ant-select-selector {
box-shadow: none !important;
- border-color: #444fd9 !important;
+ border-color: var(--ifm-color-primary) !important;
}
}
&:hover {
.ant-select-selector {
- border-color: #444fd9 !important;
+ border-color: var(--ifm-color-primary) !important;
}
}
.ant-select-selector {
@@ -26,11 +26,11 @@
box-shadow: 0px 2px 8px 0px rgba(49, 77, 136, 0.16);
&.ant-select-dropdown {
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
- color: #444fd9;
+ color: var(--ifm-color-primary);
font-weight: 400;
background-color: transparent;
&:hover {
- background-color: #f7f9fe;
+ background-color: #F7FAFC;
}
}
.ant-select-item {
@@ -55,14 +55,14 @@
}
li.ant-cascader-menu-item-active {
- color: #444fd9;
+ color: var(--ifm-color-primary);
font-weight: 400;
background-color: transparent;
&:hover {
- background-color: #f7f9fe;
+ background-color: #F7FAFC;
}
.ant-cascader-menu-item-expand-icon {
- color: #444fd9;
+ color: var(--ifm-color-primary);
}
}
}
@@ -74,7 +74,7 @@
}
&:hover {
color: #1d1d1d;
- background-color: #f7f9fe;
+ background-color: #F7FAFC;
border-radius: 0;
}
}
diff --git a/src/components/get-started/get-started.data.ts b/src/components/get-started/get-started.data.ts
index 7f3a6841b48..bcae0bc8724 100644
--- a/src/components/get-started/get-started.data.ts
+++ b/src/components/get-started/get-started.data.ts
@@ -5,7 +5,7 @@ export const GET_STARTED_DATA = {
{
to: '/download',
text: 'Download',
- className: 'w-[10.5rem] h-[3rem] bg-white rounded-lg text-[#444FD9]',
+ className: 'w-[10.5rem] h-[3rem] bg-white rounded-lg text-primary',
},
{
to: '/download#runAnywhere',
diff --git a/src/components/get-started/get-started.tsx b/src/components/get-started/get-started.tsx
index eb2ae88db01..2541cf19929 100644
--- a/src/components/get-started/get-started.tsx
+++ b/src/components/get-started/get-started.tsx
@@ -6,11 +6,11 @@ import { GET_STARTED_DATA } from './get-started.data';
export default function GetStarted() {
const data = GET_STARTED_DATA;
return (
- <div className="relative overflow-hidden py-[5.5rem] bg-center bg-cover bg-[url(@site/static/images/ecomsystem/download-bg.png)]">
+ <div className="relative overflow-hidden py-[5.5rem] bg-primary bg-center bg-cover bg-[url(@site/static/images/ecomsystem/download-bg.png)]">
{/* <div className="border-[rgba(255, 255, 255, 0.63)] absolute top-0 h-[40rem] w-[40rem] -translate-x-2/3 -translate-y-2/3 transform rounded-full border-[20rem] bg-transparent opacity-10"></div>
<div className="border-[rgba(255, 255, 255, 0.63)] absolute bottom-0 right-0 h-[40rem] w-[40rem] translate-x-1/2 translate-y-1/2 transform rounded-full border-[20rem] bg-transparent opacity-10"></div> */}
- <div className="container mx-auto">
- <h2 className="text-center text-[1.75rem] leading-normal lg:font-[540] text-white lg:text-title-md">
+ <div className="container max-w-[742px] mx-auto">
+ <h2 className="text-center text-[1.75rem] leading-normal lg:font-semibold text-white lg:text-[2.75rem]/[4.375rem]">
{data.title}
</h2>
{data?.description && <div className="mt-4 text-center text-white">{data.description}</div>}
diff --git a/src/components/newsletter-swiper/index.scss b/src/components/newsletter-swiper/index.scss
index 3407b9bb93f..a0988b43d0a 100644
--- a/src/components/newsletter-swiper/index.scss
+++ b/src/components/newsletter-swiper/index.scss
@@ -1,6 +1,6 @@
-.swiper-button-next:active,
-.swiper-button-prev:active {
- color: #00b1fd;
+.swiper-button-next,
+.swiper-button-prev {
+ color: var(--ifm-color-primary) !important;
}
.swiper-pagination-bullet {
diff --git a/src/components/progress/progress.tsx b/src/components/progress/progress.tsx
index d10fc6eb2cc..5be862e7098 100644
--- a/src/components/progress/progress.tsx
+++ b/src/components/progress/progress.tsx
@@ -3,7 +3,7 @@ import React from 'react';
export function Progress({ percent }: { percent: number }) {
return (
<div className="h-0.5 w-[calc(100%-1.5rem)] bg-neutral-200 dark:bg-neutral-600 progress">
- <div className="h-0.5 bg-[#C0C3F1]" style={{ width: `${percent}%` }}></div>
+ <div className="h-0.5 bg-[#99F2CB]" style={{ width: `${percent}%` }}></div>
</div>
);
}
diff --git a/src/components/recent-blogs/index.tsx b/src/components/recent-blogs/index.tsx
index cfb3a3009bf..6362aeb34b1 100644
--- a/src/components/recent-blogs/index.tsx
+++ b/src/components/recent-blogs/index.tsx
@@ -9,7 +9,7 @@ export default function RecentBlogs() {
<div className=" text-[2rem] leading-[3.25rem]">Recent posts</div>
<div className="mt-4 flex flex-col">
{RECENT_BLOGS_POSTS.map(({ label, link }) => (
- <Link className="text-lg leading-10 hover:no-underline hover:text-[#444FD9]" to={link}>
+ <Link className="text-lg leading-10 hover:no-underline hover:text-primary" to={link}>
{label}
</Link>
))}
diff --git a/src/components/user-case-carousel/index.scss b/src/components/user-case-carousel/index.scss
index 4ee949498e0..471755e89db 100644
--- a/src/components/user-case-carousel/index.scss
+++ b/src/components/user-case-carousel/index.scss
@@ -1,6 +1,6 @@
.cases-tabs {
.ant-tabs-ink-bar {
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
}
.ant-tabs-nav {
.ant-tabs-tab {
@@ -12,12 +12,12 @@
padding-top: 1rem;
padding-bottom: 1rem;
&:hover {
- color: #444fd9;
+ color: var(--ifm-color-primary);
}
&.ant-tabs-tab-active {
- background: linear-gradient(270deg, rgba(223, 224, 247, 0.4) 0%, rgba(223, 224, 247, 0.02) 100%);
+ background: linear-gradient(270deg, rgba(31, 205, 148, 0.40) 0%, rgba(31, 205, 148, 0.02) 100%);
.ant-tabs-tab-btn {
- color: #444fd9;
+ color: var(--ifm-color-primary);
.progress {
display: block;
}
@@ -90,11 +90,11 @@
background-color: #fff;
.ant-collapse-item-active {
.ant-collapse-header-text {
- color: #444fd9;
+ color: var(--ifm-color-primary);
}
.ant-collapse-expand-icon {
transform: rotate(180deg);
- color: #444fd9;
+ color: var(--ifm-color-primary);
}
}
.ant-collapse-item {
diff --git a/src/components/user-case-carousel/index.tsx b/src/components/user-case-carousel/index.tsx
index 3c7c21a94e3..83c438367c2 100644
--- a/src/components/user-case-carousel/index.tsx
+++ b/src/components/user-case-carousel/index.tsx
@@ -88,7 +88,7 @@ export function UserCaseCarousel() {
return {
label: (
<div className="font-misans text-start">
- <span>{title}</span>
+ <span className={`${index == Number(activeKey) ? 'font-[520]' : 'font-[330]'}`}>{title}</span>
<div className="absolute -bottom-0 w-full">
<Progress percent={count} />
</div>
diff --git a/src/components/user-item/user-item.css b/src/components/user-item/user-item.css
index ac598af3321..47509f6e663 100644
--- a/src/components/user-item/user-item.css
+++ b/src/components/user-item/user-item.css
@@ -19,7 +19,7 @@
left: 0;
width: 100%;
height: 0;
- background: #444FD9;
+ background: var(--ifm-color-primary);
transition: all .35s;
}
diff --git a/src/components/user-item/user-item.tsx b/src/components/user-item/user-item.tsx
index 6fa52e589a6..1d8cef6df21 100644
--- a/src/components/user-item/user-item.tsx
+++ b/src/components/user-item/user-item.tsx
@@ -13,7 +13,7 @@ interface UserItemProps {
export default function UserItem(props: UserItemProps) {
return (
- <div className="group cursor-pointer flex flex-col items-center swipe-top-button shadow-[0px_2px_8px_0px_rgba(49,77,136,0.16)] rounded-lg">
+ <div className="group cursor-pointer flex flex-col items-center swipe-top-button shadow-[0px_2px_8px_0px_rgba(0,89,68,0.16)] rounded-lg">
<div className="group-hover:hidden flex justify-between py-2 px-2 lg:px-[2.375rem] lg:pt-[4.25rem] lg:pb-[2.375rem] flex-col items-center h-full w-full gap-[2.375rem]">
<img src={props?.image} alt={props?.name} />
<span className="text-xs lg:text-base">{props?.name}</span>
diff --git a/src/constant/core-capabilities.data.tsx b/src/constant/core-capabilities.data.tsx
index de2a3586d61..eb3877aa145 100644
--- a/src/constant/core-capabilities.data.tsx
+++ b/src/constant/core-capabilities.data.tsx
@@ -7,29 +7,25 @@ export const CoreCapabilitiesData = [
'Push-based micro-batch and pull-based streaming data ingestion within a second. Storage engine with real-time upsert, append and pre-aggregation.',
icon: (
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
- <g clipPath="url(#clip0_1665_614)">
- <path
- d="M26.9393 20.9393C27.5251 20.3536 28.4748 20.3536 29.0606 20.9393C29.6464 21.5251 29.6464 22.4749 29.0606 23.0607L25.0606 27.0607C24.4748 27.6464 23.5251 27.6464 22.9393 27.0607C22.3535 26.4749 22.3535 25.5251 22.9393 24.9393L26.9393 20.9393Z"
- fill="#444FD9"
- />
- <path
- d="M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24ZM23.9999 15C17.6487 15 12.4999 20.1487 12.4999 26.5C12.4999 32.8513 17.6487 38 23.9999 38C30.3512 38 35.4999 32.8513 35.4999 26.5C35.4999 20.1487 30.3512 15 23.9999 15Z"
- fill="#444FD9"
- />
- <path
- d="M20 9.5C19.1716 9.5 18.5 10.1716 18.5 11C18.5 11.8284 19.1716 12.5 20 12.5H22.5001V15.0969C22.991 15.033 23.4916 15 24 15C24.5084 15 25.0091 15.033 25.5001 15.0969V12.5H28C28.8284 12.5 29.5 11.8284 29.5 11C29.5 10.1716 28.8284 9.5 28 9.5H20Z"
- fill="#C0C3F1"
- />
- <path
- d="M35.1546 14.0334C34.5649 13.4561 33.6195 13.4636 33.039 14.0502C32.4585 14.6369 32.461 15.5823 33.0446 16.1659L34.9393 18.0607C35.5251 18.6464 36.4749 18.6464 37.0607 18.0607C37.6464 17.4749 37.6464 16.5251 37.0607 15.9393L36.2598 15.1385C36.2154 15.0799 36.1662 15.0238 36.112 14.9708L35.1546 14.0334Z"
- fill="#C0C3F1"
- />
- </g>
- <defs>
- <clipPath id="clip0_1665_614">
- <rect width="48" height="48" fill="white" />
- </clipPath>
- </defs>
+ <circle cx="24" cy="24" r="24" fill="#1FCD94" />
+ <path
+ d="M24.0001 15.4211V11M20 11H28M36 17L34.1053 15.1053L35.0627 16.0426"
+ stroke="#C9FFE6"
+ stroke-width="3"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ />
+ <path
+ d="M24 38C30.3513 38 35.5 32.8513 35.5 26.5C35.5 20.1487 30.3513 15 24 15C17.6487 15 12.5 20.1487 12.5 26.5C12.5 32.8513 17.6487 38 24 38Z"
+ fill="white"
+ />
+ <path
+ d="M28 22L24 26"
+ stroke="#1FCD94"
+ stroke-width="3"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ />
</svg>
),
},
@@ -39,13 +35,22 @@ export const CoreCapabilitiesData = [
'Optimize for high-concurrency and high-throughput queries with columnar storage engine, MPP architecture, cost based query optimizer, vectorized execution engine.',
icon: (
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+ <circle cx="24" cy="24" r="24" fill="#1FCD94" />
<path
- d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM22.6666 29.3337L18.6666 25.3337L11.9999 25.3337C11.9999 25.3337 12.7333 21.2937 14.6666 20.0004C16.8266 18.5604 21.3333 20.0004 21.3333 20.0004L21.1748 20.3173C21.2272 20.2336 21.28 20.1502 21.3333 20.067C22.8868 17.583 25.0501 15.5377 27.6173 14.1258C30.1844 12.7138 33.0702 11.9822 35.9999 12.0003C35.9999 15.627 34.9599 22.0003 27.9999 26.667C27.9999 2 [...]
- fill="#444FD9"
+ d="M14.9333 29.2177C12.9333 30.8977 12.2666 35.8844 12.2666 35.8844C12.2666 35.8844 17.2533 35.2177 18.9333 33.2177C19.8799 32.0977 19.8666 30.3777 18.8133 29.3377C18.295 28.8431 17.6123 28.5572 16.8962 28.5351C16.1801 28.5129 15.4811 28.756 14.9333 29.2177Z"
+ fill="#C9FFE6"
/>
<path
- d="M14.9332 29.2177C12.9332 30.8977 12.2665 35.8844 12.2665 35.8844C12.2665 35.8844 17.2532 35.2177 18.9332 33.2177C19.8799 32.0977 19.8665 30.3777 18.8132 29.3377C18.2949 28.8431 17.6123 28.5572 16.8962 28.5351C16.1801 28.5129 15.481 28.756 14.9332 29.2177Z"
- fill="#DFE0F7"
+ d="M22.6667 29.3337L18.6667 25.3337C19.3763 23.4929 20.2697 21.7284 21.3334 20.067C22.887 17.583 25.0502 15.5377 27.6174 14.1258C30.1846 12.7138 33.0703 11.9822 36.0001 12.0003C36.0001 15.627 34.9601 22.0003 28.0001 26.667C26.3159 27.732 24.5292 28.6253 22.6667 29.3337Z"
+ fill="white"
+ />
+ <path
+ d="M18.6667 25.3337H12C12 25.3337 12.7333 21.2937 14.6667 20.0004C16.8267 18.5604 21.3333 20.0004 21.3333 20.0004"
+ fill="white"
+ />
+ <path
+ d="M22.6667 29.3337V36.0003C22.6667 36.0003 26.7067 35.267 28.0001 33.3337C29.4401 31.1737 28.0001 26.667 28.0001 26.667"
+ fill="white"
/>
</svg>
),
@@ -56,14 +61,9 @@ export const CoreCapabilitiesData = [
'Federated querying of data lakes such as Hive, Iceberg and Hudi, and databases such as MySQL and PostgreSQL.',
icon: (
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
- <path
- d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM14.9999 13H28.9999C30.1045 13 30.9999 13.8954 30.9999 15V29C30.9999 30.1046 30.1045 31 28.9999 31H14.9999C13.8954 31 12.9999 30.1046 12.9999 29V15C12.9999 13.8954 13.8954 13 14.9999 13Z"
- fill="#444FD9"
- />
- <path
- d="M16.9999 31V33C16.9999 34.1046 17.8954 35 18.9999 35H32.9999C34.1045 35 34.9999 34.1046 34.9999 33V19C34.9999 17.8954 34.1045 17 32.9999 17H30.9999V29C30.9999 30.1046 30.1045 31 28.9999 31H16.9999Z"
- fill="#C0C3F1"
- />
+ <circle cx="24" cy="24" r="24" fill="#1FCD94" />
+ <rect x="17" y="17" width="18" height="18" rx="2" fill="#C9FFE6" />
+ <rect x="13" y="13" width="18" height="18" rx="2" fill="white" />
</svg>
),
},
@@ -73,17 +73,24 @@ export const CoreCapabilitiesData = [
'Compound data types such as Array, Map and JSON. Variant data type to support auto data type inference of JSON data. NGram bloomfilter and inverted index for text searches.',
icon: (
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+ <circle cx="24" cy="24" r="24" fill="#1FCD94" />
+ <rect x="10" y="13" width="28" height="22" rx="2" fill="#C9FFE6" />
+ <path d="M10 15C10 13.8954 10.8954 13 12 13H36C37.1046 13 38 13.8954 38 15V24H10V15Z" fill="white" />
+ <path
+ d="M36.7852 19.4688V28H35.127L32.4492 22.6621V28H30.8203V19.4688H32.4551L35.1562 24.8652V19.4688H36.7852Z"
+ fill="#1FCD94"
+ />
+ <path
+ d="M29.5723 23.0723V24.4961C29.5723 25.0977 29.498 25.625 29.3496 26.0781C29.2051 26.5273 28.998 26.9043 28.7285 27.209C28.4629 27.5098 28.1406 27.7363 27.7617 27.8887C27.3867 28.041 26.9707 28.1172 26.5137 28.1172C26.0566 28.1172 25.6387 28.041 25.2598 27.8887C24.8848 27.7363 24.5605 27.5098 24.2871 27.209C24.0176 26.9043 23.8086 26.5273 23.6602 26.0781C23.5117 25.625 23.4375 25.0977 23.4375 24.4961V23.0723C23.4375 22.4551 23.5098 21.916 23.6543 21.4551C23.7988 20.99 [...]
+ fill="#1FCD94"
+ />
<path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24ZM9.99994 15C9.99994 13.8954 10.8954 13 11.9999 13H35.9999C37.1045 13 37.9999 13.8954 37.9999 15V24H36.7852V19.4688H35.1562V24H34.7232L32.4551 19.4688H30.8203V24H29.5723V23.0723C29.5723 22.4551 29.498 21.916 29.3496 21.4551C29.2051 20.9902 28.9961 20.6035 28.7227 20.2949C28.4492 19.9824 28.125 19.748 27.75 19.5918C27.375 19.4316 26.959 19.3516 26.502 19.3 [...]
- fill="#444FD9"
+ d="M20.707 25.7559C20.707 25.6035 20.6934 25.4648 20.666 25.3398C20.6387 25.2148 20.5801 25.0996 20.4902 24.9941C20.4043 24.8887 20.2773 24.7832 20.1094 24.6777C19.9453 24.5723 19.7305 24.4629 19.4648 24.3496C19.1484 24.2168 18.8418 24.0762 18.5449 23.9277C18.248 23.7754 17.9805 23.5996 17.7422 23.4004C17.5039 23.2012 17.3145 22.9668 17.1738 22.6973C17.0371 22.4238 16.9688 22.1035 16.9688 21.7363C16.9688 21.377 17.0332 21.0508 17.1621 20.7578C17.2949 20.4648 17.4824 2 [...]
+ fill="#1FCD94"
/>
<path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M20.6661 25.3384C20.6934 25.4634 20.7071 25.6021 20.7071 25.7544C20.7071 25.938 20.6778 26.1021 20.6192 26.2466C20.5606 26.3911 20.463 26.5063 20.3262 26.5923C20.1934 26.6782 20.0137 26.7212 19.7872 26.7212C19.588 26.7212 19.4102 26.6958 19.254 26.645C19.1016 26.5903 18.9727 26.5103 18.8672 26.4048C18.7618 26.2954 18.6837 26.1509 18.6329 25.9712C18.5821 25.7876 18.5567 25.5669 18.5567 25.3091H16.8399C16.8399 25.7935 16.9161 26.2134 17.0684 26.5688C17.2208 26.9204 1 [...]
- fill="#DFE0F7"
+ d="M14.0215 25.3691V19.4688H15.7324V25.375C15.7324 25.9414 15.623 26.4316 15.4043 26.8457C15.1895 27.2559 14.8965 27.5703 14.5254 27.7891C14.1543 28.0078 13.7363 28.1172 13.2715 28.1172C12.7949 28.1172 12.3691 28.0234 11.9941 27.8359C11.623 27.6445 11.3301 27.3555 11.1152 26.9688C10.9004 26.5781 10.793 26.082 10.793 25.4805H12.5156C12.5156 25.7852 12.5469 26.0254 12.6094 26.2012C12.6719 26.377 12.7598 26.5039 12.873 26.582C12.9902 26.6602 13.123 26.6992 13.2715 26.699 [...]
+ fill="#1FCD94"
/>
</svg>
),
@@ -94,18 +101,15 @@ export const CoreCapabilitiesData = [
'Distributed design for linear scalability. Workload isolation and tiered storage for efficient resource management. Supports shared-nothing clusters as well as separation of storage and compute.',
icon: (
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+ <circle cx="24" cy="24" r="24" fill="#1FCD94" />
<path
- d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM12.8707 14.7307C14.6213 15.8848 18.5703 18 23.9999 18C29.4296 18 33.3786 15.8848 35.1292 14.7307C35.7319 14.3334 36.5033 14.3838 36.805 15.0396C37.3401 16.2026 37.9999 18.5408 37.9999 23C37.9999 27.4592 37.3401 29.7974 36.805 30.9604C36.5033 31.6162 35.7319 31.6666 35.1292 31.2693C33.3786 30.1152 29.4296 28 23.9999 28C18.5703 28 14.6213 30.1152 12.8707 [...]
- fill="#444FD9"
+ d="M11.1911 15.2289C11.4702 14.5452 12.2891 14.5156 12.8117 15.0373C14.5314 16.7544 18.5084 20 24 20C29.4916 20 33.4686 16.7544 35.1883 15.0373C35.7109 14.5156 36.5298 14.5452 36.8089 15.2289C37.3433 16.5379 38 19.0514 38 23.5C38 28.4152 36.7974 32.2567 35.9685 34.3207C35.6447 35.1269 34.5704 35.2487 33.9204 34.6724C32.2496 33.1911 28.9428 31 24 31C19.0572 31 15.7504 33.1911 14.0796 34.6724C13.4296 35.2487 12.3553 35.1269 12.0315 34.3207C11.2026 32.2567 10 28.4152 10 [...]
+ fill="#C9FFE6"
/>
<path
- d="M12.8708 13.7308C14.6214 14.8849 18.5704 17.0001 24 17.0001C29.4296 17.0001 33.3786 14.8849 35.1292 13.7308C35.7319 13.3335 36.5033 13.384 36.8051 14.0397C37.3401 15.2027 38 17.5409 38 22.0001C38 26.4593 37.3401 28.7975 36.8051 29.9605C36.5033 30.6163 35.7319 30.6667 35.1292 30.2694C33.3786 29.1153 29.4296 27.0001 24 27.0001C18.5704 27.0001 14.6214 29.1153 12.8708 30.2694C12.2681 30.6667 11.4967 30.6163 11.1949 29.9605C10.6599 28.7975 10 26.4593 10 22.0001C10 17.54 [...]
+ d="M11.1949 15.0396C11.4967 14.3838 12.2681 14.3334 12.8708 14.7307C14.6214 15.8848 18.5704 18 24 18C29.4296 18 33.3786 15.8848 35.1292 14.7307C35.7319 14.3334 36.5033 14.3838 36.8051 15.0396C37.3401 16.2026 38 18.5408 38 23C38 27.4592 37.3401 29.7974 36.8051 30.9604C36.5033 31.6162 35.7319 31.6666 35.1292 31.2693C33.3786 30.1152 29.4296 28 24 28C18.5704 28 14.6214 30.1152 12.8708 31.2693C12.2681 31.6666 11.4967 31.6162 11.1949 30.9604C10.6599 29.7974 10 27.4592 10 23 [...]
fill="white"
/>
- <path
- d="M10.0007 22.25C10.0002 22.3327 10 22.416 10 22.5001C10 27.4153 11.2026 31.2568 12.0315 33.3208C12.3553 34.127 13.4296 34.2488 14.0796 33.6725C15.7504 32.1912 19.0572 30.0001 24 30.0001C28.9428 30.0001 32.2496 32.1912 33.9204 33.6725C34.5704 34.2488 35.6447 34.127 35.9685 33.3208C36.7974 31.2568 38 27.4153 38 22.5001C38 22.416 37.9998 22.3327 37.9993 22.25C37.9752 26.547 37.33 28.8194 36.8051 29.9605C36.5033 30.6163 35.7319 30.6667 35.1292 30.2694C33.3786 29.1153 29 [...]
- fill="#C0C3F1"
- />
</svg>
),
},
@@ -115,18 +119,10 @@ export const CoreCapabilitiesData = [
'Compatible with MySQL protocol and ANSI SQL, easily integrated with BI tools. Provide open data API to be accessible for external compute engines like Spark, Flink and ML/AI.',
icon: (
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24ZM24.2579 24.9953C24.1724 24.9984 24.0864 25 24.0001 25C20.1341 25 17.0001 21.866 17.0001 18C17.0001 14.134 20.1341 11 24.0001 11C27.8661 11 31.0001 14.134 31.0001 18C31.0001 19.4893 30.535 20.8699 29.7421 22.0047C29.8277 22.0016 29.9137 22 30 22C33.866 22 37 25.134 37 29C37 32.866 33.866 36 30 36C26.134 36 23 32.866 23 29C23 27.5107 23.4651 26.1301 24.25 [...]
- fill="#444FD9"
- />
- <path
- fillRule="evenodd"
- clipRule="evenodd"
- d="M24 25.3924C23.3652 26.446 23 27.6803 23 29C23 30.3197 23.3652 31.554 24 32.6076C22.7751 34.6404 20.5463 36 18 36C14.134 36 11 32.866 11 29C11 25.134 14.134 22 18 22C20.5463 22 22.7751 23.3596 24 25.3924Z"
- fill="#C0C3F1"
- />
+ <circle cx="24" cy="24" r="24" fill="#1FCD94" />
+ <circle cx="24" cy="18" r="7" fill="white" />
+ <circle cx="18" cy="29" r="7" fill="#C9FFE6" />
+ <circle cx="30" cy="29" r="7" fill="white" />
</svg>
),
},
diff --git a/src/constant/various-analytics.data.tsx b/src/constant/various-analytics.data.tsx
index b7aa67166af..1f577d8bbd2 100644
--- a/src/constant/various-analytics.data.tsx
+++ b/src/constant/various-analytics.data.tsx
@@ -14,7 +14,7 @@ export const VariousAnalyticsData = [
/>
<path d="M3.29395 3.29419H12.7057" stroke="white" strokeWidth="1.41176" strokeLinecap="round" />
<path d="M3.29395 6.58813H12.7057" stroke="white" strokeWidth="1.41176" strokeLinecap="round" />
- <circle cx="11.2943" cy="11.294" r="4.70588" fill="#444FD9" />
+ <circle cx="11.2943" cy="11.294" r="4.70588" fill="#1FCD94" />
<path
d="M13.3077 10.3892L10.8039 13.0447L9.21063 11.5425"
stroke="white"
@@ -34,7 +34,7 @@ export const VariousAnalyticsData = [
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M14.1176 16C15.1572 16 16 15.1572 16 14.1176L16 1.88235C16 0.842756 15.1572 -9.78606e-08 14.1176 -1.4505e-07L1.88236 -7.00441e-07C0.842761 -7.47631e-07 1.71306e-06 0.842759 3.06898e-06 1.88235L1.90271e-05 14.1176C2.0383e-05 15.1572 0.842778 16 1.88237 16L14.1176 16Z"
- fill="#444FD9"
+ fill="#1FCD94"
/>
<path
d="M2.72949 8.00005H4.87202C4.9438 8.00005 5.00994 7.96114 5.04479 7.89839L6.65247 5.00457C6.73599 4.85424 6.95837 4.87491 7.01275 5.03806L8.98741 10.962C9.04179 11.1252 9.26417 11.1459 9.34769 10.9955L10.9554 8.10171C10.9902 8.03897 11.0564 8.00005 11.1281 8.00005H13.2707"
@@ -61,13 +61,13 @@ export const VariousAnalyticsData = [
],
icon: (
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
- <rect x="0.470703" y="5.64697" width="15.0588" height="4.70588" rx="0.941176" fill="#444FD9" />
+ <rect x="0.470703" y="5.64697" width="15.0588" height="4.70588" rx="0.941176" fill="#1FCD94" />
<path
d="M0.470703 9.41175H1.09815C1.3018 9.41175 1.49995 9.4778 1.66286 9.59999L2.12763 9.94856C2.81438 10.4636 3.76261 10.4488 4.43294 9.91255L4.47128 9.88188C5.15875 9.3319 6.13617 9.33236 6.82364 9.88234V9.88234C7.51111 10.4323 8.48912 10.4323 9.17659 9.88234V9.88234C9.86406 9.33236 10.8415 9.3319 11.529 9.88188L11.5673 9.91255C12.2376 10.4488 13.1859 10.4636 13.8726 9.94856L14.3374 9.59999C14.5003 9.4778 14.6984 9.41175 14.9021 9.41175H15.5295V15.0588C15.5295 15.5786 1 [...]
fill="#C0C3F1"
/>
<rect x="2.35303" y="7.29395" width="2.82353" height="1.41176" rx="0.705882" fill="white" />
- <rect x="0.470703" width="15.0588" height="4.70588" rx="0.941176" fill="#444FD9" />
+ <rect x="0.470703" width="15.0588" height="4.70588" rx="0.941176" fill="#1FCD94" />
<rect x="2.35303" y="1.64697" width="2.82353" height="1.41176" rx="0.705882" fill="white" />
</svg>
),
@@ -80,7 +80,7 @@ export const VariousAnalyticsData = [
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M14.1176 16C15.1572 16 16 15.1572 16 14.1176L16 1.88235C16 0.842756 15.1572 -2.76675e-07 14.1176 -3.23864e-07L1.88236 -8.79255e-07C0.842761 -9.26445e-07 1.62019e-06 0.842759 2.96444e-06 1.88235L1.87853e-05 14.1176C2.01295e-05 15.1572 0.842778 16 1.88237 16L14.1176 16Z"
- fill="#444FD9"
+ fill="#1FCD94"
/>
<path
d="M4.70605 6.9646L3.49394 8.17671C3.38368 8.28698 3.38368 8.46575 3.49394 8.57602L4.70605 9.78813"
@@ -112,7 +112,7 @@ export const VariousAnalyticsData = [
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M0 4.70605H15.9999V13.6472C15.9999 14.6868 15.1571 15.5295 14.1175 15.5295H1.88234C0.842753 15.5295 0 14.6868 0 13.6472L0 4.70605Z"
- fill="#444FD9"
+ fill="#1FCD94"
/>
<path
d="M16 3.76489L0.000114441 3.76489L0.000114564 2.35314C0.000114655 1.31355 0.842867 0.470799 1.88245 0.470799L14.1177 0.4708C15.1572 0.4708 16 1.31355 16 2.35314L16 3.76489Z"
@@ -144,7 +144,7 @@ export const VariousAnalyticsData = [
d="M13.8551 12.2105V14.3952C13.8551 14.5919 13.7119 14.7595 13.5176 14.7903L6.33762 15.9268C6.09479 15.9652 5.87508 15.7776 5.87508 15.5317V15.1618C5.87508 14.7024 5.48905 14.3374 5.03036 14.3631L3.45329 14.4514C3.01988 14.4757 2.64617 14.1508 2.60922 13.7183C2.51969 12.6702 2.36296 10.9268 2.30669 10.8713C1.93925 10.5089 0.0803872 10.5089 0.447694 9.78413C0.815 9.05938 1.93926 6.94737 1.93926 6.94737C2.18421 6.34341 1.93926 5.94296 1.93926 5.07326C1.93926 3.98613 4.1 [...]
fill="#C0C3F1"
/>
- <circle cx="8.8001" cy="6.39995" r="5.2" fill="#444FD9" />
+ <circle cx="8.8001" cy="6.39995" r="5.2" fill="#1FCD94" />
<path
d="M7.6001 4.3999V6.7999H8.8001V9.1999C8.8001 9.1999 9.47713 8.26219 9.8001 7.5999C10.0926 7.00009 10.4001 5.9999 10.4001 5.9999H9.2001L9.6001 4.3999H7.6001Z"
fill="white"
diff --git a/src/pages/archive-docs/index.scss b/src/pages/archive-docs/index.scss
index d1c1c2d162b..e3e8322d1ff 100644
--- a/src/pages/archive-docs/index.scss
+++ b/src/pages/archive-docs/index.scss
@@ -57,7 +57,7 @@
.download-link:hover {
text-decoration: underline;
- color: #444fd9;
+ color: var(--ifm-color-primary);
}
.archive-tips-content {
@@ -65,7 +65,7 @@
}
.latest-version-link {
- color: #444fd9;
+ color: var(--ifm-color-primary);
text-decoration: underline;
}
diff --git a/src/pages/archive-docs/index.tsx b/src/pages/archive-docs/index.tsx
index cda9906cb29..9fbc420e0de 100644
--- a/src/pages/archive-docs/index.tsx
+++ b/src/pages/archive-docs/index.tsx
@@ -15,8 +15,8 @@ export default function Archive() {
const [isZH, setIsZH] = useState(false);
const handleMouseEnter = (id: string) => {
const dom = document.getElementById(id);
- dom!.style.color = '#444FD9';
- dom!.firstChild!.style.fill = '#444FD9';
+ dom!.style.color = '#1FCD94';
+ dom!.firstChild!.style.fill = '#1FCD94';
};
const handleMouseLeave = (id: string) => {
diff --git a/src/pages/download/index.scss b/src/pages/download/index.scss
index ff191d11145..8c09aa4ede1 100644
--- a/src/pages/download/index.scss
+++ b/src/pages/download/index.scss
@@ -1,5 +1,5 @@
.run-anywhere {
- background: #f7f9fe;
+ background: #F7FAFC;
}
.download {
a {
diff --git a/src/pages/download/index.tsx b/src/pages/download/index.tsx
index 551ab55b865..47392d4cfa2 100644
--- a/src/pages/download/index.tsx
+++ b/src/pages/download/index.tsx
@@ -272,7 +272,7 @@ export default function Download() {
<Link
to="https://doris.apache.org/community/release-versioning"
style={{
- color: '#444FD9',
+ color: 'var(--ifm-color-primary)',
cursor: 'pointer',
textDecoration: 'underline',
}}
@@ -318,7 +318,7 @@ export default function Download() {
<Link
to="/docs/install/deploy-manually/storage-compute-coupled-deploy-manually"
style={{
- color: '#444FD9',
+ color: 'var(--ifm-color-primary)',
cursor: 'pointer',
}}
>
@@ -327,7 +327,7 @@ export default function Download() {
manual and cluster{' '}
<Link
style={{
- color: '#444FD9',
+ color: 'var(--ifm-color-primary)',
cursor: 'pointer',
}}
to="/docs/admin-manual/cluster-management/upgrade"
@@ -389,7 +389,7 @@ export default function Download() {
<Link
to="/docs/install/deploy-manually/storage-compute-coupled-deploy-manually"
style={{
- color: '#444FD9',
+ color: 'var(--ifm-color-primary)',
cursor: 'pointer',
}}
>
@@ -398,7 +398,7 @@ export default function Download() {
manual and cluster{' '}
<Link
style={{
- color: '#444FD9',
+ color: 'var(--ifm-color-primary)',
cursor: 'pointer',
}}
to="/docs/admin-manual/cluster-management/upgrade"
@@ -414,7 +414,7 @@ export default function Download() {
</div>
</PageColumn>
<a id="runAnywhere" className="scroll-mt-20"></a>
- <div className="run-anywhere bg-[#F7F9FE] pt-[5.5rem] pb-[7.5rem] mt-[80px]">
+ <div className="run-anywhere bg-[#F7FAFC] pt-[5.5rem] pb-[7.5rem] mt-[80px]">
<div className="container mx-auto">
<h3 className="text-center text-[#1D1D1D] text-[2.5rem] font-medium">Run anywhere</h3>
<ul className="mt-10 grid gap-x-6 gap-y-3 lg:grid-cols-3 lg:gap-y-0">
@@ -422,11 +422,11 @@ export default function Download() {
<div
onClick={() => window.open(item.link)}
key={item.title}
- className="run-anywhere-card relative bg-white flex cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-b-4 border-b-[#444FD9] py-[2rem] px-4 lg:px-[1.5rem] shadow-[inset_0_0_0_1px_#444FD9] hover:no-underline"
+ className="run-anywhere-card relative bg-white flex cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-b-4 border-b-primary py-[2rem] px-4 lg:px-[1.5rem] shadow-[inset_0_0_0_1px_#1FCD94] hover:no-underline"
>
<div className="text-2xl text-[#1D1D1D]">{item.title}</div>
<div className="mt-4 text-base text-center text-[#4C576C]">{item.description}</div>
- <div className="flex items-center mt-4 text-[#444FD9]">
+ <div className="flex items-center mt-4 text-primary">
<LinkWithArrow to={item.link} text="Learn more" />
</div>
</div>
diff --git a/src/pages/ecosystem/index.scss b/src/pages/ecosystem/index.scss
index 1a6bda72677..518df3c6eb6 100644
--- a/src/pages/ecosystem/index.scss
+++ b/src/pages/ecosystem/index.scss
@@ -1,7 +1,7 @@
.ecosystem {
.sub-btn {
height: auto;
- color: #444fd9;
+ color: var(--ifm-color-primary);
min-width: auto;
padding: 0;
}
diff --git a/src/pages/events/index.tsx b/src/pages/events/index.tsx
index 5c889919e98..c618c0128ff 100644
--- a/src/pages/events/index.tsx
+++ b/src/pages/events/index.tsx
@@ -941,12 +941,12 @@ export default function Events() {
</div>
</section>
<section className="mb-[5.5rem] mt-[1.25rem]">
- <div className="max-w-[75rem] text-[1rem]/[180%] mx-auto flex justify-start gap-x-[2.5rem] font-medium">
+ <div className="max-w-[75rem] lg:px-0 px-4 text-[1rem]/[180%] mx-auto flex justify-start gap-x-[2.5rem] font-medium">
<div className="h-[3.25rem] pb-4">Event Language Type:</div>
<div
onClick={() => setSelectedLanguage('en')}
className={`h-[3.25rem] cursor-pointer pb-4 hover:text-[#1D1D1D] ${selectedLanguage === 'en'
- ? 'text-[#1D1D1D] border-b-[2px] border-[#444FD9]'
+ ? 'text-[#1D1D1D] border-b-[2px] border-primary'
: 'text-[#4C576C]'
}`}
>
@@ -956,7 +956,7 @@ export default function Events() {
<div
onClick={() => setSelectedLanguage('zh')}
className={`h-[3.25rem] cursor-pointer hover:text-[#1D1D1D] pb-4 ${selectedLanguage === 'zh'
- ? 'text-[#1D1D1D] border-b-[2px] border-[#444FD9]'
+ ? 'text-[#1D1D1D] border-b-[2px] border-primary'
: 'text-[#4C576C]'
}`}
>
@@ -965,7 +965,7 @@ export default function Events() {
</div>
<div className="max-w-[75rem] pt-[5rem] border-t-[0.5px] border-[#E3E8F2] mx-auto ">
<div
- className={`flex flex-wrap gap-x-[1.5rem] gap-y-[5rem] ${!showMore ? 'mb-[2.5rem]' : 'mb-[5rem]'
+ className={`flex justify-center lg:justify-start flex-wrap gap-x-[1.5rem] gap-y-[5rem] ${!showMore ? 'mb-[2.5rem]' : 'mb-[5rem]'
} `}
>
{eventList.slice(0, 9).map((event: Event, index) => (
@@ -973,7 +973,7 @@ export default function Events() {
))}
</div>
{showMore ? (
- <div className="flex flex-wrap gap-x-[1.5rem] gap-y-[5rem] mb-[2.5rem] ">
+ <div className="flex justify-center lg:justify-start flex-wrap gap-x-[1.5rem] gap-y-[5rem] mb-[2.5rem] ">
{eventList.slice(9).map((event: Event, index) => (
<EventCard data={event} key={index} />
))}
@@ -982,7 +982,7 @@ export default function Events() {
{eventList.length > 9 ? (
<div
onClick={() => setShowMore(true)}
- className="cursor-pointer text-center mx-auto text-[#444FD9] text-[0.875rem]/[1.375rem]"
+ className="cursor-pointer text-center mx-auto text-primary text-[0.875rem]/[1.375rem]"
>
See More <ArrowDown className="inline" />
</div>
diff --git a/src/pages/events/styles.scss b/src/pages/events/styles.scss
index 334c645ecda..b9ceb7fa16e 100644
--- a/src/pages/events/styles.scss
+++ b/src/pages/events/styles.scss
@@ -1,12 +1,11 @@
-
.events-banner-container {
margin-top: 6rem;
margin-bottom: 6rem;
- .banner-title{
+ .banner-title {
font-weight: 600;
line-height: 2.5rem;
font-size: 2.75rem;
- color: #1D1D1D;
+ color: #1d1d1d;
text-align: center;
}
.banner-desc {
@@ -19,12 +18,13 @@
.button {
display: flex;
align-items: center;
- padding: 1rem 2rem;
+ padding: 1rem 0;
font-size: 1rem;
border: none;
transition: all 0.3s;
+ justify-content: center;
border: 1px solid transparent;
- width: 25.625rem;
+ width: 100%;
font-weight: 400;
margin: auto;
&:hover {
@@ -63,4 +63,11 @@
}
}
}
+
+ @media (min-width:640px){
+ .button {
+ width: 25.625rem;
+ padding: 1rem 2rem;
+ }
+ }
}
diff --git a/src/pages/index.scss b/src/pages/index.scss
index de9c333a55c..3e16403be3d 100644
--- a/src/pages/index.scss
+++ b/src/pages/index.scss
@@ -95,7 +95,7 @@
transition: all 0.3s;
&:hover {
- box-shadow: 10px 14px 40px rgba(195, 203, 235, 0.2);
+ box-shadow: 10px 14px 40px rgba(17, 166, 121, 0.08);
border-radius: 4px;
text-decoration: none;
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f019462ba0d..0c0ca987f08 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -42,12 +42,8 @@ export default function Home(): JSX.Element {
const banner = {
title: (
<div
- className="lg:leading-[78px]"
- style={{
- fontWeight: 700,
- }}
>
- <p className="highlight">
+ <p>
<Translate id="homepage.banner.title">Open Source, Real-Time</Translate>
</p>
<p>
@@ -72,9 +68,9 @@ export default function Home(): JSX.Element {
// event: (
// <Link
// to={'https://www.velodb.io/events/GenAI-AWS-251113'}
- // style={{ background: 'linear-gradient(0deg, #F7F9FE 0%, #F7F9FE 100%), #FFF', textDecoration: 'none' }}
+ // style={{ background: 'linear-gradient(0deg, #F7FAFC 0%, #F7FAFC 100%), #FFF', textDecoration: 'none' }}
// onMouseEnter={() => {
- // document.getElementById('event-star-icon').firstChild.style.fill = '#444FD9';
+ // document.getElementById('event-star-icon').firstChild.style.fill = '#1FCD94';
// }}
// onMouseLeave={() => {
// document.getElementById('event-star-icon').firstChild.style.fill = '#636CDF';
@@ -83,11 +79,11 @@ export default function Home(): JSX.Element {
// >
// <div className="lg:mb-0 mb-4 flex items-center">
// <HomeEvenStarIcon id="event-star-icon" />
- // <span className="ml-[3px] group-hover:text-[#444FD9] font-bold text-[#636CDF] text-[0.875rem]/[1rem]">
+ // <span className="ml-[3px] group-hover:text-primary font-bold text-[#636CDF] text-[0.875rem]/[1rem]">
// NEW EVENT
// </span>
// </div>
- // <p className="lg:ml-[0.75rem] group-hover:text-[#444FD9] text-[1rem]/[1rem] text-[#000]">
+ // <p className="lg:ml-[0.75rem] group-hover:text-primary text-[1rem]/[1rem] text-[#000]">
// Webinar: Data Analytics in the Agentic AI Era —— Register Now
// </p>
// </Link>
@@ -416,7 +412,7 @@ export default function Home(): JSX.Element {
>
<PageBanner {...banner}></PageBanner>
<AchievementBanner />
- <section style={{ backgroundColor: '#F7F9FE' }} className="group">
+ <section style={{ backgroundColor: '#F7FAFC' }} className="group">
<NewsLetterSwiper />
</section>
<section className="apache-doris">
@@ -431,6 +427,7 @@ export default function Home(): JSX.Element {
footer={
<div className="justify-center flex mt-14">
<LinkWithArrow
+ className="hover:!text-primary !text-[#1D1D1D]"
to={`/docs/${DEFAULT_VERSION}/gettingStarted/what-is-apache-doris`}
text={
<Translate id="homepage.more" description="more link">
@@ -454,7 +451,7 @@ export default function Home(): JSX.Element {
</section>
<PageColumn
className="lg:py-[7.5rem]"
- wrapperStyle={{ backgroundColor: '#F7F9FE' }}
+ wrapperStyle={{ backgroundColor: '#F7FAFC' }}
title={
<Translate id="homepage.capabilities" description="Core capabilities">
Core capabilities
@@ -491,7 +488,7 @@ export default function Home(): JSX.Element {
<UserCaseCarousel />
</PageColumn>
<PageColumn
- className="bg-[#F7F9FE]"
+ className="bg-[#F7FAFC]"
title={
<Translate id="homepage.join" description="Join The Community">
Connect with community
diff --git a/src/pages/learning/siteMap.scss b/src/pages/learning/siteMap.scss
index 50e38db56ee..be4e7db7a77 100644
--- a/src/pages/learning/siteMap.scss
+++ b/src/pages/learning/siteMap.scss
@@ -71,7 +71,7 @@
text-decoration: none;
&:hover {
- color: #444FD9;
+ color: var(--ifm-color-primary);
}
}
}
diff --git a/src/pages/users/index.tsx b/src/pages/users/index.tsx
index 80592aa9a50..b9714dd62a8 100644
--- a/src/pages/users/index.tsx
+++ b/src/pages/users/index.tsx
@@ -91,7 +91,7 @@ export default function Users(): JSX.Element {
{USER_STORIES_CATEGORIES.map((item: any) => (
<li className="py-px" key={item} onClick={() => changeCategory(item)}>
<span
- className={`block cursor-pointer whitespace-nowrap rounded-[2.5rem] px-4 py-2 text-sm shadow-[0px_1px_4px_0px_rgba(49,77,136,0.10)] hover:bg-primary hover:text-white lg:px-6 lg:py-3 lg:text-base ${
+ className={`block cursor-pointer whitespace-nowrap rounded-[2.5rem] px-4 py-2 text-sm shadow-[0px_1px_4px_0px_rgba(0,89,68,0.10)] hover:bg-primary hover:text-white lg:px-6 lg:py-3 lg:text-base ${
active === item && 'bg-primary text-white'
}`}
>
@@ -111,7 +111,7 @@ export default function Users(): JSX.Element {
onClick={() => setCurrentSize(currentSize => Math.min(currentSize + PAGE_SIZE, users.length))}
className="justify-center flex mt-9"
>
- <div className="flex items-center cursor-pointer px-8 py-4 border border-[#444FD9] rounded text-[#444FD9] text-base">
+ <div className="flex items-center cursor-pointer px-8 py-4 border border-primary rounded text-primary text-base">
<span className="mr-1">View more</span>
<span>
<svg
@@ -123,14 +123,14 @@ export default function Users(): JSX.Element {
>
<path
d="M4.5 9.82226L8.5 13.8222L12.5 9.82227"
- stroke="#444FD9"
+ stroke="#1FCD94"
strokeWidth="1.37143"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8.49951 3.82227L8.49951 13.8223"
- stroke="#444FD9"
+ stroke="#1FCD94"
strokeWidth="1.37143"
strokeLinecap="round"
strokeLinejoin="round"
diff --git a/src/pages/vendors/index.tsx b/src/pages/vendors/index.tsx
index ca55a8a6cbd..151af71ccfb 100644
--- a/src/pages/vendors/index.tsx
+++ b/src/pages/vendors/index.tsx
@@ -1,6 +1,7 @@
import Layout from '../../theme/Layout';
import { VelodbLogo } from '../../components/Icons/velodb-logo';
import Link from '@docusaurus/Link';
+import React from 'react';
export default function Vendors() {
return (
@@ -8,7 +9,7 @@ export default function Vendors() {
title="Vendors - Apache Doris"
description="This page contains some of the vendors who support Apache Doris in their products."
>
- <section className="bg-[#F7F9FE] px-4 lg:px-0 py-[6rem]">
+ <section className="bg-[#F7FAFC] px-4 lg:px-0 py-[6rem]">
<div className="max-w-[1180px] mx-auto text-center">
<div className="text-[#1D1D1D] text-[2.75rem]/[2.5rem] mb-4 font-semibold tracking-[0.88px]">
Vendors
@@ -23,19 +24,19 @@ export default function Vendors() {
<VelodbLogo className="shrink-0" />
<div className="text-[1rem]/[180%] text-[#1D1D1D]">
<p className="mb-4">
- <Link className="underline text-[#444FD9] font-medium" to="https://www.velodb.io">
+ <Link className="underline text-primary font-medium" to="https://www.velodb.io">
VeloDB
</Link>{' '}
is a leading managed service for Apache Doris, offering fast, cost-effective,
enterprise-grade capabilities for real-time analytics use cases in today's AI-driven world.
It provides both cloud service and on-premise deployment.{' '}
- <Link className="underline text-[#444FD9] font-medium" to="https://www.velodb.io/cloud">
+ <Link className="underline text-primary font-medium" to="https://www.velodb.io/cloud">
VeloDB Cloud
</Link>{' '}
is a fully managed, cloud-native service available on AWS, Azure, GCP, along with SaaS and
BYOC models.{' '}
<Link
- className="underline text-[#444FD9] font-medium"
+ className="underline text-primary font-medium"
to="https://www.velodb.io/enterprise"
>
VeloDB Enterprise
@@ -45,7 +46,7 @@ export default function Vendors() {
management tool, the Enterprise Manager. Learn more about how to leverage Apache Doris
capabilities{' '}
<Link
- className="underline text-[#444FD9] font-medium"
+ className="underline text-primary font-medium"
to="https://www.velodb.io/get-started"
>
here
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 52416125d31..0f12c76df38 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -1,8 +1,8 @@
:root {
- --ifm-color-primary: #444fd9;
+ --ifm-color-primary: #1FCD94;
--ifm-color-primary-dark: #2c39d4;
--ifm-color-primary-darker: #2935c9;
- --ifm-color-primary-darkest: #222ba6;
+ --ifm-color-primary-darkest: #11A679;
--ifm-color-primary-light: #5c65de;
--ifm-color-primary-lighter: #6870e0;
--ifm-color-primary-lightest: #8b92e7;
diff --git a/src/scss/components/markdown.scss b/src/scss/components/markdown.scss
index a508b0a39bd..cb5c8481ce7 100644
--- a/src/scss/components/markdown.scss
+++ b/src/scss/components/markdown.scss
@@ -85,7 +85,7 @@
padding: 0.75rem 1.625rem 0.75rem 3.25rem;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
- background-color: #f7f9fe;
+ background-color: #F7FAFC;
}
details > summary::before {
@@ -165,11 +165,11 @@
}
table thead tr {
- background-color: #f7f9fe;
+ background-color: #F7FAFC;
}
table thead th {
- background-color: #f7f9fe;
+ background-color: #F7FAFC;
color: #1d1d1d;
font-size: 0.875rem;
font-weight: 600;
@@ -235,7 +235,7 @@
border-bottom-color: #ffffff !important;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
- color: #444fd9 !important;
+ color: var(--ifm-color-primary) !important;
font-weight: 700;
}
.tabs__item {
diff --git a/src/scss/components/navbar.scss b/src/scss/components/navbar.scss
index 6b965a954b6..3182ae81eee 100644
--- a/src/scss/components/navbar.scss
+++ b/src/scss/components/navbar.scss
@@ -28,6 +28,13 @@
padding-left: 1.25rem;
padding-right: 1.25rem;
}
+
+ @media screen and (max-width: 1480px) {
+ .navbar__link {
+ padding-left: 0.625rem;
+ padding-right: 0.625rem;
+ }
+ }
}
&.docs {
@@ -104,7 +111,7 @@
&__brand {
height: 1.875rem;
margin: 0;
- margin-right: 3rem;
+ margin-right: 2.75rem;
overflow: hidden;
@media screen and (max-width: 1200px) {
@@ -210,7 +217,7 @@
}
.dropdown__menu {
- box-shadow: 0px 6px 20px rgba(83, 132, 204, 0.2);
+ box-shadow: 0px 6px 20px rgba(6, 128, 95, 0.12);
border-radius: 0.5rem;
min-width: 6.5rem;
diff --git a/src/scss/custom.scss b/src/scss/custom.scss
index 8af2fb0b67b..0572aab523d 100644
--- a/src/scss/custom.scss
+++ b/src/scss/custom.scss
@@ -30,6 +30,11 @@
src: url('/fonts/NotoSansSC-VariableFont_wght.ttf');
}
+@font-face {
+ font-family: 'Montserrat';
+ src: url('/fonts/Montserrat-VariableFont_wght.ttf');
+}
+
@layer utilities {
.transition-slide {
@apply inline-block transform transition-transform duration-300 hover:translate-x-1 group-hover:translate-x-1;
@@ -44,7 +49,7 @@
align-items: center;
gap: 4px;
border-radius: 4px;
- background: var(--b-1, #444fd9);
+ background: var(--b-1, #1fcd94);
color: white;
}
@@ -55,7 +60,8 @@ html[lang='zh-Hans-CN'] {
html[lang='en-US'] {
--font-family-base: 'Inter';
- font-family: 'Inter', 'MiSans Latin', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family: 'Inter', 'MiSans Latin', 'Montserrat', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+ sans-serif;
}
// :root {
@@ -100,3 +106,23 @@ body {
border-radius: 4px;
background: rgba(0, 101, 253, 0.08);
}
+
+.ant-pagination-item-active a,
+.ant-pagination-item-active {
+ color: var(--ifm-color-primary) !important;
+}
+.ant-pagination-options-quick-jumper input:hover,
+.ant-pagination-options-quick-jumper input:focus-within,
+.ant-pagination-item-active a,
+.ant-pagination-item-active
+ {
+ border-color: var(--ifm-color-primary) !important;
+}
+
+.ant-pagination-options-quick-jumper input:focus-within {
+ box-shadow: 0 0 0 2px #C9FFE6 !important;
+}
+
+.ant-pagination-item-container .ant-pagination-item-link-icon {
+ color: var(--ifm-color-primary) !important;
+}
\ No newline at end of file
diff --git a/src/theme/BlogListItem/HeadItem/index.tsx b/src/theme/BlogListItem/HeadItem/index.tsx
index f44d5a307bf..808e00dd806 100644
--- a/src/theme/BlogListItem/HeadItem/index.tsx
+++ b/src/theme/BlogListItem/HeadItem/index.tsx
@@ -21,7 +21,7 @@ export default function HeadItem(props: any) {
<Link
target={externalLink ? '_blank' : '_self'}
to={externalLink || permalink}
- className="hover:no-underline hover:decoration-none transition-scale relative block rounded-lg border border-[#DFE5F0] px-6 py-5 hover:border-[#0065FD] "
+ className="hover:no-underline hover:decoration-none transition-scale relative block rounded-lg border border-[#DFE5F0] px-6 py-5 hover:border-primary "
>
<div className=" ">
<h1 className="line-clamp-2 text-xl font-medium leading-normal text-black-dark transition group-hover:text-primary">
@@ -61,11 +61,11 @@ export default function HeadItem(props: any) {
} flex flex-col `}
>
<img
- className="rounded-t-lg border border-b-0 border-[#DFE5F0] group-hover:border-[#0065FD]"
+ className="rounded-t-lg border border-b-0 border-[#DFE5F0] group-hover:border-primary"
src={image}
alt=""
/>
- <div className="rounded-b-lg border border-t-0 border-[#DFE5F0] group-hover:border-[#0065FD] h-full flex flex-col-reverse justify-between lg:flex-row lg:py-0 py-6 lg:pb-5 lg:space-x-10 px-6">
+ <div className="rounded-b-lg border border-t-0 border-[#DFE5F0] group-hover:border-primary h-full flex flex-col-reverse justify-between lg:flex-row lg:py-0 py-6 lg:pb-5 lg:space-x-10 px-6">
<div className="flex-1">
<h1 className=" mt-4 line-clamp-2 text-2xl font-medium text-black-dark lg:text-[2rem] lg:leading-[3rem]">
{title}
diff --git a/src/theme/BlogListItem/index.tsx b/src/theme/BlogListItem/index.tsx
index ad7ca4e494a..ccf1d1a8ab3 100644
--- a/src/theme/BlogListItem/index.tsx
+++ b/src/theme/BlogListItem/index.tsx
@@ -60,10 +60,10 @@ export default function BlogListItem(props) {
itemProp="url"
target={externalLink ? '_blank' : '_self'}
to={externalLink || permalink}
- className="hover:no-underline hover:decoration-none transition-scale group relative flex h-full flex-col rounded-lg border border-[#DFE5F0] hover:border-[#0065FD] lg:border-0"
+ className="hover:no-underline hover:decoration-none transition-scale group relative flex h-full flex-col rounded-lg border border-[#DFE5F0] hover:border-primary lg:border-0"
>
<div
- className={`relative overflow-hidden rounded-t-lg border-[#DFE5F0] group-hover:border-[#0065FD] lg:border lg:border-b-0 lg:pb-0`}
+ className={`relative overflow-hidden rounded-t-lg border-[#DFE5F0] group-hover:border-primary lg:border lg:border-b-0 lg:pb-0`}
style={{
width: '100%',
height: '165px',
@@ -74,7 +74,7 @@ export default function BlogListItem(props) {
<div
className={`px-6 ${
large ? 'py-6 lg:pt-12' : ' py-6'
- } flex-1 rounded-b-lg border-[#DFE5F0] group-hover:border-[#0065FD] lg:border lg:border-t-0`}
+ } flex-1 rounded-b-lg border-[#DFE5F0] group-hover:border-primary lg:border lg:border-t-0`}
>
{!large && (
<div className="">
diff --git a/src/theme/BlogListPage/index.tsx b/src/theme/BlogListPage/index.tsx
index 15d984f37cf..cbe06ca59e6 100644
--- a/src/theme/BlogListPage/index.tsx
+++ b/src/theme/BlogListPage/index.tsx
@@ -135,8 +135,8 @@ function BlogListPageContent(props) {
{blogCategories.map((item: any, index) => (
<li className=" py-px" key={index} onClick={() => changeCategory(item.label)}>
<span
- className={`block cursor-pointer whitespace-nowrap rounded-[2.5rem] px-4 py-2 text-sm shadow-[0px_1px_4px_0px_rgba(49,77,136,0.10)] hover:bg-[#444FD9] hover:text-white lg:px-6 lg:py-3 lg:text-base ${
- active === item.label && 'bg-[#444FD9] text-white'
+ className={`block cursor-pointer whitespace-nowrap rounded-[2.5rem] px-4 py-2 text-sm shadow-[0px_1px_4px_0px_rgba(0,89,68,0.10)] hover:bg-primary hover:text-white lg:px-6 lg:py-3 lg:text-base ${
+ active === item.label && 'bg-primary text-white'
}`}
>
{item.label}
diff --git a/src/theme/DocItem/Layout/styles.module.css b/src/theme/DocItem/Layout/styles.module.css
index 07714e42f61..e1664cd34b2 100644
--- a/src/theme/DocItem/Layout/styles.module.css
+++ b/src/theme/DocItem/Layout/styles.module.css
@@ -20,5 +20,5 @@
cursor: pointer;
}
.footerBtn:hover {
- border: 1px solid #444FD9;
+ border: 1px solid var(--ifm-color-primary);
}
diff --git a/src/theme/DocSidebarItem/Category/style.scss b/src/theme/DocSidebarItem/Category/style.scss
index 78ae0f0053b..5237ca902d7 100644
--- a/src/theme/DocSidebarItem/Category/style.scss
+++ b/src/theme/DocSidebarItem/Category/style.scss
@@ -1,9 +1,9 @@
.theme-doc-sidebar-menu.menu__list {
padding-left: 1rem;
.menu__link.menu__link--active:not(.menu__link--sublist) {
- color: #444fd9 !important;
+ color: var(--ifm-color-primary) !important;
font-weight: 500;
- background-color: rgba(237, 238, 250, 0.6);
+ background-color: #F7FFFB;
}
.menu__list-item {
a.menu__link {
@@ -14,7 +14,7 @@
// font-size: 14px;
font-weight: 400;
&:hover {
- background-color: rgba(237, 242, 250, 0.5) !important;
+ background-color: #F7FFFB !important;
}
&:after {
right: 0;
diff --git a/src/theme/Footer/styles.scss b/src/theme/Footer/styles.scss
index 2320381d3fe..347c6526371 100644
--- a/src/theme/Footer/styles.scss
+++ b/src/theme/Footer/styles.scss
@@ -1,5 +1,5 @@
.footer {
- background-color: #162033;
+ background-color: #0C1613;
&-box {
display: flex;
diff --git a/src/theme/Navbar/Content/components/NavbarCommon.tsx b/src/theme/Navbar/Content/components/NavbarCommon.tsx
index b4ca73a86e1..701a04ab7fc 100644
--- a/src/theme/Navbar/Content/components/NavbarCommon.tsx
+++ b/src/theme/Navbar/Content/components/NavbarCommon.tsx
@@ -43,17 +43,17 @@ export const NavbarCommonRight = ({ star }: NavbarCommonRightProps) => {
<NavbarItems items={rightItems} />
<Link
onMouseEnter={() => {
- document.getElementById('github-icon-new').firstChild.style.fill = '#444FD9';
+ document.getElementById('github-icon-new').firstChild.style.fill = '#1FCD94';
}}
onMouseLeave={() => {
document.getElementById('github-icon-new').firstChild.style.fill = '#1D1D1D';
}}
- className="github-btn bg-[#F7F9FE] mr-1 group !no-underline rounded-sm items-center justify-start desktop h-[2.25rem] w-[6.5rem] "
+ className="github-btn bg-[#F7FAFC] mr-1 group !no-underline ml-4 rounded-sm items-center justify-start desktop h-[2.25rem] w-[6.5rem] "
href="https://github.com/apache/doris"
target="_blank"
>
<GithubIconNew id='github-icon-new' className='github-icon-new ml-[0.5rem]' />
- <span className='github-text ml-1 text-[1rem]/[137.5%] group-hover:text-[#444FD9] text-[#252734] font-medium'>Star Me</span>
+ <span className='github-text ml-1 text-[1rem]/[137.5%] group-hover:text-primary text-[#252734] font-medium'>Star Me</span>
</Link>
{star && <div className="gh-count text-[1rem]/[1rem]">{star}k</div>}
<Link
diff --git a/src/theme/Navbar/Content/index.tsx b/src/theme/Navbar/Content/index.tsx
index 41b78e9a7f2..af46061354a 100644
--- a/src/theme/Navbar/Content/index.tsx
+++ b/src/theme/Navbar/Content/index.tsx
@@ -13,7 +13,8 @@ import { NavbarCommonLeft, NavbarCommonRight } from './components/NavbarCommon';
import { DataContext } from '../../Layout';
import { ARCHIVE_PATH } from '@site/src/constant/common';
import { STAR_COUNT } from '../../../constant/github.data';
-
+import { StarGreenIcon } from '@site/src/components/Icons/star-green-icon';
+
import styles from './styles.module.css';
enum NavBar {
@@ -111,6 +112,13 @@ export default function NavbarContent(): ReactNode {
left={NavbarTypes[currentNavbar].left}
right={
<>
+ <button
+ className="rounded-full flex items-center gap-x-2 px-4 py-[5px] border border-primary bg-[#F0FFF7] text-[1rem]/[1.625rem] font-medium text-[#1D1D1D]"
+ id="navbar-ask-ai-btn"
+ >
+ <StarGreenIcon />
+ Ask AI
+ </button>
{NavbarTypes[currentNavbar].right}
{!mobileSidebar.disabled && !showSearchPageMobile && <NavbarMobileSidebarToggle />}
<NavbarColorModeToggle className={styles.colorModeToggle} />
diff --git a/src/theme/NavbarItem/LocaleDropdownNavbarItem/styles.scss b/src/theme/NavbarItem/LocaleDropdownNavbarItem/styles.scss
index 892fb026ce9..6fb7cc5df85 100644
--- a/src/theme/NavbarItem/LocaleDropdownNavbarItem/styles.scss
+++ b/src/theme/NavbarItem/LocaleDropdownNavbarItem/styles.scss
@@ -10,13 +10,13 @@
padding: 0.5rem 0.75rem;
line-height: 1.6;
&:hover {
- background-color: #f7f9fe !important;
+ background-color: #F7FAFC !important;
color: #1d1d1d !important;
}
}
.dropdown__link--active,
.dropdown__link--active:hover {
- color: #444fd9 !important;
+ color: var(--ifm-color-primary) !important;
background-color: transparent !important;
}
}
diff --git a/src/theme/NotFound.js b/src/theme/NotFound.js
index e8dc1d14e2c..818f663035c 100644
--- a/src/theme/NotFound.js
+++ b/src/theme/NotFound.js
@@ -49,7 +49,7 @@ export default function NotFound() {
label="Report this issue"
linkIcon={<ExternalLinkArrowIcon />}
to="https://github.com/apache/doris-website/issues"
- className="text-sm border border-[#444FD9] h-[2.625rem] rounded-md text-primary cursor-pointer"
+ className="text-sm border border-primary h-[2.625rem] rounded-md text-primary cursor-pointer"
/>
</div>
</div>
diff --git a/src/theme/TOC/index.tsx b/src/theme/TOC/index.tsx
index 8f3c53ec3ab..71d592dbaa3 100644
--- a/src/theme/TOC/index.tsx
+++ b/src/theme/TOC/index.tsx
@@ -84,8 +84,8 @@ export default function TOC({ className, ...props }: Props): React.ReactElement
<div style={isBrowser && location.pathname.startsWith('/blog') ? { display: 'none' } : {}}>
<Link to={'/'}>
<div className="toc-icon-content group">
- <HomeIcon className="group-hover:text-[#444FD9]" />
- <span className="group-hover:text-[#444FD9]">{isCN ? 'Doris 首页' : 'Doris Homepage'}</span>
+ <HomeIcon className="group-hover:text-primary" />
+ <span className="group-hover:text-primary">{isCN ? 'Doris 首页' : 'Doris Homepage'}</span>
</div>
</Link>
{isCN && ['4.x', '3.x', '2.0', '2.1'].includes(currentVersion) ? (
@@ -97,23 +97,23 @@ export default function TOC({ className, ...props }: Props): React.ReactElement
await downloadFileWithLoading(pdfInfo.link, pdfInfo.filename);
}}
>
- <PdfIcon className="group-hover:text-[#444FD9]" />
- <span className={` group-hover:text-[#444FD9] mr-2`}>{isCN ? '下载 PDF' : 'Download PDF'}</span>
+ <PdfIcon className="group-hover:text-primary" />
+ <span className={` group-hover:text-primary mr-2`}>{isCN ? '下载 PDF' : 'Download PDF'}</span>
<Spin size="small" spinning={loading} />
</div>
) : null}
{isCN ? (
<Link to={'https://doris-forum.org.cn'}>
<div className="toc-icon-content group">
- <ForumIcon className="group-hover:text-[#444FD9]" />{' '}
- <span className="group-hover:text-[#444FD9]">技术论坛</span>
+ <ForumIcon className="group-hover:text-primary" />{' '}
+ <span className="group-hover:text-primary">技术论坛</span>
</div>
</Link>
) : null}
{!isCN ? (
<Link className="toc-icon-content group" to={'https://github.com/apache/doris/discussions'}>
- <GithubIcon className="group-hover:text-[#444FD9]" />
- <span className="group-hover:text-[#444FD9]">Ask Questions on Discussion</span>
+ <GithubIcon className="group-hover:text-primary" />
+ <span className="group-hover:text-primary">Ask Questions on Discussion</span>
</Link>
) : null}
@@ -125,9 +125,9 @@ export default function TOC({ className, ...props }: Props): React.ReactElement
}
>
<div style={{ padding: '2px' }}>
- <SlackIcon className="group-hover:text-[#444FD9]" />
+ <SlackIcon className="group-hover:text-primary" />
</div>
- <span className="group-hover:text-[#444FD9]">Chat on Slack</span>
+ <span className="group-hover:text-primary">Chat on Slack</span>
</Link>
) : null}
</div>
diff --git a/static/fonts/Montserrat-VariableFont_wght.ttf b/static/fonts/Montserrat-VariableFont_wght.ttf
new file mode 100644
index 00000000000..451e69288c1
Binary files /dev/null and b/static/fonts/Montserrat-VariableFont_wght.ttf differ
diff --git a/static/images/cases-bg-ELT.png b/static/images/cases-bg-ELT.png
index b9301ea18f0..67144fcf2fa 100644
Binary files a/static/images/cases-bg-ELT.png and b/static/images/cases-bg-ELT.png differ
diff --git a/static/images/cases-bg-ad-hoc.png b/static/images/cases-bg-ad-hoc.png
index c8519a650ed..ec41f946fd5 100644
Binary files a/static/images/cases-bg-ad-hoc.png and b/static/images/cases-bg-ad-hoc.png differ
diff --git a/static/images/cases-bg-customer.png b/static/images/cases-bg-customer.png
index 45b9e4b56d8..93572268777 100644
Binary files a/static/images/cases-bg-customer.png and b/static/images/cases-bg-customer.png differ
diff --git a/static/images/cases-bg-datalake.png b/static/images/cases-bg-datalake.png
index 3b0175aec63..3faf3abb48d 100644
Binary files a/static/images/cases-bg-datalake.png and b/static/images/cases-bg-datalake.png differ
diff --git a/static/images/cases-bg-log.png b/static/images/cases-bg-log.png
index f6a85dfa9d5..60a7406feb7 100644
Binary files a/static/images/cases-bg-log.png and b/static/images/cases-bg-log.png differ
diff --git a/static/images/cases-bg-real-time.png b/static/images/cases-bg-real-time.png
index 64b75be325d..f744314baaf 100644
Binary files a/static/images/cases-bg-real-time.png and b/static/images/cases-bg-real-time.png differ
diff --git a/static/images/doc-logo-new.svg b/static/images/doc-logo-new.svg
index 594445d2034..f4a5c5c134f 100644
--- a/static/images/doc-logo-new.svg
+++ b/static/images/doc-logo-new.svg
@@ -1,66 +1,28 @@
-<svg width="236" height="30" viewBox="0 0 236 30" fill="none" xmlns="http://www.w3.org/2000/svg">
- <g clip-path="url(#clip0_7708_8755)">
- <path
- d="M13.6055 4.59429L10.3322 1.32107C9.91508 0.90283 9.4196 0.57089 8.87411 0.344218C8.32862 0.117546 7.74381 0.000586913 7.15309 1.93118e-05C6.06361 -0.00328922 5.01583 0.418635 4.23267 1.17603C3.82369 1.57082 3.49737 2.04305 3.27269 2.56521C3.04802 3.08736 2.9295 3.649 2.92403 4.21741C2.91855 4.78583 3.02624 5.34965 3.24082 5.87603C3.4554 6.40241 3.77257 6.88084 4.17387 7.28343L10.1127 13.2223C10.2387 13.3417 10.4056 13.4082 10.5792 13.4082C10.7528 13.4082 10.9197 13.3417 11 [...]
- fill="#15A9CA" />
- <path
- d="M18.9692 9.82317C18.3459 9.21949 17.6991 8.5962 17.115 7.92196V7.89844C17.0942 7.95976 17.0784 8.02269 17.068 8.0866C16.8227 9.5194 16.1199 10.8342 15.0648 11.8342C11.6191 15.2563 8.13421 18.753 4.76298 22.136L4.30826 22.5868C3.61334 23.226 3.14433 24.0733 2.97152 25.0015C2.89854 25.6633 2.9678 26.333 3.17468 26.9658C3.38155 27.5986 3.72126 28.1798 4.17105 28.6707C4.55505 29.1062 5.03102 29.451 5.56455 29.6802C6.09808 29.9093 6.67586 30.0171 7.25612 29.9957C8.60069 30.0153 [...]
- fill="#52CAA3" />
- <path
- d="M-0.00390618 7.7743V22.2314C-0.00397307 22.3904 0.0431223 22.5458 0.131419 22.678C0.219716 22.8102 0.345246 22.9133 0.492127 22.9741C0.639009 23.035 0.800637 23.0509 0.956566 23.0199C1.1125 22.9888 1.25572 22.9122 1.3681 22.7998L8.64368 15.5242C8.78109 15.3855 8.85817 15.1981 8.85817 15.0028C8.85817 14.8076 8.78109 14.6202 8.64368 14.4815L1.3681 7.2059C1.29503 7.13135 1.20781 7.07215 1.11155 7.03176C1.01529 6.99137 0.911933 6.97061 0.807543 6.9707C0.593686 6.97069 0.388466 [...]
- fill="#5268AD" />
- <path
- d="M31.748 21.1408V8.875H35.3858C39.3725 8.875 41.8539 11.227 41.8539 15.002C41.8539 18.777 39.3725 21.1408 35.3858 21.1408H31.748ZM33.7081 19.3846H35.4682C38.1612 19.3846 39.8978 17.6676 39.8978 15.0138C39.8978 12.3599 38.1612 10.6429 35.4682 10.6429H33.7081V19.3846Z"
- fill="#1D2434" />
- <path
- d="M50.6121 21.3296C49.7812 21.3296 48.9585 21.166 48.1909 20.848C47.4232 20.5301 46.7258 20.064 46.1383 19.4765C45.5508 18.889 45.0847 18.1915 44.7668 17.4239C44.4488 16.6563 44.2852 15.8336 44.2852 15.0027C44.2852 14.1718 44.4488 13.3491 44.7668 12.5815C45.0847 11.8139 45.5508 11.1164 46.1383 10.5289C46.7258 9.94139 47.4232 9.47535 48.1909 9.15739C48.9585 8.83944 49.7812 8.67578 50.6121 8.67578C51.4429 8.67578 52.2657 8.83944 53.0333 9.15739C53.8009 9.47535 54.4984 9.94139 [...]
- fill="#1D2434" />
- <path d="M75.0559 8.875H73.041V21.129H75.0559V8.875Z" fill="#1D2434" />
- <path
- d="M82.4742 21.3296C81.1795 21.3193 79.9005 21.0459 78.7148 20.526V18.7228C79.8924 19.2753 81.1736 19.5719 82.4742 19.5931C84.0422 19.5931 85.0888 18.8757 85.0888 17.8134C85.0888 16.6178 83.8109 16.1434 82.4585 15.6417C80.3377 14.8577 78.7148 14.1011 78.7148 12.0941C78.7148 9.57348 80.9963 8.67578 82.9524 8.67578C84.052 8.6765 85.1419 8.88119 86.1668 9.27947V11.0435C85.1273 10.6289 84.0205 10.4084 82.9014 10.3928C81.3961 10.3928 80.7219 11.1768 80.7219 11.9608C80.7219 12.9996 [...]
- fill="#1D2434" />
- <path
- d="M66.026 16.1741L66.7904 15.8448C67.4416 15.565 67.9968 15.1008 68.3875 14.5095C68.7782 13.9181 68.9875 13.2255 68.9896 12.5167C68.9896 10.3058 67.398 8.87891 64.9363 8.87891H60.291V21.1408H62.251V10.6116H64.7285C65.0223 10.5938 65.3166 10.6367 65.5931 10.7374C65.8697 10.8381 66.1226 10.9946 66.3361 11.1971C66.5497 11.3997 66.7193 11.6439 66.8346 11.9147C66.9498 12.1856 67.0082 12.4772 67.006 12.7715C67.0048 13.0648 66.9441 13.3549 66.8277 13.6241C66.7113 13.8934 66.5416 14 [...]
- fill="#1D2434" />
- </g>
- <path
- d="M228.138 20.9651H226.317V8.93408H228.073L234.007 17.5997H234.105V8.93408H235.925V20.9651H234.218L228.235 12.2995H228.138V20.9651Z"
- fill="#484E5B" />
- <path
- d="M219.104 21.1927C217.976 21.1927 216.995 20.9434 216.161 20.4448C215.326 19.9462 214.681 19.2308 214.226 18.2987C213.782 17.3557 213.56 16.2393 213.56 14.9495C213.56 13.6597 213.782 12.5487 214.226 11.6166C214.681 10.6736 215.326 9.95828 216.161 9.47053C216.995 8.97195 217.976 8.72266 219.104 8.72266C220.231 8.72266 221.206 8.97195 222.03 9.47053C222.865 9.95828 223.504 10.6736 223.949 11.6166C224.404 12.5487 224.631 13.6597 224.631 14.9495C224.631 16.2393 224.404 17.3557 223. [...]
- fill="#484E5B" />
- <path d="M211.897 8.93408V20.9651H210.044V8.93408H211.897Z" fill="#484E5B" />
- <path d="M204.154 20.9651H202.284V10.7062H198.626V8.93408H207.812V10.7062H204.154V20.9651Z"
- fill="#484E5B" />
- <path
- d="M199.83 20.9651H197.846L196.529 17.3395H192.221L190.904 20.9651H188.92L193.408 8.93408H195.342L199.83 20.9651ZM194.334 11.5191L192.855 15.5837H195.895L194.432 11.5191H194.334Z"
- fill="#484E5B" />
- <path d="M186.483 20.9651H184.614V10.7062H180.956V8.93408H190.141V10.7062H186.483V20.9651Z"
- fill="#484E5B" />
- <path
- d="M170.935 20.9651H169.114V8.93408H170.87L176.804 17.5997H176.902V8.93408H178.723V20.9651H177.016L171.033 12.2995H170.935V20.9651Z"
- fill="#484E5B" />
- <path
- d="M160.569 15.6162V19.2417H166.601V20.9651H158.716V8.93408H166.39V10.6737H160.569V13.8928H166.065V15.6162H160.569Z"
- fill="#484E5B" />
- <path
- d="M146.454 20.9651H144.633V8.93408H146.405L150.616 15.7137H150.713L154.924 8.93408H156.713V20.9651H154.875V12.4296H154.778L151.282 18.0386H150.047L146.551 12.4458H146.454V20.9651Z"
- fill="#484E5B" />
- <path
- d="M137.64 19.502C138.483 19.502 139.149 19.23 139.64 18.686C140.131 18.142 140.376 17.3847 140.376 16.414V8.95801H142.28V16.526C142.28 17.5073 142.088 18.3553 141.704 19.07C141.331 19.7847 140.797 20.334 140.104 20.718C139.411 21.0913 138.589 21.278 137.64 21.278C136.691 21.278 135.869 21.0913 135.176 20.718C134.483 20.334 133.944 19.7847 133.56 19.07C133.187 18.3553 133 17.5073 133 16.526V8.95801H134.904V16.35C134.904 17.3313 135.149 18.1047 135.64 18.67C136.131 19.2247 136.797 [...]
- fill="#484E5B" />
- <path
- d="M131.113 18.8515C130.679 19.5668 130.089 20.1359 129.341 20.5586C128.593 20.9813 127.742 21.1927 126.788 21.1927C125.661 21.1927 124.669 20.9325 123.813 20.4123C122.957 19.892 122.29 19.1604 121.813 18.2174C121.347 17.2636 121.114 16.1526 121.114 14.8845C121.114 13.6489 121.347 12.565 121.813 11.6329C122.29 10.7007 122.957 9.98537 123.813 9.48679C124.669 8.97737 125.661 8.72266 126.788 8.72266C127.731 8.72266 128.582 8.93401 129.341 9.35672C130.1 9.77944 130.69 10.3485 131.113 [...]
- fill="#484E5B" />
- <path
- d="M114.258 21.1927C113.131 21.1927 112.15 20.9434 111.316 20.4448C110.481 19.9462 109.836 19.2308 109.381 18.2987C108.937 17.3557 108.714 16.2393 108.714 14.9495C108.714 13.6597 108.937 12.5487 109.381 11.6166C109.836 10.6736 110.481 9.95828 111.316 9.47053C112.15 8.97195 113.131 8.72266 114.258 8.72266C115.386 8.72266 116.361 8.97195 117.185 9.47053C118.019 9.95828 118.659 10.6736 119.103 11.6166C119.559 12.5487 119.786 13.6597 119.786 14.9495C119.786 16.2393 119.559 17.3557 11 [...]
- fill="#484E5B" />
- <path
- d="M97.2441 20.9651V8.93408H101.731C102.934 8.93408 103.959 9.18337 104.804 9.68196C105.66 10.1805 106.305 10.8796 106.739 11.7793C107.183 12.6789 107.405 13.7357 107.405 14.9496C107.405 16.1635 107.172 17.2257 106.706 18.1362C106.251 19.0358 105.574 19.7349 104.674 20.2335C103.785 20.7212 102.712 20.9651 101.455 20.9651H97.2441ZM101.471 19.2092C102.772 19.2092 103.764 18.8407 104.447 18.1037C105.129 17.3558 105.471 16.3044 105.471 14.9496C105.471 13.5948 105.14 12.5488 104.479 1 [...]
- fill="#484E5B" />
- <defs>
- <clipPath id="clip0_7708_8755">
- <rect width="87.2442" height="30" fill="white" />
- </clipPath>
- </defs>
-</svg>
\ No newline at end of file
+<svg width="236" height="36" viewBox="0 0 236 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.3268 5.50503L12.4216 1.59975C11.3864 0.564619 9.97487 0 8.61037 0C7.33998 0 6.06959 0.470515 5.08151 1.41155C4.09342 2.39963 3.52881 3.67002 3.52881 5.08157C3.52881 6.49311 4.04637 7.7635 5.03446 8.75159L12.1392 15.8564C12.4215 16.1387 12.9391 16.1387 13.2685 15.8564L16.3268 12.798C16.515 12.5628 19.7616 8.89274 16.3268 5.50503Z" fill="#1FCD94"/>
+<path d="M22.7735 11.7629C22.0206 11.0571 21.2678 10.3043 20.5621 9.45739C20.5621 9.45739 20.562 9.45739 20.515 9.41034C20.515 9.45739 20.4679 9.55149 20.4679 9.6456C20.1856 11.3395 19.3858 12.8451 18.0683 14.1625C13.9278 18.256 9.74019 22.4907 5.69376 26.5371L5.17619 27.0547C4.23516 27.9957 3.7176 28.9838 3.57644 29.9719C3.38824 31.4775 3.9058 33.1714 5.03504 34.3947C6.02312 35.4769 7.34056 36.0415 8.75211 35.9945C10.3519 36.0415 11.1517 35.8063 12.328 34.677C17.0332 30.066 21.7383 25.4 [...]
+<path d="M0 9.31621V26.6782C0 27.1487 0.329359 27.4311 0.611668 27.5722C0.893977 27.7134 1.31744 27.7134 1.6468 27.384L10.3984 18.6324C10.7278 18.3031 10.7278 17.7384 10.3984 17.362L1.6468 8.61044C1.4586 8.42223 1.17629 8.32812 0.988082 8.32812C0.846927 8.32812 0.705771 8.37518 0.611668 8.42223C0.329359 8.56338 0 8.84569 0 9.31621Z" fill="#1FCD94"/>
+<path d="M78.3223 25.6841C77.4841 25.6841 76.7323 25.5444 76.067 25.265C75.4017 24.9723 74.8761 24.5731 74.4902 24.0675C74.1044 23.5485 73.8915 22.9564 73.8516 22.2911H75.7277C75.7809 22.8367 76.0337 23.2824 76.4861 23.6284C76.9518 23.9743 77.5572 24.1473 78.3024 24.1473C78.9943 24.1473 79.5398 23.9943 79.939 23.6883C80.3382 23.3822 80.5378 22.9964 80.5378 22.5306C80.5378 22.0516 80.3249 21.699 79.8991 21.4728C79.4733 21.2333 78.8147 21.0005 77.9232 20.7743C77.1115 20.5614 76.4462 20.348 [...]
+<path d="M75.8856 22.1165L75.901 22.2742C75.9493 22.7694 76.1761 23.1718 76.5917 23.4896C77.0194 23.8066 77.5846 23.9727 78.3018 23.9727V24.1472L78.1637 24.1453C77.4815 24.125 76.9221 23.9527 76.4855 23.6284C76.0331 23.2824 75.7804 22.8367 75.7272 22.2911H73.851C73.8909 22.9564 74.1038 23.5486 74.4897 24.0675C74.8756 24.5731 75.4011 24.9723 76.0664 25.265C76.6901 25.527 77.3898 25.6661 78.1655 25.6825L78.3217 25.6842C79.1068 25.6842 79.7987 25.551 80.3974 25.2849C81.0095 25.0055 81.4819 [...]
+<path d="M70.4762 12.7907C70.1303 12.7907 69.8375 12.6709 69.598 12.4314C69.3585 12.1919 69.2388 11.8992 69.2388 11.5532C69.2388 11.2073 69.3585 10.9146 69.598 10.6751C69.8375 10.4355 70.1303 10.3158 70.4762 10.3158C70.8089 10.3158 71.0883 10.4355 71.3145 10.6751C71.554 10.9146 71.6737 11.2073 71.6737 11.5532C71.6737 11.8992 71.554 12.1919 71.3145 12.4314C71.0883 12.6709 70.8089 12.7907 70.4762 12.7907ZM71.3544 14.567V25.5045H69.5382V14.567H71.3544Z" fill="#18201D"/>
+<path d="M71.3543 14.5669H69.5381V25.5044H71.3543V14.5669ZM71.6736 11.5532C71.6736 11.2073 71.5538 10.9146 71.3143 10.6751C71.1023 10.4505 70.8434 10.3312 70.5378 10.3172L70.4761 10.3158C70.1301 10.3158 69.8374 10.4356 69.5979 10.6751L69.5544 10.7205C69.3439 10.9513 69.2386 11.2289 69.2386 11.5532L69.2401 11.6175C69.2541 11.9356 69.3734 12.2069 69.5979 12.4314C69.8225 12.6559 70.0938 12.7752 70.4119 12.7893L70.4761 12.7907C70.8087 12.7907 71.0881 12.6709 71.3143 12.4314C71.5389 12.2069 7 [...]
+<path d="M63.909 16.3434C64.2284 15.718 64.6808 15.2323 65.2662 14.8864C65.865 14.5404 66.5902 14.3674 67.4417 14.3674V16.2436H66.9627C64.9269 16.2436 63.909 17.3479 63.909 19.5567V25.5044H62.0928V14.567H63.909V16.3434Z" fill="#18201D"/>
+<path d="M63.909 19.5567C63.909 17.3824 64.8952 16.2784 66.8679 16.2444L66.9626 16.2436H67.4415V14.3674C66.59 14.3674 65.8648 14.5404 65.2661 14.8863C64.6806 15.2323 64.2283 15.718 63.909 16.3433V14.567H62.0926V25.5044H63.909V19.5567ZM64.0835 15.7258C64.3779 15.3233 64.7426 14.9928 65.1773 14.7359L65.1787 14.7351C65.8095 14.3706 66.5664 14.1928 67.4415 14.1927H67.6162V16.4182H66.9626C65.9754 16.4182 65.2661 16.6853 64.8008 17.1902C64.3329 17.6979 64.0835 18.4759 64.0835 19.5567V25.6791H6 [...]
+<path d="M54.0962 25.6841C53.0717 25.6841 52.1403 25.4513 51.302 24.9856C50.477 24.5199 49.825 23.8612 49.346 23.0097C48.8803 22.1448 48.6475 21.1468 48.6475 20.0158C48.6475 18.8981 48.887 17.9135 49.366 17.0619C49.8583 16.1971 50.5236 15.5384 51.3619 15.086C52.2001 14.6203 53.1382 14.3875 54.1761 14.3875C55.2139 14.3875 56.152 14.6203 56.9902 15.086C57.8285 15.5384 58.4872 16.1904 58.9662 17.042C59.4585 17.8936 59.7046 18.8848 59.7046 20.0158C59.7046 21.1468 59.4518 22.1448 58.9462 23.0 [...]
+<path d="M59.7051 20.0158C59.705 18.8848 59.4589 17.8935 58.9666 17.042C58.5026 16.217 57.8699 15.5794 57.0687 15.129L56.9907 15.086C56.1524 14.6203 55.2142 14.3874 54.1764 14.3874C53.1385 14.3874 52.2005 14.6203 51.3622 15.086C50.5239 15.5384 49.8587 16.197 49.3664 17.0619C48.8874 17.9135 48.6478 18.8981 48.6478 20.0158C48.6478 21.1468 48.8806 22.1448 49.3463 23.0097C49.8254 23.8613 50.4774 24.5199 51.3024 24.9856C52.1144 25.4368 53.0139 25.6694 54.0008 25.6834L54.0966 25.6842C55.1021 2 [...]
+<path d="M39.5459 11.5932C41.0628 11.5932 42.3734 11.8793 43.4778 12.4514C44.5955 13.0103 45.4471 13.8153 46.0325 14.8664C46.6313 15.9176 46.9307 17.1551 46.9307 18.5788C46.9307 20.0025 46.6313 21.24 46.0325 22.2911C45.4471 23.329 44.5955 24.1273 43.4778 24.6862C42.3734 25.2317 41.0628 25.5045 39.5459 25.5045H35.2148V11.5932H39.5459ZM39.5459 24.0076C41.3422 24.0076 42.7127 23.5352 43.6574 22.5905C44.6021 21.6325 45.0745 20.2952 45.0745 18.5788C45.0745 16.849 44.5955 15.4985 43.6375 14.52 [...]
+<path d="M46.9305 18.5788C46.9305 17.155 46.6311 15.9176 46.0323 14.8664C45.4469 13.8153 44.5953 13.0103 43.4777 12.4515C42.3733 11.8793 41.0626 11.5932 39.5457 11.5932V11.4185C41.0835 11.4185 42.4221 11.7085 43.5557 12.2953L43.6626 12.3497C44.7577 12.9209 45.5998 13.7315 46.1841 14.78C46.8003 15.8618 47.1052 17.1301 47.1052 18.5788C47.1052 20.0271 46.8003 21.295 46.1844 22.3767L46.1845 22.3768C45.5811 23.4465 44.7029 24.2688 43.5557 24.8424L43.555 24.8428C42.4216 25.4026 41.0833 25.6791 [...]
+<path d="M231.308 14.724C232.508 14.724 233.48 15.09 234.224 15.822C234.968 16.542 235.34 17.586 235.34 18.954V24.768H233.72V19.188C233.72 18.204 233.474 17.454 232.982 16.938C232.49 16.41 231.818 16.146 230.966 16.146C230.102 16.146 229.412 16.416 228.896 16.956C228.392 17.496 228.14 18.282 228.14 19.314V24.768H226.502V14.904H228.14V16.308C228.464 15.804 228.902 15.414 229.454 15.138C230.018 14.862 230.636 14.724 231.308 14.724Z" fill="#252C2A"/>
+<path d="M219.363 24.93C218.439 24.93 217.599 24.72 216.843 24.3C216.099 23.88 215.511 23.286 215.079 22.518C214.659 21.738 214.449 20.838 214.449 19.818C214.449 18.81 214.665 17.922 215.097 17.154C215.541 16.374 216.141 15.78 216.897 15.372C217.653 14.952 218.499 14.742 219.435 14.742C220.371 14.742 221.217 14.952 221.973 15.372C222.729 15.78 223.323 16.368 223.755 17.136C224.199 17.904 224.421 18.798 224.421 19.818C224.421 20.838 224.193 21.738 223.737 22.518C223.293 23.286 222.687 23. [...]
+<path d="M211.55 13.3019C211.238 13.3019 210.974 13.1939 210.758 12.9779C210.542 12.7619 210.434 12.4979 210.434 12.1859C210.434 11.8739 210.542 11.6099 210.758 11.3939C210.974 11.1779 211.238 11.0699 211.55 11.0699C211.85 11.0699 212.102 11.1779 212.306 11.3939C212.522 11.6099 212.63 11.8739 212.63 12.1859C212.63 12.4979 212.522 12.7619 212.306 12.9779C212.102 13.1939 211.85 13.3019 211.55 13.3019ZM212.342 14.9039V24.7679H210.704V14.9039H212.342Z" fill="#252C2A"/>
+<path d="M206.217 16.254V22.068C206.217 22.548 206.319 22.89 206.523 23.094C206.727 23.286 207.081 23.382 207.585 23.382H208.791V24.768H207.315C206.403 24.768 205.719 24.558 205.263 24.138C204.807 23.718 204.579 23.028 204.579 22.068V16.254H203.301V14.904H204.579V12.42H206.217V14.904H208.791V16.254H206.217Z" fill="#252C2A"/>
+<path d="M191.515 19.8C191.515 18.792 191.719 17.91 192.127 17.154C192.535 16.386 193.093 15.792 193.801 15.372C194.521 14.952 195.319 14.742 196.195 14.742C197.059 14.742 197.809 14.928 198.445 15.3C199.081 15.672 199.555 16.14 199.867 16.704V14.904H201.523V24.768H199.867V22.932C199.543 23.508 199.057 23.988 198.409 24.372C197.773 24.744 197.029 24.93 196.177 24.93C195.301 24.93 194.509 24.714 193.801 24.282C193.093 23.85 192.535 23.244 192.127 22.464C191.719 21.684 191.515 20.796 191.5 [...]
+<path d="M187.64 16.254V22.068C187.64 22.548 187.742 22.89 187.946 23.094C188.15 23.286 188.504 23.382 189.008 23.382H190.214V24.768H188.738C187.826 24.768 187.142 24.558 186.686 24.138C186.23 23.718 186.002 23.028 186.002 22.068V16.254H184.724V14.904H186.002V12.42H187.64V14.904H190.214V16.254H187.64Z" fill="#252C2A"/>
+<path d="M179.007 14.724C180.207 14.724 181.179 15.09 181.923 15.822C182.667 16.542 183.039 17.586 183.039 18.954V24.768H181.419V19.188C181.419 18.204 181.173 17.454 180.681 16.938C180.189 16.41 179.517 16.146 178.665 16.146C177.801 16.146 177.111 16.416 176.595 16.956C176.091 17.496 175.839 18.282 175.839 19.314V24.768H174.201V14.904H175.839V16.308C176.163 15.804 176.601 15.414 177.153 15.138C177.717 14.862 178.335 14.724 179.007 14.724Z" fill="#252C2A"/>
+<path d="M172.111 19.458C172.111 19.77 172.093 20.1 172.057 20.448H164.173C164.233 21.42 164.563 22.182 165.163 22.734C165.775 23.274 166.513 23.544 167.377 23.544C168.085 23.544 168.673 23.382 169.141 23.058C169.621 22.722 169.957 22.278 170.149 21.726H171.913C171.649 22.674 171.121 23.448 170.329 24.048C169.537 24.636 168.553 24.93 167.377 24.93C166.441 24.93 165.601 24.72 164.857 24.3C164.125 23.88 163.549 23.286 163.129 22.518C162.709 21.738 162.499 20.838 162.499 19.818C162.499 18.7 [...]
+<path d="M156.499 14.724C157.267 14.724 157.951 14.886 158.551 15.21C159.151 15.522 159.625 15.996 159.973 16.632C160.321 17.268 160.495 18.042 160.495 18.954V24.768H158.875V19.188C158.875 18.204 158.629 17.454 158.137 16.938C157.657 16.41 157.003 16.146 156.175 16.146C155.323 16.146 154.645 16.422 154.141 16.974C153.637 17.514 153.385 18.3 153.385 19.332V24.768H151.765V19.188C151.765 18.204 151.519 17.454 151.027 16.938C150.547 16.41 149.893 16.146 149.065 16.146C148.213 16.146 147.535 [...]
+<path d="M141.943 14.904V24.768H140.305V23.31C139.993 23.814 139.555 24.21 138.991 24.498C138.439 24.774 137.827 24.912 137.155 24.912C136.387 24.912 135.697 24.756 135.085 24.444C134.473 24.12 133.987 23.64 133.627 23.004C133.279 22.368 133.105 21.594 133.105 20.682V14.904H134.725V20.466C134.725 21.438 134.971 22.188 135.463 22.716C135.955 23.232 136.627 23.49 137.479 23.49C138.355 23.49 139.045 23.22 139.549 22.68C140.053 22.14 140.305 21.354 140.305 20.322V14.904H141.943Z" fill="#252C2A"/>
+<path d="M121.722 19.818C121.722 18.798 121.926 17.91 122.334 17.154C122.742 16.386 123.306 15.792 124.026 15.372C124.758 14.952 125.592 14.742 126.528 14.742C127.74 14.742 128.736 15.036 129.516 15.624C130.308 16.212 130.83 17.028 131.082 18.072H129.318C129.15 17.472 128.82 16.998 128.328 16.65C127.848 16.302 127.248 16.128 126.528 16.128C125.592 16.128 124.836 16.452 124.26 17.1C123.684 17.736 123.396 18.642 123.396 19.818C123.396 21.006 123.684 21.924 124.26 22.572C124.836 23.22 125.5 [...]
+<path d="M115.194 24.93C114.27 24.93 113.43 24.72 112.674 24.3C111.93 23.88 111.342 23.286 110.91 22.518C110.49 21.738 110.28 20.838 110.28 19.818C110.28 18.81 110.496 17.922 110.928 17.154C111.372 16.374 111.972 15.78 112.728 15.372C113.484 14.952 114.33 14.742 115.266 14.742C116.202 14.742 117.048 14.952 117.804 15.372C118.56 15.78 119.154 16.368 119.586 17.136C120.03 17.904 120.252 18.798 120.252 19.818C120.252 20.838 120.024 21.738 119.568 22.518C119.124 23.286 118.518 23.88 117.75 2 [...]
+<path d="M102.144 12.222C103.512 12.222 104.694 12.48 105.69 12.996C106.698 13.5 107.466 14.226 107.994 15.174C108.534 16.122 108.804 17.238 108.804 18.522C108.804 19.806 108.534 20.922 107.994 21.87C107.466 22.806 106.698 23.526 105.69 24.03C104.694 24.522 103.512 24.768 102.144 24.768H98.2378V12.222H102.144ZM102.144 23.418C103.764 23.418 105 22.992 105.852 22.14C106.704 21.276 107.13 20.07 107.13 18.522C107.13 16.962 106.698 15.744 105.834 14.868C104.982 13.992 103.752 13.554 102.144 1 [...]
+</svg>
diff --git a/static/images/download-pdf-active.svg b/static/images/download-pdf-active.svg
index 853b98eb8a1..f0d5cfe8d4e 100644
--- a/static/images/download-pdf-active.svg
+++ b/static/images/download-pdf-active.svg
@@ -1,8 +1,8 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6835_699)">
-<path d="M2.1 0.5H10.2746C10.2988 0.5 10.3222 0.508792 10.3404 0.524742L13.9659 3.697C13.9876 3.71599 14 3.74342 14 3.77226V15.4C14 15.4552 13.9552 15.5 13.9 15.5H2.1C2.04477 15.5 2 15.4552 2 15.4V0.6C2 0.544772 2.04477 0.5 2.1 0.5Z" stroke="#444FD9"/>
-<path d="M10 0.500092V4.00009H14" stroke="#444FD9" stroke-linejoin="round"/>
-<path d="M1.6 7.20514H0.600001C0.26863 7.20514 0 7.47377 0 7.80514V13.4012C0 13.7325 0.268629 14.0012 0.6 14.0012H8H15.4C15.7314 14.0012 16 13.7325 16 13.4012V7.80514C16 7.47377 15.7314 7.20514 15.4 7.20514H2.4V7.1958H1.6V7.20514ZM3.25312 11.1094V12.8H2.4625V8.25H4.20312C4.71146 8.25 5.1151 8.38229 5.41406 8.64688C5.71302 8.91146 5.8625 9.26146 5.8625 9.69688C5.8625 10.1427 5.71615 10.4896 5.42344 10.7375C5.13073 10.9854 4.72084 11.1094 4.19375 11.1094H3.25312ZM3.25312 10.475H4.20312C4.4 [...]
+<path d="M2.1 0.5H10.2746C10.2988 0.5 10.3222 0.508792 10.3404 0.524742L13.9659 3.697C13.9876 3.71599 14 3.74342 14 3.77226V15.4C14 15.4552 13.9552 15.5 13.9 15.5H2.1C2.04477 15.5 2 15.4552 2 15.4V0.6C2 0.544772 2.04477 0.5 2.1 0.5Z" stroke="#1FCD94"/>
+<path d="M10 0.500092V4.00009H14" stroke="#1FCD94" stroke-linejoin="round"/>
+<path d="M1.6 7.20514H0.600001C0.26863 7.20514 0 7.47377 0 7.80514V13.4012C0 13.7325 0.268629 14.0012 0.6 14.0012H8H15.4C15.7314 14.0012 16 13.7325 16 13.4012V7.80514C16 7.47377 15.7314 7.20514 15.4 7.20514H2.4V7.1958H1.6V7.20514ZM3.25312 11.1094V12.8H2.4625V8.25H4.20312C4.71146 8.25 5.1151 8.38229 5.41406 8.64688C5.71302 8.91146 5.8625 9.26146 5.8625 9.69688C5.8625 10.1427 5.71615 10.4896 5.42344 10.7375C5.13073 10.9854 4.72084 11.1094 4.19375 11.1094H3.25312ZM3.25312 10.475H4.20312C4.4 [...]
</g>
<defs>
<clipPath id="clip0_6835_699">
diff --git a/static/images/ecomsystem/cluster-manage.png b/static/images/ecomsystem/cluster-manage.png
index cc72a5df290..fb183db83fd 100644
Binary files a/static/images/ecomsystem/cluster-manage.png and b/static/images/ecomsystem/cluster-manage.png differ
diff --git a/static/images/ecomsystem/dbt.png b/static/images/ecomsystem/dbt.png
index de3c5731707..35dc421176d 100644
Binary files a/static/images/ecomsystem/dbt.png and b/static/images/ecomsystem/dbt.png differ
diff --git a/static/images/ecomsystem/doris-operator.png b/static/images/ecomsystem/doris-operator.png
index 55d9d034651..c505789cfaa 100644
Binary files a/static/images/ecomsystem/doris-operator.png and b/static/images/ecomsystem/doris-operator.png differ
diff --git a/static/images/ecomsystem/doris-stream-loader.png b/static/images/ecomsystem/doris-stream-loader.png
index 4951b807026..9c5eafa059c 100644
Binary files a/static/images/ecomsystem/doris-stream-loader.png and b/static/images/ecomsystem/doris-stream-loader.png differ
diff --git a/static/images/ecomsystem/download-bg.png b/static/images/ecomsystem/download-bg.png
index 78f21476dab..515b5c903ca 100644
Binary files a/static/images/ecomsystem/download-bg.png and b/static/images/ecomsystem/download-bg.png differ
diff --git a/static/images/ecomsystem/flink.png b/static/images/ecomsystem/flink.png
index 14a51db44f6..c6be06e0bfd 100644
Binary files a/static/images/ecomsystem/flink.png and b/static/images/ecomsystem/flink.png differ
diff --git a/static/images/ecomsystem/kafka.png b/static/images/ecomsystem/kafka.png
index 139f7c32311..7b480f7ffa7 100644
Binary files a/static/images/ecomsystem/kafka.png and b/static/images/ecomsystem/kafka.png differ
diff --git a/static/images/ecomsystem/spark.png b/static/images/ecomsystem/spark.png
index b7a44d4b37b..7b480f7ffa7 100644
Binary files a/static/images/ecomsystem/spark.png and b/static/images/ecomsystem/spark.png differ
diff --git a/static/images/ecomsystem/sql-convertor.png b/static/images/ecomsystem/sql-convertor.png
index d4e2ef15a67..d9f9af7f2e1 100644
Binary files a/static/images/ecomsystem/sql-convertor.png and b/static/images/ecomsystem/sql-convertor.png differ
diff --git a/static/images/empty-data.png b/static/images/empty-data.png
index 812ed1da1e2..3d8475dd15e 100644
Binary files a/static/images/empty-data.png and b/static/images/empty-data.png differ
diff --git a/static/images/events/arrow-down.svg b/static/images/events/arrow-down.svg
index ec1d60212f6..576cb1770ab 100644
--- a/static/images/events/arrow-down.svg
+++ b/static/images/events/arrow-down.svg
@@ -1,7 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="icon">
-<g id="Group 1000001885">
-<path id="Vector" d="M4 6.66663L8 10.6666L12 6.66663" stroke="#646FFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-</g>
+<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9004 0.899994L7.53679 6.2636C7.18531 6.61507 6.61547 6.61507 6.26399 6.2636L0.90039 0.899993" stroke="#1FCD94" stroke-width="1.8" stroke-linecap="round"/>
</svg>
diff --git a/static/images/favicon.ico b/static/images/favicon.ico
index 1c0fa86c1cb..b0742fd4559 100644
Binary files a/static/images/favicon.ico and b/static/images/favicon.ico differ
diff --git a/static/images/icon/github-new.svg b/static/images/icon/github-new.svg
index 4dd27a5f741..5d04314a957 100644
--- a/static/images/icon/github-new.svg
+++ b/static/images/icon/github-new.svg
@@ -6,7 +6,7 @@
<path id="Star 3" d="M9.75957 6.12766C11.264 3.74705 14.736 3.74705 16.2404 6.12766C16.764 6.95612 17.5849 7.55259 18.5346 7.7945C21.2636 8.48965 22.3365 11.7917 20.5373 13.9582C19.9112 14.7121 19.5976 15.6772 19.661 16.6552C19.8432 19.4654 17.0343 21.5062 14.4179 20.4645C13.5074 20.102 12.4926 20.102 11.5821 20.4645C8.9657 21.5062 6.1568 19.4654 6.33898 16.6552C6.40238 15.6772 6.0888 14.7121 5.46267 13.9582C3.66347 11.7917 4.73637 8.48965 7.46536 7.7945C8.41506 7.55259 9.23603 6.95612 9 [...]
</mask>
<g mask="url(#mask0_177_2212)">
-<path id="Vector" d="M11.3196 20.6026C11.3196 20.8074 11.1807 21.041 10.8091 20.9733V22H15.5277V20.9725C15.1562 21.0504 15.0165 20.8074 15.0165 20.6034C15.0165 20.3401 15.0261 19.5029 15.0261 18.4617C15.0261 17.7312 14.7935 17.264 14.5245 17.021C16.1779 16.8263 17.9145 16.1643 17.9145 13.1754C17.9145 12.3188 17.6262 11.628 17.1528 11.0828C17.2271 10.8882 17.4872 10.0899 17.0785 9.01909C17.0785 9.01909 16.4558 8.80415 15.035 9.81656C14.4406 9.64133 13.809 9.55411 13.1773 9.55411C12.5496 9 [...]
+<path id="Vector" d="M11.3196 20.6026C11.3196 20.8074 11.1807 21.041 10.8091 20.9733V22H15.5277V20.9725C15.1562 21.0504 15.0165 20.8074 15.0165 20.6034C15.0165 20.3401 15.0261 19.5029 15.0261 18.4617C15.0261 17.7312 14.7935 17.264 14.5245 17.021C16.1779 16.8263 17.9145 16.1643 17.9145 13.1754C17.9145 12.3188 17.6262 11.628 17.1528 11.0828C17.2271 10.8882 17.4872 10.0899 17.0785 9.01909C17.0785 9.01909 16.4558 8.80415 15.035 9.81656C14.4406 9.64133 13.809 9.55411 13.1773 9.55411C12.5496 9 [...]
</g>
</g>
</g>
diff --git a/static/images/icon/slack-hover.png b/static/images/icon/slack-hover.png
index 2431c3b1df1..a5430639456 100644
Binary files a/static/images/icon/slack-hover.png and b/static/images/icon/slack-hover.png differ
diff --git a/static/images/logo.svg b/static/images/logo.svg
index b28d09829dc..ed8e39fe0d8 100644
--- a/static/images/logo.svg
+++ b/static/images/logo.svg
@@ -1,17 +1,15 @@
-<svg width="88" height="30" viewBox="0 0 88 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_163_263)">
-<path d="M13.6064 4.59429L10.3332 1.32107C9.91606 0.90283 9.42058 0.57089 8.87509 0.344218C8.3296 0.117546 7.74478 0.000586913 7.15407 1.93118e-05C6.06458 -0.00328922 5.01681 0.418635 4.23365 1.17603C3.82467 1.57082 3.49834 2.04305 3.27367 2.56521C3.049 3.08736 2.93048 3.649 2.925 4.21741C2.91953 4.78583 3.02722 5.34965 3.2418 5.87603C3.45637 6.40241 3.77355 6.88084 4.17485 7.28343L10.1137 13.2223C10.2397 13.3417 10.4066 13.4082 10.5802 13.4082C10.7537 13.4082 10.9207 13.3417 11.0467 13. [...]
-<path d="M18.9689 9.8236C18.3456 9.21992 17.6988 8.59663 17.1148 7.92238V7.89886C17.0939 7.96018 17.0782 8.02312 17.0677 8.08702C16.8225 9.51983 16.1197 10.8346 15.0646 11.8346C11.6189 15.2568 8.13396 18.7534 4.76274 22.1364L4.30801 22.5872C3.6131 23.2265 3.14408 24.0737 2.97128 25.002C2.89829 25.6637 2.96756 26.3334 3.17443 26.9662C3.38131 27.599 3.72102 28.1803 4.17081 28.6711C4.55481 29.1067 5.03077 29.4515 5.5643 29.6806C6.09784 29.9098 6.67562 30.0175 7.25588 29.9961C8.60045 30.0157 [...]
-<path d="M-0.00390618 7.77345V22.2305C-0.00397307 22.3895 0.0431223 22.545 0.131419 22.6772C0.219716 22.8094 0.345246 22.9124 0.492127 22.9733C0.639009 23.0341 0.800637 23.05 0.956566 23.019C1.1125 22.988 1.25572 22.9114 1.3681 22.7989L8.64368 15.5234C8.78109 15.3846 8.85817 15.1973 8.85817 15.002C8.85817 14.8067 8.78109 14.6194 8.64368 14.4806L1.3681 7.20505C1.29503 7.1305 1.20781 7.07129 1.11155 7.0309C1.01529 6.99051 0.911933 6.96976 0.807543 6.96985C0.593686 6.96984 0.388466 7.05425 [...]
-<path d="M31.7483 21.1407V8.87494H35.3861C39.3728 8.87494 41.8541 11.227 41.8541 15.0019C41.8541 18.7769 39.3728 21.1407 35.3861 21.1407H31.7483ZM33.7083 19.3845H35.4684C38.1615 19.3845 39.898 17.6676 39.898 15.0137C39.898 12.3598 38.1615 10.6429 35.4684 10.6429H33.7083V19.3845Z" fill="#1D2434"/>
-<path d="M50.6116 21.3289C49.7807 21.3289 48.958 21.1653 48.1904 20.8473C47.4228 20.5293 46.7253 20.0633 46.1378 19.4758C45.5503 18.8883 45.0842 18.1908 44.7663 17.4232C44.4483 16.6556 44.2847 15.8328 44.2847 15.002C44.2847 14.1711 44.4483 13.3484 44.7663 12.5808C45.0842 11.8131 45.5503 11.1157 46.1378 10.5282C46.7253 9.94065 47.4228 9.47462 48.1904 9.15666C48.958 8.8387 49.7807 8.67505 50.6116 8.67505C51.4425 8.67505 52.2652 8.8387 53.0328 9.15666C53.8004 9.47462 54.4979 9.94065 55.0854 [...]
-<path d="M75.0569 8.87494H73.042V21.129H75.0569V8.87494Z" fill="#1D2434"/>
-<path d="M82.4737 21.3289C81.1791 21.3185 79.9001 21.0451 78.7144 20.5253V18.7221C79.8919 19.2745 81.1731 19.5711 82.4737 19.5923C84.0417 19.5923 85.0883 18.875 85.0883 17.8126C85.0883 16.617 83.8104 16.1427 82.458 15.6409C80.3372 14.8569 78.7144 14.1004 78.7144 12.0933C78.7144 9.57274 80.9958 8.67505 82.9519 8.67505C84.0515 8.67577 85.1414 8.88046 86.1663 9.27874V11.0428C85.1268 10.6282 84.02 10.4077 82.9009 10.392C81.3957 10.392 80.7214 11.176 80.7214 11.96C80.7214 12.9988 81.8504 13.4 [...]
-<path d="M66.025 16.174L66.7895 15.8447C67.4406 15.5649 67.9958 15.1007 68.3865 14.5094C68.7773 13.9181 68.9865 13.2254 68.9886 12.5166C68.9886 10.3057 67.3971 8.87885 64.9353 8.87885H60.29V21.1407H62.2501V10.6115H64.7275C65.0213 10.5938 65.3156 10.6366 65.5921 10.7373C65.8687 10.8381 66.1216 10.9945 66.3352 11.1971C66.5487 11.3996 66.7184 11.6439 66.8336 11.9147C66.9488 12.1855 67.0072 12.4771 67.0051 12.7714C67.0038 13.0648 66.9432 13.3548 66.8268 13.624C66.7104 13.8933 66.5406 14.1362 [...]
-</g>
-<defs>
-<clipPath id="clip0_163_263">
-<rect width="87.2442" height="30" fill="white"/>
-</clipPath>
-</defs>
+<svg width="74" height="32" viewBox="0 0 74 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5129 4.89337L11.0415 1.42201C10.1214 0.501891 8.86667 7.62939e-06 7.65379 7.62939e-06C6.52455 7.62939e-06 5.39531 0.418244 4.51702 1.25472C3.63872 2.13301 3.13684 3.26225 3.13684 4.51696C3.13684 5.77166 3.5969 6.9009 4.47519 7.7792L10.7906 14.0946C11.0415 14.3455 11.5016 14.3455 11.7943 14.0946L14.5129 11.376C14.6802 11.1669 17.566 7.90467 14.5129 4.89337Z" fill="#1FCD94"/>
+<path d="M20.2426 10.4559C19.5734 9.82857 18.9042 9.15939 18.2769 8.40657C18.2769 8.40657 18.2769 8.40657 18.2351 8.36475C18.2351 8.40657 18.1932 8.49022 18.1932 8.57386C17.9423 10.0795 17.2313 11.4179 16.0602 12.5889C12.3797 16.2276 8.65745 19.9917 5.06062 23.5885L4.60056 24.0486C3.76409 24.8851 3.30403 25.7634 3.17856 26.6417C3.01126 27.98 3.47132 29.4857 4.47509 30.5731C5.35338 31.535 6.52444 32.0369 7.77915 31.9951C9.20115 32.0369 9.91216 31.8278 10.9577 30.824C15.1401 26.7253 19.322 [...]
+<path d="M0 8.28109V23.714C0 24.1322 0.292763 24.3832 0.543705 24.5086C0.794646 24.6341 1.17106 24.6341 1.46383 24.3414L9.24301 16.5622C9.53578 16.2694 9.53578 15.7675 9.24301 15.4329L1.46383 7.65374C1.29653 7.48644 1.04559 7.40279 0.878295 7.40279C0.752824 7.40279 0.627352 7.44462 0.543705 7.48644C0.292763 7.61191 0 7.86286 0 8.28109Z" fill="#1FCD94"/>
+<path d="M69.619 22.8304C68.8739 22.8304 68.2057 22.7062 67.6143 22.4578C67.0229 22.1976 66.5557 21.8428 66.2127 21.3933C65.8697 20.932 65.6805 20.4057 65.645 19.8144H67.3127C67.36 20.2993 67.5847 20.6955 67.9869 21.003C68.4008 21.3105 68.939 21.4643 69.6013 21.4643C70.2163 21.4643 70.7013 21.3283 71.0561 21.0562C71.4109 20.7842 71.5883 20.4412 71.5883 20.0273C71.5883 19.6015 71.3991 19.288 71.0206 19.087C70.6421 18.8741 70.0567 18.6671 69.2642 18.466C68.5427 18.2768 67.9514 18.0875 67.4 [...]
+<path d="M67.4534 19.6591L67.467 19.7993C67.51 20.2395 67.7116 20.5972 68.081 20.8797C68.4612 21.1615 68.9636 21.3091 69.6011 21.3091V21.4642L69.4783 21.4625C68.872 21.4444 68.3747 21.2913 67.9866 21.003C67.5845 20.6955 67.3598 20.2993 67.3125 19.8144H65.6448C65.6803 20.4057 65.8696 20.9321 66.2126 21.3934C66.5556 21.8428 67.0227 22.1976 67.6141 22.4578C68.1685 22.6907 68.7905 22.8143 69.48 22.8289L69.6188 22.8304C70.3166 22.8304 70.9317 22.7121 71.4639 22.4755C72.008 22.2271 72.4278 21. [...]
+<path d="M62.6451 11.3695C62.3376 11.3695 62.0774 11.2631 61.8645 11.0502C61.6516 10.8373 61.5452 10.5771 61.5452 10.2696C61.5452 9.96207 61.6516 9.70187 61.8645 9.48898C62.0774 9.27608 62.3376 9.16964 62.6451 9.16964C62.9408 9.16964 63.1892 9.27608 63.3902 9.48898C63.6031 9.70187 63.7096 9.96207 63.7096 10.2696C63.7096 10.5771 63.6031 10.8373 63.3902 11.0502C63.1892 11.2631 62.9408 11.3695 62.6451 11.3695ZM63.4257 12.9485V22.6707H61.8113V12.9485H63.4257Z" fill="#18201D"/>
+<path d="M63.4257 12.9484H61.8113V22.6706H63.4257V12.9484ZM63.7096 10.2696C63.7096 9.96208 63.6031 9.70189 63.3902 9.489C63.2017 9.2894 62.9716 9.18336 62.6999 9.1709L62.6451 9.16963C62.3376 9.16963 62.0774 9.2761 61.8645 9.489L61.8259 9.52942C61.6387 9.73456 61.5452 9.98129 61.5452 10.2696L61.5464 10.3267C61.5589 10.6094 61.6649 10.8506 61.8645 11.0502C62.0641 11.2498 62.3053 11.3558 62.588 11.3683L62.6451 11.3696C62.9408 11.3696 63.1892 11.2631 63.3902 11.0502C63.5898 10.8506 63.6958 1 [...]
+<path d="M56.8073 14.5275C57.0912 13.9716 57.4933 13.5399 58.0137 13.2324C58.546 12.9248 59.1905 12.7711 59.9475 12.7711V14.4388H59.5217C57.7121 14.4388 56.8073 15.4204 56.8073 17.3838V22.6707H55.1929V12.9485H56.8073V14.5275Z" fill="#18201D"/>
+<path d="M56.8074 17.3838C56.8074 15.4511 57.6841 14.4697 59.4376 14.4395L59.5217 14.4388H59.9474V12.7711C59.1905 12.7711 58.5459 12.9248 58.0137 13.2323C57.4933 13.5398 57.0912 13.9716 56.8074 14.5275V12.9485H55.1929V22.6706H56.8074V17.3838ZM56.9625 13.9786C57.2242 13.6207 57.5484 13.3269 57.9347 13.0987L57.936 13.0979C58.4967 12.7739 59.1695 12.6158 59.9474 12.6158H60.1027V14.594H59.5217C58.6442 14.594 58.0138 14.8315 57.6001 15.2803C57.1842 15.7315 56.9625 16.4231 56.9625 17.3838V22.8 [...]
+<path d="M48.0849 22.8304C47.1742 22.8304 46.3463 22.6234 45.6012 22.2094C44.8679 21.7955 44.2883 21.21 43.8625 20.453C43.4486 19.6843 43.2416 18.7972 43.2416 17.7919C43.2416 16.7984 43.4545 15.9231 43.8803 15.1662C44.3179 14.3974 44.9092 13.8119 45.6544 13.4098C46.3995 12.9958 47.2333 12.7889 48.1559 12.7889C49.0784 12.7889 49.9123 12.9958 50.6574 13.4098C51.4025 13.8119 51.988 14.3915 52.4138 15.1484C52.8514 15.9054 53.0702 16.7865 53.0702 17.7919C53.0702 18.7972 52.8455 19.6843 52.396 [...]
+<path d="M53.0702 17.7918C53.0702 16.7865 52.8514 15.9054 52.4138 15.1485C52.0013 14.4152 51.4389 13.8484 50.7268 13.448L50.6574 13.4098C49.9123 12.9958 49.0784 12.7889 48.1558 12.7889C47.2333 12.7889 46.3995 12.9958 45.6544 13.4098C44.9092 13.8119 44.3179 14.3974 43.8803 15.1661C43.4545 15.9231 43.2416 16.7983 43.2416 17.7918C43.2416 18.7971 43.4485 19.6843 43.8625 20.4531C44.2883 21.21 44.8679 21.7955 45.6012 22.2095C46.323 22.6105 47.1226 22.8172 47.9998 22.8298L48.085 22.8304C48.9787 [...]
+<path d="M35.1511 10.3051C36.4994 10.3051 37.6644 10.5594 38.6461 11.068C39.6396 11.5647 40.3966 12.2803 40.917 13.2146C41.4492 14.149 41.7153 15.249 41.7153 16.5145C41.7153 17.78 41.4492 18.88 40.917 19.8144C40.3966 20.7369 39.6396 21.4465 38.6461 21.9433C37.6644 22.4282 36.4994 22.6707 35.1511 22.6707H31.3013V10.3051H35.1511ZM35.1511 21.3401C36.7478 21.3401 37.966 20.9202 38.8058 20.0805C39.6455 19.2289 40.0654 18.0402 40.0654 16.5145C40.0654 14.9769 39.6396 13.7765 38.788 12.913C37.94 [...]
+<path d="M41.7153 16.5145C41.7153 15.249 41.4492 14.149 40.9169 13.2146C40.3965 12.2803 39.6396 11.5648 38.6461 11.068C37.6644 10.5594 36.4994 10.3051 35.1511 10.3051V10.1498C36.518 10.1498 37.7078 10.4076 38.7155 10.9292L38.8105 10.9776C39.7839 11.4853 40.5324 12.2058 41.0518 13.1378C41.5996 14.0994 41.8706 15.2268 41.8706 16.5145C41.8706 17.8019 41.5996 18.929 41.0521 19.8904L41.0522 19.8906C40.5159 20.8414 39.7352 21.5723 38.7155 22.0822L38.7149 22.0825C37.7074 22.5802 36.5178 22.8259 [...]
</svg>
diff --git a/static/images/what-is-doris-new.png b/static/images/what-is-doris-new.png
index 5045be0947c..125e6359c73 100644
Binary files a/static/images/what-is-doris-new.png and b/static/images/what-is-doris-new.png differ
diff --git a/tailwind.config.js b/tailwind.config.js
index 137203bca72..74c45a54201 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
},
},
colors: {
- primary: '#444FD9',
+ primary: '#1FCD94',
white: '#FFFFFF',
},
fontFamily: {
diff --git a/versioned_docs/version-1.2/gettingStarted/demo-block/demo-block.css b/versioned_docs/version-1.2/gettingStarted/demo-block/demo-block.css
index 395936bc548..6e29f748db9 100644
--- a/versioned_docs/version-1.2/gettingStarted/demo-block/demo-block.css
+++ b/versioned_docs/version-1.2/gettingStarted/demo-block/demo-block.css
@@ -272,7 +272,7 @@ img.home-svg svg path {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -323,7 +323,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/versioned_docs/version-2.0/gettingStarted/demo-block/demo-block.css b/versioned_docs/version-2.0/gettingStarted/demo-block/demo-block.css
index 395936bc548..6e29f748db9 100644
--- a/versioned_docs/version-2.0/gettingStarted/demo-block/demo-block.css
+++ b/versioned_docs/version-2.0/gettingStarted/demo-block/demo-block.css
@@ -272,7 +272,7 @@ img.home-svg svg path {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -323,7 +323,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/versioned_docs/version-2.1/gettingStarted/demo-block/demo-block.css b/versioned_docs/version-2.1/gettingStarted/demo-block/demo-block.css
index d1d12c338f8..ba9d7c48b8c 100644
--- a/versioned_docs/version-2.1/gettingStarted/demo-block/demo-block.css
+++ b/versioned_docs/version-2.1/gettingStarted/demo-block/demo-block.css
@@ -272,7 +272,7 @@ img.home-svg svg path {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -323,7 +323,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/versioned_docs/version-3.x/gettingStarted/demo-block/demo-block.css b/versioned_docs/version-3.x/gettingStarted/demo-block/demo-block.css
index 395936bc548..6e29f748db9 100644
--- a/versioned_docs/version-3.x/gettingStarted/demo-block/demo-block.css
+++ b/versioned_docs/version-3.x/gettingStarted/demo-block/demo-block.css
@@ -272,7 +272,7 @@ img.home-svg svg path {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -323,7 +323,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
diff --git a/versioned_docs/version-4.x/gettingStarted/alternatives/demo-block/demo-block.css b/versioned_docs/version-4.x/gettingStarted/alternatives/demo-block/demo-block.css
index 395936bc548..6e29f748db9 100644
--- a/versioned_docs/version-4.x/gettingStarted/alternatives/demo-block/demo-block.css
+++ b/versioned_docs/version-4.x/gettingStarted/alternatives/demo-block/demo-block.css
@@ -272,7 +272,7 @@ img.home-svg svg path {
.home-page-hero-right a:hover,
a:active {
- /* color: #444fd9; */
+ /* color: var(--ifm-color-primary); */
text-decoration: none;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
@@ -323,7 +323,7 @@ a:active {
font-size: 12px;
color: #fafafa;
border-radius: 10px;
- background-color: #444fd9;
+ background-color: var(--ifm-color-primary);
/* text-align: center; */
padding-top: .25rem;
padding-bottom: .125rem;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org
For additional commands, e-mail: commits-help@doris.apache.org