Better Upload Info colors and contrast, thicker arrows -- #290

cytoscape · May 23, 2024 · a82b87a · a82b87a
1 parent 932363b
commit a82b87a
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/src/client/components/home/upload-panel.js b/src/client/components/home/upload-panel.js
@@ -90,7 +90,7 @@ const useSampleTableStyles = makeStyles((theme) => ({
     fontFamily: 'Monaco,Courier New,Monospace',
     paddingLeft: theme.spacing(1),
     paddingRight: theme.spacing(1),
-    color: theme.palette.text.disabled,
+    color: theme.palette.text.secondary,
     [theme.breakpoints.down('xs')]: {
       paddingTop: theme.spacing(0.25),
       paddingBottom: theme.spacing(0.25),
@@ -99,33 +99,33 @@ const useSampleTableStyles = makeStyles((theme) => ({
   tableHeadCell: {
     paddingTop: theme.spacing(1.25),
     paddingBottom: theme.spacing(1.25),
-    borderBottom: `3px double ${theme.palette.divider}`,
+    borderBottom: `4px double ${theme.palette.divider}`,
     verticalAlign: 'top',
     [theme.breakpoints.down('xs')]: {
       paddingTop: 'inherit',
       paddingBottom: 'inherit',
     },
   },
   geneTableHeadCell: {
-    borderTop: `2px double ${theme.palette.text.accent}`,
+    borderTop: `4px double ${theme.palette.text.accent}`,
   },
   sample1TableHeadCell: {
-    borderTop: `2px double ${theme.palette.primary.main}`,
+    borderTop: `4px double ${theme.palette.primary.main}`,
   },
   sample2TableHeadCell: {
-    borderTop: `2px double ${theme.palette.primary.main}`,
+    borderTop: `4px double ${theme.palette.primary.main}`,
   },
   othersTableHeadCell: {
-    borderTop: `2px double ${theme.palette.primary.main}`,
+    borderTop: `4px double ${theme.palette.primary.main}`,
   },
   samplenTableHeadCell: {
-    borderTop: `2px double ${theme.palette.primary.main}`,
+    borderTop: `4px double ${theme.palette.primary.main}`,
   },
   rankTableHeadCell: {
-    borderTop: `2px double ${theme.palette.primary.main}`,
+    borderTop: `4px double ${theme.palette.primary.main}`,
   },
   spotlight: {
-    backgroundColor: theme.palette.action.selected,
+    backgroundColor: theme.palette.action.hover,
   },
 }));
 
@@ -318,8 +318,8 @@ export function UploadPanel({ isMobile, initialFormat, onFormatChanged }) {
         onChange={handleChange}
       >
         <ArcherContainer
-          strokeWidth={1}
-          strokeDasharray="1,4"
+          strokeWidth={2}
+          strokeDasharray="2,4"
           lineStyle="straight"
           className={classes.archerContainer}
         >
@@ -361,8 +361,8 @@ export function UploadPanel({ isMobile, initialFormat, onFormatChanged }) {
         onChange={handleChange}
       >
         <ArcherContainer
-          strokeWidth={1}
-          strokeDasharray="1,4"
+          strokeWidth={2}
+          strokeDasharray="2,4"
           lineStyle="straight"
           className={classes.archerContainer}
         >