Merge pull request #340 from allen-cell-animated/fix/tag-styling

fix: Changed "In Review" flag styling
allen-cell-animated · Dec 11, 2024 · cc77aa3 · cc77aa3
2 parents 849cc9f + 812f642
commit cc77aa3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/aics-image-viewer/components/StyleProvider/index.tsx b/src/aics-image-viewer/components/StyleProvider/index.tsx
@@ -105,8 +105,8 @@ const theme = {
       bannerBg: "#020202DB",
     },
     statusFlag: {
-      bg: palette.veryLtPurple,
-      text: palette.veryDarkPurple,
+      border: palette.medGrey,
+      text: palette.ltGrey,
     },
     layout: {
       dividers: palette.medGrey,
@@ -204,7 +204,7 @@ const CssProvider = styled.div<{ $theme: AppTheme }>`
       --color-landingpage-text: ${$theme.colors.landingPage.text};
       --color-landingpage-banner-highlight-bg: ${$theme.colors.landingPage.bannerBg};
 
-      --color-statusflag-bg: ${$theme.colors.statusFlag.bg};
+      --color-statusflag-border: ${$theme.colors.statusFlag.border};
       --color-statusflag-text: ${$theme.colors.statusFlag.text};
 
       --color-layout-dividers: ${$theme.colors.layout.dividers};

diff --git a/website/components/LandingPage/index.tsx b/website/components/LandingPage/index.tsx
@@ -209,15 +209,15 @@ const DatasetCard = styled.li`
 const InReviewFlag = styled(FlexRowAlignCenter)`
   border-radius: 4px;
   padding: 1px 6px;
-  background-color: var(--color-statusflag-bg);
-  height: 22px;
+  border: 1px solid var(--color-statusflag-border);
+  height: 23px;
   flex-wrap: wrap;
 
   && > p {
     margin-bottom: 0;
     color: var(--color-statusflag-text);
     font-size: 11px;
-    font-weight: 600;
+    font-weight: 500;
     white-space: nowrap;
   }
 `;