Use Baseweb color tokens for shadow

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

Author: adhityamamallan

src/views/shared/workflows-list/workflows-list.styles.ts

@@ -11,10 +11,10 @@ export const styled = {
       display: 'none',
     },
     backgroundImage: [
-      'linear-gradient(to right, #FFFFFF 30%, rgba(255, 255, 255, 0))',
-      'linear-gradient(to left, #FFFFFF 30%, rgba(255, 255, 255, 0))',
-      'linear-gradient(to right, rgba(124, 124, 124, 0.1), rgba(124, 124, 124, 0))',
-      'linear-gradient(to left, rgba(124, 124, 124, 0.1), rgba(124, 124, 124, 0))',
+      `linear-gradient(to right, ${$theme.colors.backgroundPrimary} 30%, ${$theme.colors.backgroundPrimary}00)`,
+      `linear-gradient(to left, ${$theme.colors.backgroundPrimary} 30%, ${$theme.colors.backgroundPrimary}00)`,
+      `linear-gradient(to right, ${$theme.colors.borderTransparent}, ${$theme.colors.borderSelected}00)`,
+      `linear-gradient(to left, ${$theme.colors.borderTransparent}, ${$theme.colors.borderSelected}00)`,
     ].join(', '),
     backgroundPosition: 'left center, right center, left center, right center',
     backgroundRepeat: 'no-repeat',