diff --git a/code/frameworks/react-native-web-vite/template/cli/js/Button.jsx b/code/frameworks/react-native-web-vite/template/cli/js/Button.jsx
index 4d87b6e2c4ea..ad2b64e95927 100644
--- a/code/frameworks/react-native-web-vite/template/cli/js/Button.jsx
+++ b/code/frameworks/react-native-web-vite/template/cli/js/Button.jsx
@@ -44,7 +44,7 @@ const styles = StyleSheet.create({
     lineHeight: 1,
   },
   primary: {
-    backgroundColor: '#1ea7fd',
+    backgroundColor: '#555ab9',
   },
   primaryText: {
     color: 'white',
@@ -52,6 +52,7 @@ const styles = StyleSheet.create({
   secondary: {
     backgroundColor: 'transparent',
     borderColor: 'rgba(0, 0, 0, 0.15)',
+    color: '#333',
     borderWidth: 1,
   },
   secondaryText: {
diff --git a/code/frameworks/react-native-web-vite/template/cli/js/Page.jsx b/code/frameworks/react-native-web-vite/template/cli/js/Page.jsx
index 19c4b4cc90ac..7e7b436acdcc 100644
--- a/code/frameworks/react-native-web-vite/template/cli/js/Page.jsx
+++ b/code/frameworks/react-native-web-vite/template/cli/js/Page.jsx
@@ -116,7 +116,8 @@ const styles = StyleSheet.create({
   },
 
   a: {
-    color: '#1ea7fd',
+    color: '#1a237e',
+    textDecorationLine: 'underline',
   },
 
   ul: {
@@ -141,7 +142,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     lineHeight: 12,
     fontWeight: '700',
-    color: '#66bf3c',
+    color: '#1a237e',
   },
 
   tipWrapper: {
diff --git a/code/frameworks/react-native-web-vite/template/cli/ts/Button.tsx b/code/frameworks/react-native-web-vite/template/cli/ts/Button.tsx
index ed17e64a3d20..444eec25985e 100644
--- a/code/frameworks/react-native-web-vite/template/cli/ts/Button.tsx
+++ b/code/frameworks/react-native-web-vite/template/cli/ts/Button.tsx
@@ -58,7 +58,7 @@ const styles = StyleSheet.create({
     lineHeight: 1,
   },
   primary: {
-    backgroundColor: '#1ea7fd',
+    backgroundColor: '#555ab9',
   },
   primaryText: {
     color: 'white',
@@ -66,6 +66,7 @@ const styles = StyleSheet.create({
   secondary: {
     backgroundColor: 'transparent',
     borderColor: 'rgba(0, 0, 0, 0.15)',
+    color: '#333',
     borderWidth: 1,
   },
   secondaryText: {
diff --git a/code/frameworks/react-native-web-vite/template/cli/ts/Page.tsx b/code/frameworks/react-native-web-vite/template/cli/ts/Page.tsx
index 1c9a7191c148..2303b97554ca 100644
--- a/code/frameworks/react-native-web-vite/template/cli/ts/Page.tsx
+++ b/code/frameworks/react-native-web-vite/template/cli/ts/Page.tsx
@@ -108,7 +108,8 @@ const styles = StyleSheet.create({
   },
 
   a: {
-    color: '#1ea7fd',
+    color: '#1a237e',
+    textDecorationLine: 'underline',
   },
 
   ul: {
@@ -133,7 +134,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     lineHeight: 12,
     fontWeight: '700',
-    color: '#66bf3c',
+    color: '#1a237e',
   },
 
   tipWrapper: {