From 0bf360e7b43a781bf8bd15b905859f99f9d10997 Mon Sep 17 00:00:00 2001
From: Kenan Yusuf <kenan.m.yusuf@gmail.com>
Date: Thu, 4 Jan 2024 14:38:20 +0000
Subject: [PATCH] Add links to React Native XL documentation in React Native
 sections (#2694)

---
 docs/src/content/introduction/index.md  |  5 +++--
 docs/src/content/introduction/native.md |  3 +++
 docs/src/styles/global.js               | 10 ++++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/docs/src/content/introduction/index.md b/docs/src/content/introduction/index.md
index 8db82ba36..6a2b46201 100644
--- a/docs/src/content/introduction/index.md
+++ b/docs/src/content/introduction/index.md
@@ -11,7 +11,9 @@ Victory is an opinionated, but fully overridable, ecosystem of composable React
 
 #### Getting Started with Victory Native?
 
-[Check out the native version of this getting started tutorial][]
+Check out the documentation for [Victory Native XL](https://formidable.com/open-source/victory-native/) - the rewrite of Victory Native that favors flexibility, ease of use, and performance.
+
+For the legacy versions of Victory Native, see [Getting Started with Victory Native](/docs/native).
 
 ## Tutorial
 
@@ -432,4 +434,3 @@ For more information about Victory and its components, check out the docs - see
 [our guides]: /guides
 [Gallery]: /gallery
 [FAQs]: /docs/faq
-[Check out the native version of this getting started tutorial]: /docs/native
diff --git a/docs/src/content/introduction/native.md b/docs/src/content/introduction/native.md
index 41d6337c0..b11c74b41 100644
--- a/docs/src/content/introduction/native.md
+++ b/docs/src/content/introduction/native.md
@@ -8,6 +8,9 @@ scope: null
 
 # Getting Started with Victory Native
 
+> These docs are for the legacy versions of Victory Native. If you're looking for Victory Native XL docs, please [see here]
+(https://formidable.com/open-source/victory-native/).
+
 In this guide, we’ll show you how to get started with Victory Native and the React Native SVG dependency running in your React Native app for iOS and Android.
 
 #### 1. Adding Victory Native to your React Native app
diff --git a/docs/src/styles/global.js b/docs/src/styles/global.js
index 2dbc63bba..bf62f2806 100644
--- a/docs/src/styles/global.js
+++ b/docs/src/styles/global.js
@@ -251,6 +251,16 @@ const GlobalStyle = createGlobalStyle`
   button {
     cursor: pointer;
   }
+
+  blockquote {
+    border-left: 0.3rem solid ${({ theme }) => theme.color.red};
+    background: ${({ theme }) => theme.color.nearWhite};
+    padding: 2rem;
+
+    p {
+      margin: 0;
+    }
+  }
 `;
 
 export default GlobalStyle;