19462: Updating icon colors and process colors
authorSarah Wait Zaranek <swz@curii.com>
Mon, 12 Dec 2022 15:04:41 +0000 (10:04 -0500)
committerSarah Wait Zaranek <swz@curii.com>
Mon, 12 Dec 2022 15:05:35 +0000 (10:05 -0500)
Arvados-DCO-1.1-Signed-off-by: Sarah Wait Zaranek <swz@curii.com>

src/views/collection-content-address-panel/collection-content-address-panel.tsx
src/views/collection-panel/collection-panel.tsx
src/views/process-panel/process-io-card.tsx

index 8e8266cc22a732b05be7ce48f3308a4f6db33aa2..34d5608475c477a69b6a3664946c4aa0a50d9ac8 100644 (file)
@@ -40,13 +40,13 @@ type CssRules = 'backLink' | 'backIcon' | 'root' | 'content';
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     backLink: {
-        fontSize: '14px',
+        fontSize: '12px',
         fontWeight: 600,
         display: 'flex',
         alignItems: 'center',
         padding: theme.spacing.unit,
         marginBottom: theme.spacing.unit,
-        color: theme.palette.grey["700"],
+        color: theme.palette.grey["500"],
     },
     backIcon: {
         marginRight: theme.spacing.unit
index a28d5254ca0aa6892789001b7a29da626ec105de..b40e5af67534a2b838dcd00c05897119d070279b 100644 (file)
@@ -73,14 +73,14 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     },
     iconHeader: {
         fontSize: '1.875rem',
-        color: theme.customs.colors.yellow700
+        color: theme.customs.colors.grey600
     },
     tag: {
         marginRight: theme.spacing.unit / 2,
         marginBottom: theme.spacing.unit / 2
     },
     label: {
-        fontSize: '0.875rem'
+        fontSize: '0.975rem',
     },
     centeredLabel: {
         fontSize: '0.875rem',
index ceba293e34b4edef1815dc95b1977009f617132f..d541f6c02614650de4715f8da10bd0df8f7a297d 100644 (file)
@@ -185,7 +185,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         top: '-9px',
     },
     emptyValue: {
-        color: theme.customs.colors.grey500,
+        color: theme.customs.colors.grey600,
     },
     noBorderRow: {
         '& td': {