Chatscope chat style overrides

Must do all this to over-ride the default styles. chatscope/chat-ui-kit-styles#5
Kari-C · Apr 28, 2024 · ef4e9df · ef4e9df
1 parent 2ec355d
commit ef4e9df
Show file tree

Hide file tree

Showing 7 changed files with 988 additions and 2 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -139,8 +139,9 @@ export default function Home() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <main className={styles.main}>
+      <main >
         <div
+          className="bg-white dark:bg-slate-800 dark:text-white"
           style={{ position: "relative", height: "98vh", overflow: "hidden" }}
         >
           <MainContainer>

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -1 +1,2 @@
-@import 'globals';
+@import 'globals';
+@import '../themes/default/main.scss';
diff --git a/src/themes/default/_chat_overrides.scss b/src/themes/default/_chat_overrides.scss
@@ -0,0 +1,4 @@
+@import "../../../node_modules/@chatscope/chat-ui-kit-styles/themes/default/variables";
+
+$color-primary-light: #192bd5!default;
+$color-primary: rgb(142, 142, 170)!default;