diff --git a/docusaurus.config.js b/docusaurus.config.js index 0bbf5818f8..679e2d97a6 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -294,14 +294,14 @@ const config = { maxHeadingLevel: 3, }, // Replace with your project's social card - image: "img/spectro-cloud-social-card.png", + image: "img/spectrocloud-social-card.png", navbar: { title: "", logo: { href: "/", target: "self", - width: 144, - height: 36, + width: 105, + height: 48, alt: "Spectro cloud logo", src: "img/spectrocloud-logo-light.svg", srcDark: "img/spectrocloud-logo-dark.svg", diff --git a/sidebars.js b/sidebars.js index dd8ccd3eb5..e2bf9020f4 100644 --- a/sidebars.js +++ b/sidebars.js @@ -13,7 +13,7 @@ const privacyIconSVG = ` - + `; diff --git a/src/components/CustomTable/CustomTable.module.scss b/src/components/CustomTable/CustomTable.module.scss index b6cc113ffe..179a68a837 100644 --- a/src/components/CustomTable/CustomTable.module.scss +++ b/src/components/CustomTable/CustomTable.module.scss @@ -19,7 +19,7 @@ border-radius: 50%; border: 8px solid; border-color: #e8ebee; - border-right-color: #528cdd; + border-right-color: var(--ifm-color-primary); animation: spin 1s infinite linear; } diff --git a/src/components/CveReportsTable/CveReportsTable.tsx b/src/components/CveReportsTable/CveReportsTable.tsx index f9c3aa178b..856c365012 100644 --- a/src/components/CveReportsTable/CveReportsTable.tsx +++ b/src/components/CveReportsTable/CveReportsTable.tsx @@ -109,6 +109,14 @@ export default function CveReportsTable() { const [activeTabKey, setActiveTabKey] = useState("palette"); const { colorMode } = useColorMode(); const { defaultAlgorithm, darkAlgorithm } = theme; + const isDark = colorMode === "dark"; + const customTheme = { + algorithm: isDark ? darkAlgorithm : defaultAlgorithm, // Start with the default dark theme + token: { + colorBgContainer: isDark ? "#012121" : "#F3F0EE", + colorPrimary: isDark ? "#44B2AF" : "#1F7A78", + }, + }; useEffect(() => { if (isBrowser) { @@ -172,11 +180,7 @@ export default function CveReportsTable() { key: "cve", sorter: (a, b) => a.metadata.cve.localeCompare(b.metadata.cve), render: (cve: string, record) => { - return ( - - {cve} - - ); + return {cve}; }, }, { @@ -281,7 +285,7 @@ export default function CveReportsTable() { return (
- +
The current screen size is not supported. Use a larger display to access the CVE table. diff --git a/src/components/PacksReadme/PacksReadme.antd.css b/src/components/PacksReadme/PacksReadme.antd.css index 67b6d1299c..56de65c2cb 100644 --- a/src/components/PacksReadme/PacksReadme.antd.css +++ b/src/components/PacksReadme/PacksReadme.antd.css @@ -7,6 +7,6 @@ p { font-size: 16px; } [data-theme="dark"] .ant-select-tree-list-holder-inner { - background-color: #1f1f1f; - color: whitesmoke; + background-color: #012121; + color: var(--ifm-font-color-base); } diff --git a/src/components/PacksReadme/PacksReadme.module.scss b/src/components/PacksReadme/PacksReadme.module.scss index b753d705e3..91df45effb 100644 --- a/src/components/PacksReadme/PacksReadme.module.scss +++ b/src/components/PacksReadme/PacksReadme.module.scss @@ -133,17 +133,17 @@ } } [data-theme="dark"] .description { - background-color: #1c202b; + background-color: #012121; } [data-theme="light"] .description { - background-color: #edeef4; + background-color: #bfe3e2; } [data-theme="dark"] .packDescSecondCol { - background-color: black; - border: 1px solid #1f263c; + background-color: #161514; + border: 1px solid var(--ifm-primary-color); } [data-theme="light"] .packDescSecondCol { - background-color: white; + background-color: #f3f0ee; border: 1px solid #dee1ea; } [data-theme="light"] .emptyContentDescription { @@ -151,11 +151,11 @@ } [data-theme="dark"] .emptyContentDescription { color: #b5bdd4; - background-color: #111726; + background-color: var(--ifm-background-color); } [data-theme="dark"] .emptyContentTitle { color: #b5bdd4; - background-color: #111726; + background-color: var(--ifm-background-color); } [data-theme="light"] .emptyContentTitle { color: #545f7e; diff --git a/src/components/PointOfInterest/PointOfInterest.module.scss b/src/components/PointOfInterest/PointOfInterest.module.scss index 50e7f5cde4..6a783adc53 100644 --- a/src/components/PointOfInterest/PointOfInterest.module.scss +++ b/src/components/PointOfInterest/PointOfInterest.module.scss @@ -14,7 +14,7 @@ width: 24px; height: 24px; border-radius: 50%; - background: #2682fa; + background: var(--ifm-color-primary); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3); @@ -35,7 +35,7 @@ animation: pulse 1s infinite; } &.isVisited { - background: #475f74; + background: var(--ifm-color-primary-darker); &::after { animation: none; } @@ -49,15 +49,15 @@ @keyframes pulse { 0% { transform: scale(1); - box-shadow: inset 0 0 1px 1px rgba(38, 130, 250, 0.8); + box-shadow: inset 0 0 1px 1px var(--ifm-color-primary-dark); } 50% { - box-shadow: inset 0 0 1px 1px rgba(38, 130, 250, 0.8); + box-shadow: inset 0 0 1px 1px var(--ifm-color-primary-dark); } 100% { transform: scale(1.6); - box-shadow: inset 0 0 1px 1px rgba(38, 130, 250, 0); + box-shadow: inset 0 0 1px 1px var(--ifm-color-primary-dark); } } diff --git a/src/components/PointOfInterest/PointOfInterest.tsx b/src/components/PointOfInterest/PointOfInterest.tsx index 541baa99eb..4d4ac9ce71 100644 --- a/src/components/PointOfInterest/PointOfInterest.tsx +++ b/src/components/PointOfInterest/PointOfInterest.tsx @@ -21,7 +21,7 @@ function Point({ description, tooltipPlacement = "right", x, y, label, wrapRef } getPopupContainer={(triggerNode) => wrapRef.current || triggerNode} trigger={["click"]} title={description} - color="#091e3b" + color="#012121" placement={tooltipPlacement as TooltipPlacement} >
tagVersion.children.find((child) => child.title === version))?.title || ""; return (
- +
{title}
diff --git a/src/components/Technologies/technologies.antd.css b/src/components/Technologies/technologies.antd.css index 3bf9b3843a..7179868a7b 100644 --- a/src/components/Technologies/technologies.antd.css +++ b/src/components/Technologies/technologies.antd.css @@ -13,10 +13,10 @@ color: whitesmoke; } [data-theme="dark"] .ant-collapse-header { - background-color: #161824; + background-color: var(--ifm-dropdown-background-color); } [data-theme="dark"] .ant-collapse .ant-collapse-content { - background-color: #141414; + background-color: #0b3433; border-top: 1px solid #424242; } [data-theme="dark"] .ant-collapse-item { diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx index 3cba6a22dc..b510601c4b 100644 --- a/src/components/Tooltip/Tooltip.tsx +++ b/src/components/Tooltip/Tooltip.tsx @@ -8,7 +8,7 @@ interface TooltipProps { export default function Tooltip(props: TooltipProps) { return ( - + {props.trigger} ); diff --git a/src/css/custom.scss b/src/css/custom.scss index fe7619e29d..72c68f9a59 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -15,14 +15,14 @@ html { // mendable widget inline style affects fonts - font-family: "Poppins", sans-serif !important; + font-family: "Plus Jakarta Sans", sans-serif !important; } :root { --ifm-code-font-size: 87.5%; --ifm-breadcrumb-size-multiplier: 0.875; --docusaurus-highlighted-code-line-bg: #666666; - --ifm-font-family-base: "Poppins", sans-serif; + --ifm-font-family-base: "Plus Jakarta Sans", sans-serif; --ifm-menu-link-padding-vertical: 0.675rem; --ifm-spacing-horizontal: 2rem; --ifm-menu-color-background-hover: var(--ifm-menu-color-background-active); @@ -30,7 +30,8 @@ html { --doc-sidebar-width: 360px !important; --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,'); --ifm-tabs-padding-vertical: 0.5rem; - --ifm-navbar-link-color: #252b53; + --ifm-navbar-height: 4rem; + --ifm-navbar-item-padding-horizontal: 0.75rem; --ifm-heading-font-weight: 500; --ifm-spacing-horizontal: 3rem; --ifm-alert-border-width: 1px; @@ -39,8 +40,20 @@ html { --openapi-demo-font-size-code: 10px; --openapi-demo-font-size-input: 10px; --custom-sidebar-item-color: #aeb1be; - --custom-purple-border-color: #7d77ca; - --custom-byzantine-border-color: #b54aa1; + --ifm-link-decoration: underline; +} + +// Remove link underlines from navbar, tags, and table of contents. +nav a, +.table-of-contents a, +[class^="tag_"] { + text-decoration: none; +} + +// Adjust logo to be 40px high +.navbar__logo, +.sidebarLogo_isFc img { + height: 2.5rem !important; } .markdown h1:first-child { @@ -104,6 +117,10 @@ img { display: none; } +[class^="admonitionContent_"] a { + text-decoration: underline; +} + /* Override --ifm text-decoration */ a:any-link:hover { text-decoration: none; @@ -142,7 +159,7 @@ div[class^="announcementBar_"] { display: none; } .ant-tooltip { - font-family: "Poppins"; + font-family: "Plus Jakarta Sans"; } .menu__caret:before { background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem; @@ -168,7 +185,7 @@ div[class^="announcementBar_"] { } .menu__link--active + button::before { - --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,'); + --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,'); } pre code { @@ -214,12 +231,10 @@ p img.markdown-image { } .admonition-tech-preview { - border: 1px solid var(--custom-purple-border-color); background-color: var(--custom-purple-alert-bg-color); } .admonition-further-guidance { - border: 1px solid var(--custom-byzantine-border-color); background-color: var(--custom-byzantine-alert-bg-color); } diff --git a/src/css/dark-mode.scss b/src/css/dark-mode.scss index 9821c88010..640bc1fe58 100644 --- a/src/css/dark-mode.scss +++ b/src/css/dark-mode.scss @@ -1,65 +1,78 @@ html[data-theme="dark"] { - --ifm-color-primary: #72a8f5; - --ifm-color-primary-dark: #5093f3; - --ifm-color-primary-darker: #4089f1; - --ifm-color-primary-darkest: #116beb; - --ifm-color-primary-light: #94bdf7; - --ifm-color-primary-lighter: #a4c7f9; - --ifm-color-primary-lightest: #d7e6fc; - --ifm-menu-color: #e8ebee; - --ifm-menu-color-active: #72a8f5; - --ifm-font-color-base: #e8ebee; - --ifm-heading-color: #f7f8f9; - --ifm-navbar-link-color: #6a7494; - --ifm-breadcrumb-item-background-active: #2b323c; + --ifm-color-primary: #44b2af; + --ifm-color-primary-dark: #3b9a98; + --ifm-color-primary-darker: #2d8685; + --ifm-color-primary-darkest: #1f7a78; + --ifm-color-primary-light: #7fd2d0; + --ifm-color-primary-lighter: #bfe3e2; + --ifm-color-primary-lightest: var(--ifm-font-color-base); + --ifm-font-color-base: #ddf4f3; + --ifm-background-color: #000f0f; + --ifm-dropdown-background-color: #012121; + --ifm-menu-color: var(--ifm-font-color-base); + --ifm-menu-color-active: var(--ifm-color-primary); + --ifm-heading-color: #e0dcd7; + --ifm-breadcrumb-item-background-active: var(--ifm-dropdown-background-color); --docusaurus-highlighted-code-line-bg: #666666; - --ifm-background-color: #0b0f1b; - --ifm-menu-color-background-active: var(--ifm-background-color); + --ifm-menu-color-background-active: var(--ifm-dropdown-background-color); --ifm-navbar-link-color: #ffffff; - --ifm-navbar-background-color: #0b0f1b; - --ifm-toc-link-color: #818ba9; + --ifm-navbar-background-color: var(--ifm-background-color); + --ifm-toc-link-color: var(--ifm-font-color-base); --ifm-tabs-color: #818ba9; --docsearch-muted-color: #818ba9; - --ifm-menu-color-background-hover: #0b0f1b; - --ifm-color-info-contrast-background: #192c47; - --ifm-color-info-contrast-foreground: #b5bdd4; - --ifm-color-info-dark: #72a8f5; - --ifm-color-warning-contrast-background: #413616; - --ifm-color-warning-contrast-foreground: #b5bdd4; - --ifm-color-warning-dark: #ffc832; + --ifm-menu-color-background-hover: var(--ifm-dropdown-background-color); + --ifm-color-success-contrast-background: #104223e6; + --ifm-color-success-contrast-foreground: #f3f0ee; + --ifm-color-success-dark: var(--ifm-color-success-contrast-background); + --ifm-color-info-contrast-background: #1a3c5ee6; + --ifm-color-info-contrast-foreground: var(--ifm-color-success-contrast-foreground); + --ifm-color-info-dark: var(--ifm-color-info-contrast-background); + --ifm-color-warning-contrast-background: #473617e6; + --ifm-color-warning-contrast-foreground: var(--ifm-color-success-contrast-foreground); + --ifm-color-warning-dark: var(--ifm-color-warning-contrast-background); + --ifm-color-danger-contrast-background: #6b1927e6; + --ifm-color-danger-contrast-foreground: var(--ifm-color-success-contrast-foreground); + --ifm-color-danger-dark: var(--ifm-color-danger-contrast-background); --ifm-alert-padding-horizontal: 1.5rem; - --simpleCardPrimary: #72a8f5; - --simpleCardPrimaryHover: #9cc2f8; - --simpleCardSecondary: #192c47; - --simpleCardSecondaryHover: #213e67; - --simpleCardSubtle: #b5bdd4; - --simpleCardButtonIcon: #818ba9; - --simpleCardBorder: #1f263c; - --custom-table-header-color: #1c202b; - --custom-release-notes-background-color: #2b323c; - --custom-release-notes-background-font-color: var(--ifm-dropdown-link-color); + --simpleCardPrimary: var(--ifm-color-primary); + --simpleCardPrimaryHover: #7fd2d0; + --simpleCardSecondary: #1f7a78; + --simpleCardSecondaryHover: #2d8685; + --simpleCardSubtle: var(--ifm-color-success-contrast-foreground); + --simpleCardButtonIcon: #f3f0ee; + --simpleCardBorder: #0b3433; + --custom-table-header-color: var(--ifm-dropdown-background-color); + --custom-release-notes-background-color: var(--ifm-breadcrumb-item-background-active); + --custom-release-notes-background-font-color: var(--ifm-navbar-link-color); --custom-release-notes-active-option-hover: var(--ifm-dropdown-hover-background-color); - --custom-release-notes-selected-background: #2b323c; - --custom-release-notes-option-font-color: white; - --custom-release-notes-menu-padding: #2b323c; + --custom-release-notes-selected-background: var(--ifm-breadcrumb-item-background-active); + --custom-release-notes-option-font-color: #faf9f8; + --custom-release-notes-menu-padding: var(--ifm-breadcrumb-item-background-active); --custom-sidebar-icon-color: #aeb1be; - --custom-purple-alert-bg-color: #1a173b; - --custom-byzantine-alert-bg-color: #4a1e42; + --custom-purple-alert-bg-color: #463250e6; + --custom-byzantine-alert-bg-color: #621f47e6; .theme-last-updated { color: var(--ifm-font-color-base); } + // We must set the info color on details, as it is used for the details expand marker. + // There is no nicer way to style details as it automatically uses info alert styles in docusaurus. + [class^="details_"] { + --ifm-color-info-dark: #4183c7; + border-width: 0px; + } + .menu__list-item-collapsible:hover { - background: #0b0f1b; + background: var(--ifm-dropdown-background-color); } .theme-doc-sidebar-item-category-level-1 .menu__list-item { .menu__link:hover { - background: #0b0f1b; + background: var(--ifm-dropdown-background-color); } .menu__link.menu__link--active { - color: #528cdd; + color: var(--ifm-color-primary); border-radius: 0; } } @@ -67,7 +80,7 @@ html[data-theme="dark"] { color: #aeb1be; } .navbar { - border-bottom: 1px solid #2b323c; + border-bottom: 1px solid var(--ifm-breadcrumb-item-background-active); } // .tabs__item { // border-radius: 2px 2px 0 0; diff --git a/src/css/font.scss b/src/css/font.scss index 6153ea0e8e..066e8dc8d9 100644 --- a/src/css/font.scss +++ b/src/css/font.scss @@ -1,38 +1,38 @@ @font-face { - font-family: "Poppins"; - src: url("/fonts/Poppins-300.woff2") format("woff2"); + font-family: "Plus Jakarta Sans"; + src: url("/fonts/PlusJakartaSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { - font-family: "Poppins"; - src: url("/fonts/Poppins-400.woff2") format("woff2"); + font-family: "Plus Jakarta Sans"; + src: url("/fonts/PlusJakartaSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { - font-family: "Poppins"; - src: url("/fonts/Poppins-500.woff2") format("woff2"); + font-family: "Plus Jakarta Sans"; + src: url("/fonts/PlusJakartaSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { - font-family: "Poppins"; - src: url("/fonts/Poppins-600.woff2") format("woff2"); + font-family: "Plus Jakarta Sans"; + src: url("/fonts/PlusJakartaSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { - font-family: "Poppins"; - src: url("/fonts/Poppins-700.woff2") format("woff2"); + font-family: "Plus Jakarta Sans"; + src: url("/fonts/PlusJakartaSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; diff --git a/src/css/light-mode.scss b/src/css/light-mode.scss index e6b951150d..4d5a19361d 100644 --- a/src/css/light-mode.scss +++ b/src/css/light-mode.scss @@ -1,50 +1,58 @@ html[data-theme="light"] { - --ifm-menu-color-background-active: var(--ifm-background-color); - --ifm-color-primary: #4a8ff1; - --ifm-color-primary-dark: #105ecd; - --ifm-color-primary-darker: #1e74ee; - --ifm-color-primary-darkest: #2d7def; - --ifm-color-primary-light: #67a1f3; - --ifm-color-primary-lighter: #76aaf4; - --ifm-color-primary-lightest: #a2c5f8; + --ifm-menu-color-background-active: #f3f0ee; + --ifm-color-primary: #1f7a78; + --ifm-color-primary-dark: #135757; + --ifm-color-primary-darker: #0c403f; + --ifm-color-primary-darkest: #0b3433; + --ifm-color-primary-light: #2d8685; + --ifm-color-primary-lighter: #3b9a98; + --ifm-color-primary-lightest: #44b2af; --ifm-menu-color: #111626; - --ifm-background-color: #ffffff; - --ifm-menu-color-active: #4a8ff1; - --ifm-heading-color: #111626; - --ifm-font-color-base: #515e71; + --ifm-background-color: #faf9f8; + --ifm-menu-color-active: var(--ifm-color-primary); + --ifm-font-color-base: #161514; + --ifm-heading-color: var(--ifm-font-color-base); --ifm-navbar-link-color: #6a7494; - --ifm-breadcrumb-item-background-active: #f7f8f9; - --ifm-toc-link-color: #6a7494; + --ifm-navbar-background-color: var(--ifm-background-color); + --ifm-breadcrumb-item-background-active: var(--ifm-menu-color-background-active); + --ifm-toc-link-color: var(--ifm-font-color-base); --ifm-tabs-color: #6a7494; --docsearch-muted-color: #6a7494; - --ifm-menu-color-background-hover: #f7f9ff; - --ifm-color-info-contrast-background: #dbecff; - --ifm-color-info-contrast-foreground: #545f7e; - --ifm-color-info-dark: #3f74be; - --ifm-color-warning-contrast-background: #fff6cc; - --ifm-color-warning-contrast-foreground: #545f7e; - --ifm-color-warning-dark: #a8882f; + --ifm-menu-color-background-hover: var(--ifm-menu-color-background-active); + --ifm-color-success-contrast-background: #e5f4e8; + --ifm-color-success-contrast-foreground: #545f7e; + --ifm-color-success-dark: #e5f4e8; + --ifm-color-info-contrast-background: #edf3fd; + --ifm-color-info-contrast-foreground: var(--ifm-color-success-contrast-foreground); + --ifm-color-info-dark: #edf3fd; + --ifm-color-warning-contrast-background: #fff3e3; + --ifm-color-warning-contrast-foreground: var(--ifm-color-success-contrast-foreground); + --ifm-color-warning-dark: #fff3e3; + --ifm-color-danger-contrast-background: #feeded; + --ifm-color-danger-contrast-foreground: var(--ifm-color-success-contrast-foreground); + --ifm-color-danger-dark: #feeded; --ifm-alert-padding-horizontal: 1.5rem; + --ifm-dropdown-background-color: var(--ifm-menu-color-background-active); --custom-table-header-color: #f7f7f7; - --simpleCardPrimary: #4a8ff1; - --simpleCardPrimaryHover: #3f74be; - --simpleCardSecondary: #dbecff; - --simpleCardSecondaryHover: #c3e0ff; - --simpleCardSubtle: #545f7e; + --simpleCardPrimary: var(--ifm-color-primary); + --simpleCardPrimaryHover: #135757; + --simpleCardSecondary: #7fd2d0; + --simpleCardSecondaryHover: #44b2af; + --simpleCardSubtle: var(--ifm-color-success-contrast-foreground); --simpleCardButtonIcon: #545f7e; --simpleCardBorder: #dee1ea; --custom-release-notes-background-color: var(--ifm-background-color); - --custom-release-notes-background-font-color: var(--ifm-dropdown-link-color); + --custom-release-notes-background-font-color: var(--ifm-navbar-link-color); --custom-release-notes-active-option-hover: var(--ifm-dropdown-hover-background-color); - --custom-release-notes-selected-background: #bec0c4; - --custom-release-notes-option-font-color: black; - --custom-release-notes-menu-padding: white; - --custom-purple-alert-bg-color: #dcdaf9; - --custom-byzantine-alert-bg-color: #f8d6f2; + --custom-release-notes-selected-background: var(--ifm-menu-color-background-hover); + --custom-release-notes-option-font-color: var(--ifm-font-color-base); + --custom-release-notes-menu-padding: var(--ifm-background-color); + --custom-purple-alert-bg-color: #e8e1ea; + --custom-byzantine-alert-bg-color: #f3d8e6; .theme-doc-sidebar-item-category-level-1 .menu__list-item { .menu__link:hover { - background: #f7f9ff; + background: var(--ifm-menu-color-background-active); } .menu__link.menu__link--active { color: var(--ifm-color-primary); @@ -52,12 +60,18 @@ html[data-theme="light"] { } } + // We must set the info color on details, as it is used for the details expand marker. + [class^="details_"] { + --ifm-color-info-dark: var(--ifm-color-primary); + border-width: 0px; + } + .category > .menu__list-item-collapsible:hover { - background: none; + background: var(--ifm-menu-color-background-active); } .menu__list-item-collapsible:hover { - background: #f7f9ff; + background: var(--ifm-menu-color-background-active); } .theme-last-updated { @@ -65,7 +79,7 @@ html[data-theme="light"] { } .navbar { - border-bottom: 1px solid #e8ebee; + border-bottom: 1px solid var(--ifm-breadcrumb-item-background-active); } // .tabs__item { diff --git a/src/theme/DocCard/index.js b/src/theme/DocCard/index.js index bf5924acf3..448585728e 100644 --- a/src/theme/DocCard/index.js +++ b/src/theme/DocCard/index.js @@ -17,7 +17,7 @@ function CardLayout({ href, icon, title, description }) { return ( {title && title.length > 40 ? ( - +

{icon} {`${title.substring(0, 40)} ...`}

diff --git a/static/fonts/PlusJakartaSans-Bold.ttf b/static/fonts/PlusJakartaSans-Bold.ttf new file mode 100644 index 0000000000..386d3a6dac Binary files /dev/null and b/static/fonts/PlusJakartaSans-Bold.ttf differ diff --git a/static/fonts/PlusJakartaSans-Light.ttf b/static/fonts/PlusJakartaSans-Light.ttf new file mode 100644 index 0000000000..215db16ac5 Binary files /dev/null and b/static/fonts/PlusJakartaSans-Light.ttf differ diff --git a/static/fonts/PlusJakartaSans-Medium.ttf b/static/fonts/PlusJakartaSans-Medium.ttf new file mode 100644 index 0000000000..1e58066f4a Binary files /dev/null and b/static/fonts/PlusJakartaSans-Medium.ttf differ diff --git a/static/fonts/PlusJakartaSans-Regular.ttf b/static/fonts/PlusJakartaSans-Regular.ttf new file mode 100644 index 0000000000..1e77059b32 Binary files /dev/null and b/static/fonts/PlusJakartaSans-Regular.ttf differ diff --git a/static/fonts/PlusJakartaSans-SemiBold.ttf b/static/fonts/PlusJakartaSans-SemiBold.ttf new file mode 100644 index 0000000000..49817ef98e Binary files /dev/null and b/static/fonts/PlusJakartaSans-SemiBold.ttf differ diff --git a/static/fonts/Poppins-300.woff2 b/static/fonts/Poppins-300.woff2 deleted file mode 100644 index 962b734ef6..0000000000 Binary files a/static/fonts/Poppins-300.woff2 and /dev/null differ diff --git a/static/fonts/Poppins-400.woff2 b/static/fonts/Poppins-400.woff2 deleted file mode 100644 index b69e0091c2..0000000000 Binary files a/static/fonts/Poppins-400.woff2 and /dev/null differ diff --git a/static/fonts/Poppins-500.woff2 b/static/fonts/Poppins-500.woff2 deleted file mode 100644 index c6603368bf..0000000000 Binary files a/static/fonts/Poppins-500.woff2 and /dev/null differ diff --git a/static/fonts/Poppins-600.woff2 b/static/fonts/Poppins-600.woff2 deleted file mode 100644 index 921e962b91..0000000000 Binary files a/static/fonts/Poppins-600.woff2 and /dev/null differ diff --git a/static/fonts/Poppins-700.woff2 b/static/fonts/Poppins-700.woff2 deleted file mode 100644 index bf022fc77e..0000000000 Binary files a/static/fonts/Poppins-700.woff2 and /dev/null differ diff --git a/static/img/favicon.png b/static/img/favicon.png index d11b78a64e..4fdb098262 100644 Binary files a/static/img/favicon.png and b/static/img/favicon.png differ diff --git a/static/img/spectro-cloud-social-card.png b/static/img/spectro-cloud-social-card.png deleted file mode 100644 index 3b68c0b3fe..0000000000 Binary files a/static/img/spectro-cloud-social-card.png and /dev/null differ diff --git a/static/img/spectrocloud-logo-dark.svg b/static/img/spectrocloud-logo-dark.svg index 77aca97117..47efc79f62 100644 --- a/static/img/spectrocloud-logo-dark.svg +++ b/static/img/spectrocloud-logo-dark.svg @@ -1,21 +1,42 @@ - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/spectrocloud-logo-light.svg b/static/img/spectrocloud-logo-light.svg index 43fd25ec23..0e6ffb7541 100644 --- a/static/img/spectrocloud-logo-light.svg +++ b/static/img/spectrocloud-logo-light.svg @@ -1,21 +1,42 @@ - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/spectrocloud-social-card.png b/static/img/spectrocloud-social-card.png new file mode 100644 index 0000000000..043f2c0823 Binary files /dev/null and b/static/img/spectrocloud-social-card.png differ