removed last Legacy Colors outside of components, do the same for com…

…ponents in CL
Opentrons · Jan 12, 2024 · 847042b · 847042b
1 parent 4048ff0
commit 847042b
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 16 deletions.
diff --git a/app/src/DesignTokens/Colors/Colors.stories.tsx b/app/src/DesignTokens/Colors/Colors.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import {
   Flex,
-  LEGACY_COLORS,
+  COLORS,
   DIRECTION_COLUMN,
   DIRECTION_ROW,
   SPACING,
@@ -51,7 +51,7 @@ const Template: Story<ColorsStorybookProps> = args => {
   }
 
   const handleClick = (colorName: string): void => {
-    navigator.clipboard.writeText(`LEGACY_COLORS.${colorName}`)
+    navigator.clipboard.writeText(`COLORS.${colorName}`)
     setCopiedColor(colorName)
     setTimeout(() => {
       setCopiedColor(null)
@@ -109,7 +109,7 @@ const Template: Story<ColorsStorybookProps> = args => {
 }
 
 export const AllColors = Template.bind({})
-const allColors = Object.entries(LEGACY_COLORS)
+const allColors = Object.entries(COLORS)
 AllColors.args = {
   colors: allColors,
 }
diff --git a/app/src/atoms/MenuList/OverflowBtn.tsx b/app/src/atoms/MenuList/OverflowBtn.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { css } from 'styled-components'
-import { Btn, LEGACY_COLORS, SPACING } from '@opentrons/components'
+import { Btn, COLORS, SPACING } from '@opentrons/components'
 
 export const OverflowBtn = React.forwardRef(
   (

diff --git a/app/src/atoms/buttons/SmallButton.tsx b/app/src/atoms/buttons/SmallButton.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { css } from 'styled-components'
 import {
   TYPOGRAPHY,
-  LEGACY_COLORS,
+  COLORS,
   SPACING,
   BORDERS,
   Btn,
@@ -80,16 +80,16 @@ export function SmallButton(props: SmallButtonProps): JSX.Element {
     },
     tertiaryHighLight: {
       defaultColor: COLORS.black90,
-      defaultBackgroundColor: `${COLORS.blue50}${LEGACY_COLORS.opacity0HexCode}`,
+      defaultBackgroundColor: `${COLORS.blue50}00`,
       activeBackgroundColor: `${COLORS.grey35}`,
-      disabledBackgroundColor: `${COLORS.blue50}${LEGACY_COLORS.opacity0HexCode}`,
+      disabledBackgroundColor: `${COLORS.blue50}00`,
       disabledColor: `${COLORS.grey50}`,
     },
     tertiaryLowLight: {
       defaultColor: `${COLORS.grey60}`,
-      defaultBackgroundColor: ` ${COLORS.blue50}${LEGACY_COLORS.opacity0HexCode}`,
+      defaultBackgroundColor: ` ${COLORS.blue50}00`,
       activeBackgroundColor: `${COLORS.grey35}`,
-      disabledBackgroundColor: `${COLORS.blue50}${LEGACY_COLORS.opacity0HexCode}`,
+      disabledBackgroundColor: `${COLORS.blue50}00`,
       disabledColor: `${COLORS.grey50}`,
     },
   }

diff --git a/app/src/molecules/Modal/ModalHeader.stories.tsx b/app/src/molecules/Modal/ModalHeader.stories.tsx
@@ -18,7 +18,7 @@ export default {
           COLORS.black90,
           COLORS.blue50,
           COLORS.red50,
-          LEGACY_COLORS.successText,
+          COLORS.green60,
         ],
       },
     },

diff --git a/app/src/organisms/Devices/ProtocolRun/SetupModuleAndDeck/SetupFixtureList.tsx b/app/src/organisms/Devices/ProtocolRun/SetupModuleAndDeck/SetupFixtureList.tsx
@@ -124,7 +124,7 @@ export function FixtureListItem({
         status={t('configured')}
         backgroundColor={COLORS.green20}
         iconColor={COLORS.green50}
-        textColor={LEGACY_COLORS.successText}
+        textColor={COLORS.green60}
       />
     )
   }

diff --git a/app/src/organisms/Devices/ProtocolRun/SetupModuleAndDeck/SetupModulesList.tsx b/app/src/organisms/Devices/ProtocolRun/SetupModuleAndDeck/SetupModulesList.tsx
@@ -322,7 +322,7 @@ export function ModulesListItem({
       status={moduleConnectionStatus}
       backgroundColor={COLORS.green20}
       iconColor={COLORS.green50}
-      textColor={LEGACY_COLORS.successText}
+      textColor={COLORS.green60}
     />
   )
 

diff --git a/app/src/organisms/RobotSettingsDashboard/NetworkSettings/NetworkDetailsModal.tsx b/app/src/organisms/RobotSettingsDashboard/NetworkSettings/NetworkDetailsModal.tsx
@@ -5,7 +5,7 @@ import {
   Flex,
   SPACING,
   TYPOGRAPHY,
-  LEGACY_COLORS,
+  COLORS,
   DIRECTION_COLUMN,
   DIRECTION_ROW,
   ALIGN_CENTER,
@@ -76,7 +76,7 @@ function ListItem({ itemName, itemValue }: ListItemProps): JSX.Element {
       flexDirection={DIRECTION_ROW}
       alignItems={ALIGN_CENTER}
       padding={`${SPACING.spacing16} ${SPACING.spacing24}`}
-      backgroundColor={LEGACY_COLORS.grey3}
+      backgroundColor={COLORS.grey40}
       justifyContent={JUSTIFY_SPACE_BETWEEN}
       borderRadius={BORDERS.borderRadiusSize3}
     >

diff --git a/app/src/organisms/RunPreview/index.tsx b/app/src/organisms/RunPreview/index.tsx
@@ -14,7 +14,6 @@ import {
   TYPOGRAPHY,
   BORDERS,
   COLORS,
-  LEGACY_COLORS,
   POSITION_FIXED,
 } from '@opentrons/components'
 
@@ -119,7 +118,7 @@ export const RunPreviewComponent = (
                 width="100%"
                 border={`solid 1px ${
                   index === jumpedIndex
-                    ? LEGACY_COLORS.electricPurple
+                    ? COLORS.purple40
                     : borderColor
                 }`}
                 backgroundColor={