Add Dark Mode (#3936)

* k

* intermediate unification

* many changes

* update dark mode configs

* updates

* decent state

* functional

* mostly clean

* updaet model selector

* finalize

* calendar update

* additional styling

* nit

* k

* update colors

* push change

* k

* update

* k

* update

* address additions

* quick nit
This commit is contained in:
pablonyx
2025-02-09 15:09:40 -08:00
committed by GitHub
parent 217569104b
commit 519fbd897e
205 changed files with 2596 additions and 1536 deletions

View File

@@ -129,6 +129,7 @@ import {
useOperatingSystem,
useSidebarShortcut,
} from "@/lib/browserUtilities";
import { Button } from "@/components/ui/button";
const TEMP_USER_MESSAGE_ID = -1;
const TEMP_ASSISTANT_MESSAGE_ID = -2;
@@ -2260,7 +2261,7 @@ export function ChatPage({
<AssistantModal hideModal={() => setShowAssistantsModal(false)} />
)}
<div className="fixed inset-0 flex flex-col text-default">
<div className="fixed inset-0 flex flex-col text-text-dark">
<div className="h-[100dvh] overflow-y-hidden">
<div className="w-full">
<div
@@ -2417,7 +2418,7 @@ export function ChatPage({
className={`
flex-none
overflow-y-hidden
bg-background-100
bg-transparent
transition-all
bg-opacity-80
duration-300
@@ -2622,6 +2623,7 @@ export function ChatPage({
return (
<div
className="text-text"
id={`message-${message.messageId}`}
key={messageReactComponentKey}
ref={
@@ -2963,6 +2965,9 @@ export function ChatPage({
return (
<div key={messageReactComponentKey}>
<AIMessage
setPresentingDocument={
setPresentingDocument
}
currentPersona={liveAssistant}
messageId={message.messageId}
content={
@@ -3005,6 +3010,7 @@ export function ChatPage({
key={`${messageHistory.length}-${chatSessionIdRef.current}`}
>
<AIMessage
setPresentingDocument={setPresentingDocument}
key={-3}
currentPersona={liveAssistant}
alternativeAssistant={
@@ -3029,6 +3035,7 @@ export function ChatPage({
{loadingError && (
<div key={-1}>
<AIMessage
setPresentingDocument={setPresentingDocument}
currentPersona={liveAssistant}
messageId={-1}
content={
@@ -3153,7 +3160,7 @@ export function ChatPage({
<div className="mx-auto h-full flex">
<div
style={{ transition: "width 0.30s ease-out" }}
className={`flex-none bg-transparent transition-all bg-opacity-80 duration-300 epase-in-out h-full
className={`flex-none bg-transparent transition-all bg-opacity-80 duration-300 ease-in-out h-full
${
toggledSidebar && !settings?.isMobile
? "w-[250px] "