From 2e688a0d0dbea770305893533de6b5848c2099cf Mon Sep 17 00:00:00 2001 From: jakmro Date: Thu, 9 Jan 2025 14:58:19 +0100 Subject: [PATCH 1/3] Change color in docs --- docs/docs/llms/exporting-llama.mdx | 2 +- docs/src/css/colors.css | 107 +++++++++++----------- docs/src/theme/TOCItems/index.js | 3 - docs/src/theme/TOCItems/index.tsx | 29 ++++++ docs/src/theme/TOCItems/styles.module.css | 3 + 5 files changed, 88 insertions(+), 56 deletions(-) delete mode 100644 docs/src/theme/TOCItems/index.js create mode 100644 docs/src/theme/TOCItems/index.tsx create mode 100644 docs/src/theme/TOCItems/styles.module.css diff --git a/docs/docs/llms/exporting-llama.mdx b/docs/docs/llms/exporting-llama.mdx index 63e045f800..5acbb5d202 100644 --- a/docs/docs/llms/exporting-llama.mdx +++ b/docs/docs/llms/exporting-llama.mdx @@ -35,6 +35,6 @@ Navigate to the `llama_export` directory and run the following command: The script will pull a Docker image from Docker Hub, and then run it to export the model. By default the output (llama3_2.pte file) will be saved in the `llama-export/outputs` directory. However, you can override that behavior with the `--output-path [path]` flag. -:::note[Note] +:::note This Docker image was tested on MacOS with ARM chip. This might not work in other environments. ::: diff --git a/docs/src/css/colors.css b/docs/src/css/colors.css index 6ea5765423..031349dcc5 100644 --- a/docs/src/css/colors.css +++ b/docs/src/css/colors.css @@ -15,15 +15,6 @@ --swm-navy-dark-40: #abbcf5; --swm-navy-dark-20: #c1c6e5; - /* react-native-executorch */ - --swm-cornflower-100: #4B6CF4; - --swm-cornflower-80: #7394FF; - --swm-cornflower-60: #A6C2FF; - --swm-cornflower-0: #F7FAFF; - - --swm-navy-100: #160042; - /* end react-native-executorch */ - --swm-purple-light-100: #782aeb; --swm-purple-light-80: #b58df1; --swm-purple-light-60: #d1bbf3; @@ -92,6 +83,18 @@ --swm-yellow-dark-60: #fff1b2; --swm-yellow-dark-40: #fff9db; + /* react-native-executorch */ + --swm-navy-100: #160042; + + --swm-cornflower-140: #23326f; + --swm-cornflower-120: #3851b4; + --swm-cornflower-100: #4B6CF4; + --swm-cornflower-80: #7394FF; + --swm-cornflower-60: #A6C2FF; + --swm-cornflower-40: #D0E2FF; + --swm-cornflower-20: #E6EFFF; + --swm-cornflower-0: #F7FAFF; + /* Black & White palette, mainly for background settings */ --swm-off-white: #f8f9ff; --swm-white: #fcfcff; @@ -133,22 +136,22 @@ /* Tabs */ --swm-tab: var(--swm-navy-light-20); - --swm-tab-hover: var(--swm-blue-light-80); - --swm-tab-active: var(--swm-blue-light-100); + --swm-tab-hover: var(--swm-cornflower-80); + --swm-tab-active: var(--swm-cornflower-100); /* Table of Contents */ --ifm-toc-border-color: transparent; --ifm-toc-link-color: var(--swm-navy-light-60); --ifm-toc-link-color-active: var(--swm-navy-light-100); - --swm-hire-us-toc: var(--swm-navy-light-100); + --swm-hire-us-toc: var(--swm-cornflower-100); --swm-hire-us-toc-color: var(--swm-off-white); - --swm-hire-us-toc-color-hover: var(--swm-navy-light-100); - --swm-hire-us-toc-border-hover: var(--swm-navy-light-100); + --swm-hire-us-toc-color-hover: var(--swm-cornflower-100); + --swm-hire-us-toc-border-hover: var(--swm-cornflower-100); /* Details section */ - --swm-details-foreground: var(--swm-purple-light-20); - --swm-details-background: var(--swm-purple-light-100); + --swm-details-foreground: var(--swm-cornflower-20); + --swm-details-background: var(--swm-cornflower-100); /* Admonitions */ --swm-admonition-color-secondary: var(--swm-navy-light-10); @@ -185,7 +188,7 @@ --swm-interactive-button-color: var(--swm-navy-light-60); --swm-interactive-button-active: var(--ifm-font-color-base); - --swm-interactive-slider: var(--swm-blue-light-100); + --swm-interactive-slider: var(--swm-cornflower-100); --swm-interactive-slider-rail: var(--swm-navy-light-20); /* --swm-navy-light-100 in rgba */ @@ -201,8 +204,8 @@ /* Pagination */ --swm-paginator-sublabel: var(--swm-navy-light-100); - --swm-paginator-label: var(--swm-blue-light-80); - --swm-paginator-label-hover: var(--swm-blue-light-100); + --swm-paginator-label: var(--swm-cornflower-80); + --swm-paginator-label-hover: var(--swm-cornflower-100); /* Footer */ --swm-brand-copyright-color: var(--swm-navy-light-100); @@ -217,12 +220,12 @@ --swm-searchbar-text-color: var(--swm-navy-light-60); --swm-searchbar-background: var(--swm-background); --swm-searchbar-border: var(--swm-navy-light-20); - --swm-searchbar-border-hover: var(--swm-blue-light-100); + --swm-searchbar-border-hover: var(--swm-cornflower-100); - --swm-search-hit-background: var(--swm-blue-light-20); - --swm-search-hit-background-hover: var(--swm-blue-light-80); - --swm-search-hit-border: var(--swm-blue-light-40); - --swm-search-hit-border-hover: var(--swm-blue-light-100); + --swm-search-hit-background: var(--swm-cornflower-20); + --swm-search-hit-background-hover: var(--swm-cornflower-80); + --swm-search-hit-border: var(--swm-cornflower-40); + --swm-search-hit-border-hover: var(--swm-cornflower-100); --swm-search-hit-active-color: var(--swm-off-white); --swm-docsearch-hit-source-color: var(--swm-navy-light-100); @@ -262,11 +265,11 @@ /* Cards */ --swm-card-background: var(--swm-background); --swm-card-border: var(--swm-navy-light-20); - --swm-card-border-hover: var(--swm-blue-light-100); + --swm-card-border-hover: var(--swm-cornflower-100); - /* Sidebar label*/ + /* Sidebar label */ --swm-sidebar-label-text-new: var(--swm-off-white); - --swm-sidebar-label-background-new: var(--swm-blue-light-100); + --swm-sidebar-label-background-new: var(--swm-cornflower-100); --swm-sidebar-label-text-experimental: var(--swm-navy-light-100); --swm-sidebar-label-background-experimental: var(--swm-yellow-light-40); @@ -279,15 +282,15 @@ /* Versions dropdown */ --swm-dropdown-versions-background: var(--swm-off-white); --swm-dropdown-versions-item: var(--swm-navy-light-100); - --swm-dropdown-versions-item-border: var(--swm-blue-light-40); - --swm-dropdown-versions-item-background: var(--swm-blue-light-20); + --swm-dropdown-versions-item-border: var(--swm-cornflower-40); + --swm-dropdown-versions-item-background: var(--swm-cornflower-20); --swm-dropdown-versions-item-active: var(--swm-off-white); - --swm-dropdown-versions-item-border-active: var(--swm-blue-light-100); - --swm-dropdown-versions-item-background-active: var(--swm-blue-light-80); + --swm-dropdown-versions-item-border-active: var(--swm-cornflower-100); + --swm-dropdown-versions-item-background-active: var(--swm-cornflower-80); --swm-dropdown-versions-item-hover: var(--swm-navy-light-100); - --swm-dropdown-versions-item-active-hover: var(--swm-blue-light-100); + --swm-dropdown-versions-item-active-hover: var(--swm-cornflower-100); /* Version badge */ --swm-version-badge: var(--swm-navy-light-100); @@ -320,22 +323,22 @@ /* Tabs */ --swm-tab: var(--swm-navy-light-60); - --swm-tab-hover: var(--swm-blue-dark-60); - --swm-tab-active: var(--swm-blue-light-80); + --swm-tab-hover: var(--swm-cornflower-60); + --swm-tab-active: var(--swm-cornflower-80); /* Table of Contents */ --ifm-toc-border-color: transparent; --ifm-toc-link-color: var(--swm-navy-light-40); --ifm-toc-link-color-active: var(--swm-off-white); - --swm-hire-us-toc: var(--swm-blue-light-80); + --swm-hire-us-toc: var(--swm-cornflower-100); --swm-hire-us-toc-color: var(--swm-off-white); --swm-hire-us-toc-color-hover: var(--swm-navy-light-40); --swm-hire-us-toc-border-hover: var(--swm-navy-light-40); /* Details section */ - --swm-details-foreground: var(--swm-blue-dark-120); - --swm-details-background: var(--swm-blue-dark-140); + --swm-details-foreground: var(--swm-cornflower-120); + --swm-details-background: var(--swm-cornflower-140); /* Admonitions */ --swm-admonition-color-secondary: var(--swm-navy-dark-70); @@ -369,7 +372,7 @@ /* Interactive Examples */ --swm-interactive-button-color: var(--swm-navy-light-40); - --swm-interactive-slider: var(--swm-blue-light-80); + --swm-interactive-slider: var(--swm-cornflower-80); --swm-interactive-slider-rail: var(--swm-navy-light-20); /* --swm-navy-light-20 in rgba schema */ @@ -381,8 +384,8 @@ /* Pagination */ --swm-paginator-sublabel: var(--swm-navy-light-20); - --swm-paginator-label: var(--swm-blue-light-60); - --swm-paginator-label-hover: var(--swm-blue-light-40); + --swm-paginator-label: var(--swm-cornflower-60); + --swm-paginator-label-hover: var(--swm-cornflower-40); /* Footer */ --swm-brand-copyright-color: var(--swm-navy-light-20); @@ -394,12 +397,12 @@ /* Search */ --swm-searchbar-text-color: var(--swm-navy-dark-40); --swm-searchbar-border: var(--swm-navy-dark-60); - --swm-searchbar-border-hover: var(--swm-blue-dark-80); + --swm-searchbar-border-hover: var(--swm-cornflower-80); - --swm-search-hit-background: var(--swm-blue-dark-120); - --swm-search-hit-background-hover: var(--swm-blue-dark-40); - --swm-search-hit-border: var(--swm-blue-dark-120); - --swm-search-hit-border-hover: var(--swm-blue-dark-40); + --swm-search-hit-background: var(--swm-cornflower-120); + --swm-search-hit-background-hover: var(--swm-cornflower-40); + --swm-search-hit-border: var(--swm-cornflower-120); + --swm-search-hit-border-hover: var(--swm-cornflower-40); --swm-search-hit-active-color: var(--swm-navy-light-100); --swm-docsearch-hit-source-color: var(--swm-navy-light-10); @@ -440,11 +443,11 @@ /* Cards */ --swm-card-background: var(--swm-navy); --swm-card-border: var(--swm-navy-dark-60); - --swm-card-border-hover: var(--swm-blue-dark-80); + --swm-card-border-hover: var(--swm-cornflower-80); /* Sidebar label*/ --swm-sidebar-label-text-new: var(--swm-off-white); - --swm-sidebar-label-background-new: var(--swm-blue-dark-120); + --swm-sidebar-label-background-new: var(--swm-cornflower-120); --swm-sidebar-label-text-experimental: var(--swm-off-white); --swm-sidebar-label-background-experimental: var(--swm-yellow-dark-120); @@ -458,15 +461,15 @@ --swm-dropdown-versions-background: var(--swm-off-navy); --swm-dropdown-versions-item: var(--swm-off-white); - --swm-dropdown-versions-item-border: var(--swm-blue-dark-40); - --swm-dropdown-versions-item-background: var(--swm-blue-dark-40); + --swm-dropdown-versions-item-border: var(--swm-cornflower-40); + --swm-dropdown-versions-item-background: var(--swm-cornflower-40); --swm-dropdown-versions-item-active: var(--swm-off-white); - --swm-dropdown-versions-item-border-active: var(--swm-blue-dark-120); - --swm-dropdown-versions-item-background-active: var(--swm-blue-dark-120); + --swm-dropdown-versions-item-border-active: var(--swm-cornflower-120); + --swm-dropdown-versions-item-background-active: var(--swm-cornflower-120); --swm-dropdown-versions-item-hover: var(--swm-navy-dark-100); - --swm-dropdown-versions-item-active-hover: var(--swm-blue-dark-100); + --swm-dropdown-versions-item-active-hover: var(--swm-cornflower-100); /* Version badge */ --swm-version-badge: var(--swm-off-white); diff --git a/docs/src/theme/TOCItems/index.js b/docs/src/theme/TOCItems/index.js deleted file mode 100644 index 086bd62715..0000000000 --- a/docs/src/theme/TOCItems/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import { TOCItems } from '@swmansion/t-rex-ui'; - -export default TOCItems; diff --git a/docs/src/theme/TOCItems/index.tsx b/docs/src/theme/TOCItems/index.tsx new file mode 100644 index 0000000000..60710bba4a --- /dev/null +++ b/docs/src/theme/TOCItems/index.tsx @@ -0,0 +1,29 @@ +import React from 'react'; +import { TOCItems } from '@swmansion/t-rex-ui'; +import styles from './styles.module.css'; + +const TOCItemsWrapper = ({ + toc, + className = 'table-of-contents table-of-contents__left-border', + linkClassName = 'table-of-contents__link', + linkActiveClassName = undefined, + minHeadingLevel: minHeadingLevelOption, + maxHeadingLevel: maxHeadingLevelOption, + ...props +}) => { + return ( +
+ +
+ ); +}; + +export default TOCItemsWrapper; diff --git a/docs/src/theme/TOCItems/styles.module.css b/docs/src/theme/TOCItems/styles.module.css new file mode 100644 index 0000000000..25287a9c37 --- /dev/null +++ b/docs/src/theme/TOCItems/styles.module.css @@ -0,0 +1,3 @@ +[data-theme='light'] .TOCItemsWrapper > div { + background-color: var(--swm-cornflower-20); +} From 57d0e7dca1bf02d634ffee2dc9ee30d7e0e9073c Mon Sep 17 00:00:00 2001 From: jakmro Date: Thu, 9 Jan 2025 16:10:46 +0100 Subject: [PATCH 2/3] Change text in hireUsSection --- docs/src/pages/index.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx index 31dedd45e9..899e5505d3 100644 --- a/docs/src/pages/index.tsx +++ b/docs/src/pages/index.tsx @@ -23,7 +23,10 @@ const Home = () => {
- +
From e1c445c1d483908a728bde5eed4f06250e8bc61b Mon Sep 17 00:00:00 2001 From: jakmro Date: Fri, 10 Jan 2025 10:25:38 +0100 Subject: [PATCH 3/3] Admonition-info color change --- docs/src/css/colors.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/src/css/colors.css b/docs/src/css/colors.css index 031349dcc5..9c252dcb50 100644 --- a/docs/src/css/colors.css +++ b/docs/src/css/colors.css @@ -157,13 +157,13 @@ --swm-admonition-color-secondary: var(--swm-navy-light-10); --swm-admonition-color-success: var(--swm-green-light-20); --swm-admonition-color-danger: var(--swm-red-light-20); - --swm-admonition-color-info: var(--swm-blue-light-20); + --swm-admonition-color-info: var(--swm-cornflower-20); --swm-admonition-color-caution: var(--swm-yellow-light-20); --swm-admonition-color-secondary-shadow: var(--swm-navy-light-80); --swm-admonition-color-success-shadow: var(--swm-green-light-100); --swm-admonition-color-danger-shadow: var(--swm-red-light-100); - --swm-admonition-color-info-shadow: var(--swm-blue-light-100); + --swm-admonition-color-info-shadow: var(--swm-cornflower-100); --swm-admonition-color-caution-shadow: var(--swm-yellow-light-100); /* Details */ @@ -344,13 +344,13 @@ --swm-admonition-color-secondary: var(--swm-navy-dark-70); --swm-admonition-color-success: var(--swm-green-dark-120); --swm-admonition-color-danger: var(--swm-red-dark-120); - --swm-admonition-color-info: var(--swm-blue-dark-120); + --swm-admonition-color-info: var(--swm-cornflower-120); --swm-admonition-color-caution: var(--swm-yellow-dark-120); --swm-admonition-color-secondary-shadow: var(--swm-navy-dark-100); --swm-admonition-color-success-shadow: var(--swm-green-dark-140); --swm-admonition-color-danger-shadow: var(--swm-red-dark-140); - --swm-admonition-color-info-shadow: var(--swm-blue-dark-140); + --swm-admonition-color-info-shadow: var(--swm-cornflower-140); --swm-admonition-color-caution-shadow: var(--swm-yellow-dark-140); /* Details */