styles

SingularityLabs-ai · Mar 4, 2024 · d03c0d7 · d03c0d7
1 parent 08ae5a4
commit d03c0d7
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 7 deletions.
diff --git a/src/content-script/ChatGPTContainer.tsx b/src/content-script/ChatGPTContainer.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import useSWRImmutable from 'swr/immutable'
-import { TriggerMode } from '../config'
+import { Theme, TriggerMode } from '../config'
 import ChatGPTCard from './ChatGPTCard'
 import { QueryStatus } from './ChatGPTQuery'
 import SimplifiedSingularityLabsSocial from './SimplifiedSingularityLabsSocial'
@@ -10,6 +10,7 @@ interface Props {
   promptSource: string
   triggerMode: TriggerMode
   arkoseToken: string
+  theme?: Theme
 }
 
 function ChatGPTContainer(props: Props) {
@@ -29,7 +30,7 @@ function ChatGPTContainer(props: Props) {
           triggerMode={props.triggerMode}
           onStatusChange={setQueryStatus}
         />
-        <SimplifiedSingularityLabsSocial />
+        <SimplifiedSingularityLabsSocial theme={props.theme} />
       </div>
     </>
   )

diff --git a/src/content-script/SimplifiedSingularityLabsSocial.tsx b/src/content-script/SimplifiedSingularityLabsSocial.tsx
@@ -121,7 +121,7 @@ function SimplifiedSingularityLabsSocial(props: Props) {
     .slice(0, n)
 
   return (
-    <div className="gpt-feedback flex flex-row px-2 py-2 rounded-[10px] items-center gap-2 justify-evenly">
+    <div className="footer gpt-feedback flex flex-row px-2 py-2 rounded-[10px] items-center gap-2 justify-evenly">
       {socials_shuffled.map((object) => (
         <span key={object.tooltipid} className="leading-none">
           <a

diff --git a/src/content-script/dark.scss b/src/content-script/dark.scss
@@ -1,9 +1,13 @@
 .chat-gpt-container.gpt-dark {
-
+  background-image: linear-gradient(to right, #434343 0%, #0d1117 100%);
   .chat-gpt-card {
     color: white;
     border-color: #3c4043;
-    background-color: #0d1117;
+    //background-color: #0d1117;
+    background:inherit;
+    #gpt-answer {
+      background:inherit;
+    }
   }
 
 	pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!

diff --git a/src/content-script/index.tsx b/src/content-script/index.tsx
@@ -43,6 +43,7 @@ async function mount(question: string, promptSource: string, siteConfig: SearchE
       promptSource={promptSource}
       arkoseToken={arkoseToken}
       triggerMode={userConfig.triggerMode || 'always'}
+      theme={theme}
     />,
     container,
   )

diff --git a/src/content-script/light.scss b/src/content-script/light.scss
@@ -1,9 +1,13 @@
 .chat-gpt-container.gpt-light {
-
+  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   .chat-gpt-card {
     color: black;
     border-color: #dadce0;
-    background-color: white;
+    //background-color: white;
+    background:inherit;
+    #gpt-answer {
+      background:inherit;
+    }
   }
 
 pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!