diff --git a/src/provider/GlobalStyles.tsx b/src/provider/GlobalStyles.tsx
index 50a7490f..6871cb9b 100644
--- a/src/provider/GlobalStyles.tsx
+++ b/src/provider/GlobalStyles.tsx
@@ -664,6 +664,8 @@ export const lightThemeCSS = css`
     --ac-global-color-primary: rgb(9, 105, 218);
     --ac-global-color-primary-900: rgba(9, 105, 218, 0.9);
     --ac-global-color-primary-700: rgba(9, 105, 218, 0.7);
+    --ac-global-color-primary-500: rgba(9, 105, 218, 0.5);
+    --ac-global-color-primary-300: rgba(9, 105, 218, 0.3);
 
     // The newer grays (grey)
     --ac-global-color-grey-50-rgb: 255, 255, 255;