Merge pull request #2720 from daostack/Chat-palette-fixings-in-dark-mode

Chat palette fixings in dark mode
daostack · Aug 6, 2024 · 2916c3d · 2916c3d
2 parents 84cf027 + 2e77e09
commit 2916c3d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/...common/components/JoinProjectModal/components/JoinProjectForm/JoinProjectForm.module.scss b/...common/components/JoinProjectModal/components/JoinProjectForm/JoinProjectForm.module.scss
@@ -9,7 +9,7 @@
 }
 
 .field {
-  border: 0.0625rem $light-gray-3 solid;
+  border: 0.0625rem var(--gentle-stroke) solid;
 
   &::placeholder {
     font-size: $xsmall;
@@ -22,10 +22,12 @@
   width: 100%;
   border-width: 0;
   outline: 0;
-  border: 0.0625rem $light-gray-3 solid;
+  border: 0.0625rem var(--gentle-stroke) solid;
   height: 100%;
   min-height: 6.4375rem;
   padding: 0.75rem;
+  background-color: var(--secondary-background);
+  color: var(--primary-text);
 
   @include tablet {
     max-height: 4.25rem;

diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -62,7 +62,7 @@
 .messageText {
   padding: 0.5rem 0rem;
   border-radius: 0.875rem;
-  background-color: var(--secondary-hover-fill);
+  background-color: var(--secondary-background);
   flex-direction: row;
   box-sizing: border-box;
   position: relative;

diff --git a/src/shared/components/Separator/index.scss b/src/shared/components/Separator/index.scss
@@ -3,5 +3,5 @@
 .general-separator {
   width: 100%;
   height: 1px;
-  background-color: $light-gray-1;
+  background-color: var(--gentle-stroke);
 }
diff --git a/src/shared/constants/theme.ts b/src/shared/constants/theme.ts
@@ -54,7 +54,7 @@ export const ThemeColorsValues = {
     [ThemeColors.secondaryBackground]: "#1f2124",
     [ThemeColors.hoverFill]: "#271d21",
     [ThemeColors.secondaryHoverFill]: "#432b33",
-    [ThemeColors.primaryText]: "#ffffff",
+    [ThemeColors.primaryText]: "#ddd",
     [ThemeColors.secondaryText]: "#a75a93",
     [ThemeColors.tertiaryText]: "#001a36",
     [ThemeColors.quaternaryText]: "#432B33",