Merge pull request #193 from DavitBakhutashvili/feat/addCardBorder

fix: border color changed for white theme
l3vels · Oct 2, 2023 · 1c735e9 · 1c735e9
2 parents e7fb997 + 2a7275b
commit 1c735e9
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/apps/ui/src/modals/AIChatModal/components/ChatMessageList/components/HumanMessageText.tsx b/apps/ui/src/modals/AIChatModal/components/ChatMessageList/components/HumanMessageText.tsx
@@ -47,7 +47,7 @@ const StyledTextWrapper = styled.div`
   align-items: center;
   flex-wrap: wrap;
   & > * {
-    margin-right: 5px;
+    margin-right: 3px;
   }
 `
 

diff --git a/apps/ui/src/pages/Datasource/DatasourceCard/DatasourceCard.tsx b/apps/ui/src/pages/Datasource/DatasourceCard/DatasourceCard.tsx
@@ -102,7 +102,7 @@ const StyledCard = styled.div`
   min-width: 250px;
   height: 170px;
   min-height: 170px;
-
+  border: ${({ theme }) => theme.body.border};
   background: rgba(0, 0, 0, 0.2);
   /* background: rgba(0, 0, 0, 0.4); */
 

diff --git a/apps/ui/src/pages/Toolkit/components/ToolCard.tsx b/apps/ui/src/pages/Toolkit/components/ToolCard.tsx
@@ -69,6 +69,7 @@ const StyledRoot = styled.div<{ bgImg: string; isDisabled: boolean; isReadOnly:
   background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.4) 100%);
   background: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(8px);
+  border: ${({ theme }) => theme.body.border};
   border-radius: 16px;
   background-image: ${p =>
     p.bgImg &&

diff --git a/apps/ui/src/styles/theme.ts b/apps/ui/src/styles/theme.ts
@@ -56,7 +56,7 @@ const lightTheme: DefaultTheme = {
     backdropFilter: 'blur(50px);',
     textColorPrimary: 'rgb(59, 59, 59)',
     textColorSecondary: 'rgb(110,110,110)',
-    border: '1px solid #D2D2D2',
+    border: '1px solid #acacad',
     backgroundImageSecondary: defaultBgImageSecondary,
     testVariableColor: 'var(--color-highlight_blue)',
     iconColor: 'rgb(187,187,187)',