diff --git a/packages/shared/themes/base.ts b/packages/shared/themes/base.ts
index 6190fb43b7..a974a74fcd 100644
--- a/packages/shared/themes/base.ts
+++ b/packages/shared/themes/base.ts
@@ -56,6 +56,7 @@ const {
   shuttleGrey,
 
   blueMain,
+  blueDisabled,
 
   blueDenim,
   blueDenimTransparent,
@@ -357,7 +358,7 @@ export const getBaseTheme = () => {
       activeBorder: "1px solid #D0D5DA",
       activeBackground: grayLightMid,
       activeConnectBorder: "none",
-      activeConnectBackground: "#265A8F",
+      activeConnectBackground: blueLightMid,
 
       color: "rgba(0, 0, 0, 0.54)",
       disableColor: black,
@@ -859,7 +860,7 @@ export const getBaseTheme = () => {
     },
 
     inputPhone: {
-      activeBorderColor: "#2da7db",
+      activeBorderColor: blueMain,
       inactiveBorderColor: grayMid,
       errorBorderColor: "#f21c0e",
       backgroundColor: white,
@@ -1265,7 +1266,7 @@ export const getBaseTheme = () => {
           width: "24px",
           height: "24px",
           background: blueMain,
-          disabledBackground: "#A6DCF2",
+          disabledBackground: blueDisabled,
           borderWidth: "6px",
           borderStyle: "solid",
           borderColor: `${white}`,
@@ -1936,7 +1937,7 @@ export const getBaseTheme = () => {
       teamTrainingAlert: {
         titleColor: "#388BDE",
         borderColor: "#388BDE",
-        linkColor: "#5299E0",
+        linkColor: blueDenim,
       },
     },
 
@@ -2209,8 +2210,8 @@ export const getBaseTheme = () => {
         indicatorColor: "#ED7309",
 
         selectedItem: {
-          background: "#265a8f",
-          border: "#265a8f",
+          background: blueLightMid,
+          border: blueLightMid,
           color: white,
         },
       },
@@ -2487,7 +2488,7 @@ export const getBaseTheme = () => {
           background: "none",
           hoverBackground: grayLight,
           borderColor: grayLightMid,
-          isOpenBorderColor: "#2DA7DB",
+          isOpenBorderColor: blueMain,
           descriptionText: gray,
         },
         dropdownItem: {
@@ -2546,7 +2547,7 @@ export const getBaseTheme = () => {
           background: white,
           dropdownBorderColor: grayMid,
           hoverDropdownBorderColor: gray,
-          isOpenDropdownBorderColor: "#2DA7DB",
+          isOpenDropdownBorderColor: blueMain,
           arrowFill: gray,
         },
         folderInput: {
diff --git a/packages/shared/themes/dark.ts b/packages/shared/themes/dark.ts
index 0207f94f67..ae0d456140 100644
--- a/packages/shared/themes/dark.ts
+++ b/packages/shared/themes/dark.ts
@@ -47,6 +47,8 @@ const {
   shuttleGrey,
 
   blueMain,
+  blueDisabled,
+  blueDenim,
 
   orangePressed,
 
@@ -170,7 +172,7 @@ const Dark: TTheme = {
       baseActive: charlestonGreen,
       baseDisabled: charlestonGreen,
 
-      primary: "#5299E0",
+      primary: blueDenim,
       primaryHover: "#4D8AC7",
       primaryActive: "#427CB7",
       primaryDisabled: "#45709B",
@@ -832,7 +834,7 @@ const Dark: TTheme = {
   },
 
   inputPhone: {
-    activeBorderColor: "#2da7db",
+    activeBorderColor: blueMain,
     inactiveBorderColor: "#474747",
     errorBorderColor: "#f21c0e",
     backgroundColor: "#33333",
@@ -1235,7 +1237,7 @@ const Dark: TTheme = {
         width: "24px",
         height: "24px",
         background: grayMaxLight,
-        disabledBackground: "#A6DCF2",
+        disabledBackground: blueDisabled,
         borderWidth: "6px",
         borderStyle: "solid",
         borderColor: `${black}`,
@@ -1908,7 +1910,7 @@ const Dark: TTheme = {
     teamTrainingAlert: {
       titleColor: white,
       borderColor: "#388BDE",
-      linkColor: "#5299E0",
+      linkColor: blueDenim,
     },
   },