Merge branch 'master' into add/status/colors

Author: FaheemOnHub

src/custom/TransferModal/TransferList/style.tsx

@@ -53,7 +53,7 @@ export const TransferButton = styled(Button)(({ theme }) => ({
   fill: theme.palette.icon.default,
   '&:hover': {
     borderColor: theme.palette.border?.brand,
-    backgroundColor: `${KEPPEL} !important`,
+    backgroundColor: `${theme.palette.interactive.primary} !important`,
     fill: theme.palette.icon.inverse
   }
 }));

src/custom/Workspaces/WorkspaceTransferButton.tsx

@@ -107,7 +107,7 @@ export const RecordRow: React.FC<RecordRowProps> = ({ title, name, date }) => {
               sx={{
                 fontSize: 14,
                 fontStyle: 'italic',
-                color: `${theme.palette.text.disabled}`,
+                color: `${theme.palette.background.constant?.white}99`,
                 paddingRight: '12px',
                 textAlign: 'end'
               }}

src/custom/Workspaces/styles.tsx

@@ -359,7 +359,7 @@ export const CardWrapper = styled(Card)(({ theme }) => ({
 
 export const CardBackWrapper = styled(CardWrapper)(({ theme }) => ({
   minHeight: theme.spacing(50),
-  background: 'linear-gradient(180deg, #007366 0%, #000 100%)'
+  background: theme.palette.surface.tint
 }));
 
 export const CardFrontWrapper = styled(CardWrapper)(({ theme }) => ({