Merge pull request #208 from DavitBakhutashvili/fix/teamChatCard-hove…

…r-color-selected
l3vels · Oct 5, 2023 · 93debd6 · 93debd6
2 parents a147b62 + 9e3dc62
commit 93debd6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/apps/ui/src/components/ChatCards/TeamChatCard.tsx b/apps/ui/src/components/ChatCards/TeamChatCard.tsx
@@ -109,9 +109,9 @@ export const StyledAgentWrapper = styled.div<{ picked: boolean }>`
   ${props =>
     props.picked &&
     css`
-      background: rgba(250, 250, 250, 0.3);
+      background: ${({ theme }) => theme.body.teamChatCardSelectedColor};
       :hover {
-        background: rgba(250, 250, 250, 0.3);
+        background: ${({ theme }) => theme.body.teamChatCardSelectedColor};
       }
     `}
 `

diff --git a/apps/ui/src/styled.d.ts b/apps/ui/src/styled.d.ts
@@ -32,6 +32,7 @@ declare module 'styled-components' {
       toolkitCardBgColorPrimary: string
       toolkitCardBgColorSecondary: string
       toolkitCardBgColorTertiary: string
+      teamChatCardSelectedColor: string
     }
     typography: {
       contentPrimary: string

diff --git a/apps/ui/src/styles/theme.ts b/apps/ui/src/styles/theme.ts
@@ -34,6 +34,7 @@ const darkTheme: DefaultTheme = {
     toolkitCardBgColorPrimary: 'linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.4) 100%)',
     toolkitCardBgColorSecondary: 'rgba(0, 0, 0, 0.8)',
     toolkitCardBgColorTertiary: '#000',
+    teamChatCardSelectedColor: 'rgba(250, 250, 250, 0.3)',
   },
   typography: {
     contentPrimary: 'var(--color-primitive-white)',
@@ -82,6 +83,7 @@ const lightTheme: DefaultTheme = {
     toolkitCardBgColorPrimary: 'rgb(253,252,250)',
     toolkitCardBgColorSecondary: 'rgb(253,252,250)',
     toolkitCardBgColorTertiary: '#f3f3f3',
+    teamChatCardSelectedColor: 'rgb(217,217,217)',
   },
   typography: {
     contentPrimary: 'rgb(0,0,0)',