Skip to content

Commit c8c6181

Browse files
shatfield4timothycarambat
shatfield4
and
timothycarambat
authoredJun 17, 2024
[CHORE] Clean up text and bg hex colors (Mintplex-Labs#1685)
clean up text and bg hex colors Co-authored-by: Timothy Carambat <rambat1010@gmail.com>
1 parent c5ba2d7 commit c8c6181

File tree

36 files changed

+94
-86
lines changed

36 files changed

+94
-86
lines changed
 

‎frontend/src/components/ContextualSaveBar/index.jsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export default function ContextualSaveBar({
88
if (!showing) return null;
99

1010
return (
11-
<div className="fixed top-0 left-0 right-0 h-14 bg-[#18181B] flex items-center justify-end px-4 z-[999]">
11+
<div className="fixed top-0 left-0 right-0 h-14 bg-dark-input flex items-center justify-end px-4 z-[999]">
1212
<div className="absolute ml-4 left-0 md:left-1/2 transform md:-translate-x-1/2 flex items-center gap-x-2">
1313
<Warning size={18} className="text-white" />
1414
<p className="text-white font-medium text-xs">Unsaved Changes</p>
@@ -21,7 +21,7 @@ export default function ContextualSaveBar({
2121
Cancel
2222
</button>
2323
<button
24-
className="border-none text-[#222628] font-medium text-sm px-[10px] py-[6px] rounded-md bg-[#46C8FF] hover:bg-[#3DB5E8]"
24+
className="border-none text-dark-text font-medium text-sm px-[10px] py-[6px] rounded-md bg-primary-button hover:bg-[#3DB5E8]"
2525
onClick={onSave}
2626
>
2727
Save

‎frontend/src/components/EmbeddingSelection/EmbedderItem/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export default function EmbedderItem({
2929
/>
3030
<div className="flex flex-col">
3131
<div className="text-sm font-semibold text-white">{name}</div>
32-
<div className="mt-1 text-xs text-[#D2D5DB]">{description}</div>
32+
<div className="mt-1 text-xs text-description">{description}</div>
3333
</div>
3434
</div>
3535
</div>

‎frontend/src/components/LLMSelection/LLMItem/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export default function LLMItem({
2929
/>
3030
<div className="flex flex-col">
3131
<div className="text-sm font-semibold text-white">{name}</div>
32-
<div className="mt-1 text-xs text-[#D2D5DB]">{description}</div>
32+
<div className="mt-1 text-xs text-description">{description}</div>
3333
</div>
3434
</div>
3535
</div>

‎frontend/src/components/Modals/DisplayRecoveryCodeModal/index.jsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ export default function RecoveryCodeModal({
3232
};
3333

3434
return (
35-
<div className="inline-block bg-[#2C2F36] rounded-lg text-left overflow-hidden shadow-xl transform transition-all border-2 border-[#BCC9DB]/10 w-[600px] mx-4">
35+
<div className="inline-block bg-secondary rounded-lg text-left overflow-hidden shadow-xl transform transition-all border-2 border-[#BCC9DB]/10 w-[600px] mx-4">
3636
<div className="md:py-[35px] md:px-[50px] py-[28px] px-[20px]">
3737
<div className="flex gap-x-2">
3838
<Key size={24} className="text-white" weight="bold" />
@@ -51,7 +51,7 @@ export default function RecoveryCodeModal({
5151
<b className="mt-4">These recovery codes are only shown once!</b>
5252
</p>
5353
<div
54-
className="bg-[#1C1E21] text-white hover:text-[#46C8FF]
54+
className="bg-dark-highlight text-white hover:text-primary-button
5555
flex items-center justify-center rounded-md mt-6 cursor-pointer"
5656
onClick={handleCopyToClipboard}
5757
>
@@ -68,7 +68,7 @@ export default function RecoveryCodeModal({
6868
<div className="flex w-full justify-center items-center p-3 space-x-2 rounded-b border-gray-500/50 -mt-4 mb-4">
6969
<button
7070
type="button"
71-
className="transition-all duration-300 text-xs md:w-[500px] md:h-[34px] h-[48px] w-full m-2 font-semibold rounded-lg bg-[#46C8FF] hover:bg-[#2C2F36] border-2 border-transparent hover:border-[#46C8FF] hover:text-white whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)] flex justify-center items-center gap-x-2"
71+
className="transition-all duration-300 text-xs md:w-[500px] md:h-[34px] h-[48px] w-full m-2 font-semibold rounded-lg bg-primary-button hover:bg-secondary border-2 border-transparent hover:border-[#46C8FF] hover:text-white whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)] flex justify-center items-center gap-x-2"
7272
onClick={downloadClicked ? handleClose : downloadRecoveryCodes}
7373
>
7474
{downloadClicked ? (

‎frontend/src/components/Modals/ManageWorkspace/DataConnectors/Connectors/Confluence/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -146,7 +146,7 @@ export default function ConfluenceOptions() {
146146
<button
147147
type="submit"
148148
disabled={loading}
149-
className="mt-2 w-full justify-center border border-slate-200 px-4 py-2 rounded-lg text-[#222628] text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed"
149+
className="mt-2 w-full justify-center border border-slate-200 px-4 py-2 rounded-lg text-dark-text text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed"
150150
>
151151
{loading ? "Collecting pages..." : "Submit"}
152152
</button>

‎frontend/src/components/Modals/ManageWorkspace/DataConnectors/Connectors/Github/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -146,7 +146,7 @@ export default function GithubOptions() {
146146
<button
147147
type="submit"
148148
disabled={loading}
149-
className="mt-2 w-full justify-center border border-slate-200 px-4 py-2 rounded-lg text-[#222628] text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed"
149+
className="mt-2 w-full justify-center border border-slate-200 px-4 py-2 rounded-lg text-dark-text text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed"
150150
>
151151
{loading ? "Collecting files..." : "Submit"}
152152
</button>

‎frontend/src/components/Modals/ManageWorkspace/DataConnectors/Connectors/WebsiteDepth/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ export default function WebsiteDepthOptions() {
116116
disabled={loading}
117117
className={`mt-2 w-full ${
118118
loading ? "cursor-not-allowed animate-pulse" : ""
119-
} justify-center border border-slate-200 px-4 py-2 rounded-lg text-[#222628] text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed`}
119+
} justify-center border border-slate-200 px-4 py-2 rounded-lg text-dark-text text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed`}
120120
>
121121
{loading ? "Scraping website..." : "Submit"}
122122
</button>

‎frontend/src/components/Modals/ManageWorkspace/DataConnectors/Connectors/Youtube/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ export default function YoutubeOptions() {
7373
<button
7474
type="submit"
7575
disabled={loading}
76-
className="mt-2 w-full justify-center border border-slate-200 px-4 py-2 rounded-lg text-[#222628] text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed"
76+
className="mt-2 w-full justify-center border border-slate-200 px-4 py-2 rounded-lg text-dark-text text-sm font-bold items-center flex gap-x-2 bg-slate-200 hover:bg-slate-300 hover:text-slate-800 disabled:bg-slate-300 disabled:cursor-not-allowed"
7777
>
7878
{loading ? "Collecting transcript..." : "Collect transcript"}
7979
</button>

‎frontend/src/components/Modals/ManageWorkspace/Documents/Directory/FolderRow/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export default function FolderRow({
2222
<>
2323
<tr
2424
onClick={onRowClick}
25-
className={`text-white/80 text-xs grid grid-cols-12 py-2 pl-3.5 pr-8 bg-[#1C1E21] hover:bg-sky-500/20 cursor-pointer w-full file-row ${
25+
className={`text-white/80 text-xs grid grid-cols-12 py-2 pl-3.5 pr-8 bg-dark-highlight hover:bg-sky-500/20 cursor-pointer w-full file-row ${
2626
selected ? "selected" : ""
2727
}`}
2828
>

‎frontend/src/components/Modals/ManageWorkspace/Documents/Directory/index.jsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -256,9 +256,9 @@ function Directory({
256256
onClick={() =>
257257
setShowFolderSelection(!showFolderSelection)
258258
}
259-
className="border-none text-sm font-semibold bg-white h-[32px] w-[32px] rounded-lg text-[#222628] hover:bg-neutral-800/80 flex justify-center items-center group"
259+
className="border-none text-sm font-semibold bg-white h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 flex justify-center items-center group"
260260
>
261-
<MoveToFolderIcon className="text-[#222628] group-hover:text-white" />
261+
<MoveToFolderIcon className="text-dark-text group-hover:text-white" />
262262
</button>
263263
{showFolderSelection && (
264264
<FolderSelectionPopup
@@ -272,7 +272,7 @@ function Directory({
272272
</div>
273273
<button
274274
onClick={deleteFiles}
275-
className="border-none text-sm font-semibold bg-white h-[32px] w-[32px] rounded-lg text-[#222628] hover:text-white hover:bg-neutral-800/80 flex justify-center items-center"
275+
className="border-none text-sm font-semibold bg-white h-[32px] w-[32px] rounded-lg text-dark-text hover:text-white hover:bg-neutral-800/80 flex justify-center items-center"
276276
>
277277
<Trash size={18} weight="bold" />
278278
</button>

‎frontend/src/components/Modals/Password/MultiUserAuth.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -81,13 +81,13 @@ const RecoveryForm = ({ onSubmit, setShowRecoveryForm }) => {
8181
<div className="flex items-center md:p-12 md:px-0 px-6 mt-12 md:mt-0 space-x-2 border-gray-600 w-full flex-col gap-y-8">
8282
<button
8383
type="submit"
84-
className="md:text-[#46C8FF] md:bg-transparent md:w-[300px] text-[#222628] text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-[#46C8FF] bg-[#46C8FF] focus:z-10 w-full"
84+
className="md:text-primary-button md:bg-transparent md:w-[300px] text-dark-text text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-primary-button bg-primary-button focus:z-10 w-full"
8585
>
8686
Reset Password
8787
</button>
8888
<button
8989
type="button"
90-
className="text-white text-sm flex gap-x-1 hover:text-[#46C8FF] hover:underline -mb-8"
90+
className="text-white text-sm flex gap-x-1 hover:text-primary-button hover:underline -mb-8"
9191
onClick={() => setShowRecoveryForm(false)}
9292
>
9393
Back to Login
@@ -150,7 +150,7 @@ const ResetPasswordForm = ({ onSubmit }) => {
150150
<div className="flex items-center md:p-12 md:px-0 px-6 mt-12 md:mt-0 space-x-2 border-gray-600 w-full flex-col gap-y-8">
151151
<button
152152
type="submit"
153-
className="md:text-[#46C8FF] md:bg-transparent md:w-[300px] text-[#222628] text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-[#46C8FF] bg-[#46C8FF] focus:z-10 w-full"
153+
className="md:text-primary-button md:bg-transparent md:w-[300px] text-dark-text text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-primary-button bg-primary-button focus:z-10 w-full"
154154
>
155155
Reset Password
156156
</button>
@@ -319,13 +319,13 @@ export default function MultiUserAuth() {
319319
<button
320320
disabled={loading}
321321
type="submit"
322-
className="md:text-[#46C8FF] md:bg-transparent text-[#222628] text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-[#46C8FF] bg-[#46C8FF] focus:z-10 w-full"
322+
className="md:text-primary-button md:bg-transparent text-dark-text text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-primary-button bg-primary-button focus:z-10 w-full"
323323
>
324324
{loading ? "Validating..." : "Login"}
325325
</button>
326326
<button
327327
type="button"
328-
className="text-white text-sm flex gap-x-1 hover:text-[#46C8FF] hover:underline"
328+
className="text-white text-sm flex gap-x-1 hover:text-primary-button hover:underline"
329329
onClick={handleResetPassword}
330330
>
331331
Forgot password?<b>Reset</b>

‎frontend/src/components/Modals/Password/SingleUserAuth.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ export default function SingleUserAuth() {
104104
<button
105105
disabled={loading}
106106
type="submit"
107-
className="md:text-[#46C8FF] md:bg-transparent text-[#222628] text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-[#46C8FF] bg-[#46C8FF] focus:z-10 w-full"
107+
className="md:text-primary-button md:bg-transparent text-dark-text text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-[#46C8FF] md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-primary-button bg-primary-button focus:z-10 w-full"
108108
>
109109
{loading ? "Validating..." : "Login"}
110110
</button>

‎frontend/src/components/VectorDBSelection/VectorDBItem/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export default function VectorDBItem({
2929
/>
3030
<div className="flex flex-col">
3131
<div className="text-sm font-semibold text-white">{name}</div>
32-
<div className="mt-1 text-xs text-[#D2D5DB]">{description}</div>
32+
<div className="mt-1 text-xs text-description">{description}</div>
3333
</div>
3434
</div>
3535
</div>

‎frontend/src/components/lib/CTAButton/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export default function CTAButton({
88
<button
99
disabled={disabled}
1010
onClick={() => onClick?.()}
11-
className={`text-xs px-4 py-1 font-semibold rounded-lg bg-[#46C8FF] hover:bg-[#2C2F36] hover:text-white h-[34px] -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)] w-fit ${className}`}
11+
className={`text-xs px-4 py-1 font-semibold rounded-lg bg-primary-button hover:bg-secondary hover:text-white h-[34px] -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)] w-fit ${className}`}
1212
>
1313
<div className="flex items-center justify-center gap-2">{children}</div>
1414
</button>

‎frontend/src/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -616,7 +616,7 @@ dialog::backdrop {
616616
}
617617

618618
.file-row:nth-child(even) {
619-
@apply bg-[#1C1E21];
619+
@apply bg-dark-highlight;
620620
}
621621

622622
.file-row:nth-child(odd) {

‎frontend/src/pages/Admin/Agents/SQLConnectorSelection/DBConnection.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export default function DBConnection({ connection, onRemove, setHasChanges }) {
3333
<div className="flex w-full items-center justify-between">
3434
<div className="flex flex-col">
3535
<div className="text-sm font-semibold text-white">{database_id}</div>
36-
<div className="mt-1 text-xs text-[#D2D5DB]">{engine}</div>
36+
<div className="mt-1 text-xs text-description">{engine}</div>
3737
</div>
3838
<button
3939
type="button"

‎frontend/src/pages/Admin/Agents/SQLConnectorSelection/NewConnectionModal.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -239,7 +239,7 @@ export default function NewSQLConnection({ isOpen, closeModal, onSubmit }) {
239239
<button
240240
type="submit"
241241
form="sql-connection-form"
242-
className="border-none text-xs px-2 py-1 font-semibold rounded-lg bg-[#46C8FF] hover:bg-[#2C2F36] border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-fit -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
242+
className="border-none text-xs px-2 py-1 font-semibold rounded-lg bg-primary-button hover:bg-secondary border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-fit -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
243243
>
244244
Save connection
245245
</button>

‎frontend/src/pages/Admin/Agents/WebSearchSelection/SearchProviderItem/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export default function SearchProviderItem({ provider, checked, onClick }) {
1919
<img src={logo} alt={`${name} logo`} className="w-10 h-10 rounded-md" />
2020
<div className="flex flex-col">
2121
<div className="text-sm font-semibold text-white">{name}</div>
22-
<div className="mt-1 text-xs text-[#D2D5DB]">{description}</div>
22+
<div className="mt-1 text-xs text-description">{description}</div>
2323
</div>
2424
</div>
2525
</div>

‎frontend/src/pages/Admin/Agents/WebSearchSelection/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -149,9 +149,9 @@ export default function AgentWebSearchSelection({
149149
/>
150150
)}
151151
{searchMenuOpen ? (
152-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
152+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
153153
<div className="w-full flex flex-col gap-y-1">
154-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
154+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
155155
<MagnifyingGlass
156156
size={20}
157157
weight="bold"
@@ -172,7 +172,7 @@ export default function AgentWebSearchSelection({
172172
<X
173173
size={20}
174174
weight="bold"
175-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
175+
className="cursor-pointer text-white hover:text-x-button"
176176
onClick={handleXButton}
177177
/>
178178
</div>
@@ -192,7 +192,7 @@ export default function AgentWebSearchSelection({
192192
</div>
193193
) : (
194194
<button
195-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
195+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
196196
type="button"
197197
onClick={() => setSearchMenuOpen(true)}
198198
>
@@ -206,7 +206,7 @@ export default function AgentWebSearchSelection({
206206
<div className="text-sm font-semibold text-white">
207207
{selectedSearchProviderObject.name}
208208
</div>
209-
<div className="mt-1 text-xs text-[#D2D5DB]">
209+
<div className="mt-1 text-xs text-description">
210210
{selectedSearchProviderObject.description}
211211
</div>
212212
</div>

‎frontend/src/pages/GeneralSettings/Appearance/CustomMessages/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ export default function CustomMessages() {
6262
Customize the automatic messages displayed to your users.
6363
</p>
6464
</div>
65-
<div className="mt-3 flex flex-col gap-y-6 bg-[#1C1E21] rounded-lg pr-[31px] pl-[12px] pt-4 max-w-[700px]">
65+
<div className="mt-3 flex flex-col gap-y-6 bg-dark-highlight rounded-lg pr-[31px] pl-[12px] pt-4 max-w-[700px]">
6666
{messages.map((message, index) => (
6767
<div key={index} className="flex flex-col gap-y-2">
6868
{message.user && (

‎frontend/src/pages/GeneralSettings/Appearance/FooterCustomization/NewIconForm/index.jsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ export default function NewIconForm({ icon, url, onSave, onRemove }) {
5656
<form onSubmit={handleSubmit} className="flex items-center gap-x-1.5">
5757
<div className="relative" ref={dropdownRef}>
5858
<div
59-
className="h-[34px] w-[34px] bg-[#1C1E21] rounded-full flex items-center justify-center cursor-pointer"
59+
className="h-[34px] w-[34px] bg-dark-highlight rounded-full flex items-center justify-center cursor-pointer"
6060
onClick={() => setIsDropdownOpen(!isDropdownOpen)}
6161
>
6262
{React.createElement(ICON_COMPONENTS[selectedIcon] || Plus, {
@@ -70,7 +70,7 @@ export default function NewIconForm({ icon, url, onSave, onRemove }) {
7070
<button
7171
key={iconName}
7272
type="button"
73-
className="flex justify-center items-center border border-transparent hover:bg-[#1C1E21] hover:border-slate-100 rounded-full p-2"
73+
className="flex justify-center items-center border border-transparent hover:bg-dark-highlight hover:border-slate-100 rounded-full p-2"
7474
onClick={() => handleIconChange(iconName)}
7575
>
7676
{React.createElement(ICON_COMPONENTS[iconName], {

‎frontend/src/pages/GeneralSettings/AudioPreference/stt.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -109,9 +109,9 @@ export default function SpeechToTextProvider({ settings }) {
109109
/>
110110
)}
111111
{searchMenuOpen ? (
112-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
112+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
113113
<div className="w-full flex flex-col gap-y-1">
114-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
114+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
115115
<MagnifyingGlass
116116
size={20}
117117
weight="bold"
@@ -132,7 +132,7 @@ export default function SpeechToTextProvider({ settings }) {
132132
<X
133133
size={20}
134134
weight="bold"
135-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
135+
className="cursor-pointer text-white hover:text-x-button"
136136
onClick={handleXButton}
137137
/>
138138
</div>
@@ -153,7 +153,7 @@ export default function SpeechToTextProvider({ settings }) {
153153
</div>
154154
) : (
155155
<button
156-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
156+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
157157
type="button"
158158
onClick={() => setSearchMenuOpen(true)}
159159
>
@@ -167,7 +167,7 @@ export default function SpeechToTextProvider({ settings }) {
167167
<div className="text-sm font-semibold text-white">
168168
{selectedProviderObject.name}
169169
</div>
170-
<div className="mt-1 text-xs text-[#D2D5DB]">
170+
<div className="mt-1 text-xs text-description">
171171
{selectedProviderObject.description}
172172
</div>
173173
</div>

‎frontend/src/pages/GeneralSettings/AudioPreference/tts.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -124,9 +124,9 @@ export default function TextToSpeechProvider({ settings }) {
124124
/>
125125
)}
126126
{searchMenuOpen ? (
127-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
127+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
128128
<div className="w-full flex flex-col gap-y-1">
129-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
129+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
130130
<MagnifyingGlass
131131
size={20}
132132
weight="bold"
@@ -147,7 +147,7 @@ export default function TextToSpeechProvider({ settings }) {
147147
<X
148148
size={20}
149149
weight="bold"
150-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
150+
className="cursor-pointer text-white hover:text-x-button"
151151
onClick={handleXButton}
152152
/>
153153
</div>
@@ -168,7 +168,7 @@ export default function TextToSpeechProvider({ settings }) {
168168
</div>
169169
) : (
170170
<button
171-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
171+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
172172
type="button"
173173
onClick={() => setSearchMenuOpen(true)}
174174
>
@@ -182,7 +182,7 @@ export default function TextToSpeechProvider({ settings }) {
182182
<div className="text-sm font-semibold text-white">
183183
{selectedProviderObject.name}
184184
</div>
185-
<div className="mt-1 text-xs text-[#D2D5DB]">
185+
<div className="mt-1 text-xs text-description">
186186
{selectedProviderObject.description}
187187
</div>
188188
</div>

‎frontend/src/pages/GeneralSettings/Chats/index.jsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,7 @@ export default function WorkspaceChats() {
128128
<button
129129
ref={openMenuButton}
130130
onClick={toggleMenu}
131-
className="flex items-center gap-x-2 px-4 py-1 rounded-lg bg-[#46C8FF] hover:text-white text-xs font-semibold hover:bg-[#2C2F36] shadow-[0_4px_14px_rgba(0,0,0,0.25)] h-[34px] w-fit"
131+
className="flex items-center gap-x-2 px-4 py-1 rounded-lg bg-primary-button hover:text-white text-xs font-semibold hover:bg-secondary shadow-[0_4px_14px_rgba(0,0,0,0.25)] h-[34px] w-fit"
132132
>
133133
<Download size={18} weight="bold" />
134134
Export
@@ -138,7 +138,7 @@ export default function WorkspaceChats() {
138138
ref={menuRef}
139139
className={`${
140140
showMenu ? "slide-down" : "slide-up hidden"
141-
} z-20 w-fit rounded-lg absolute top-full right-0 bg-[#2C2F36] mt-2 shadow-md`}
141+
} z-20 w-fit rounded-lg absolute top-full right-0 bg-secondary mt-2 shadow-md`}
142142
>
143143
<div className="py-2">
144144
{Object.entries(exportOptions).map(([key, data]) => (

‎frontend/src/pages/GeneralSettings/EmbeddingPreference/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -257,9 +257,9 @@ export default function GeneralEmbeddingPreference() {
257257
/>
258258
)}
259259
{searchMenuOpen ? (
260-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
260+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
261261
<div className="w-full flex flex-col gap-y-1">
262-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
262+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
263263
<MagnifyingGlass
264264
size={20}
265265
weight="bold"
@@ -280,7 +280,7 @@ export default function GeneralEmbeddingPreference() {
280280
<X
281281
size={20}
282282
weight="bold"
283-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
283+
className="cursor-pointer text-white hover:text-x-button"
284284
onClick={handleXButton}
285285
/>
286286
</div>
@@ -301,7 +301,7 @@ export default function GeneralEmbeddingPreference() {
301301
</div>
302302
) : (
303303
<button
304-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
304+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
305305
type="button"
306306
onClick={() => setSearchMenuOpen(true)}
307307
>
@@ -315,7 +315,7 @@ export default function GeneralEmbeddingPreference() {
315315
<div className="text-sm font-semibold text-white">
316316
{selectedEmbedderObject.name}
317317
</div>
318-
<div className="mt-1 text-xs text-[#D2D5DB]">
318+
<div className="mt-1 text-xs text-description">
319319
{selectedEmbedderObject.description}
320320
</div>
321321
</div>

‎frontend/src/pages/GeneralSettings/LLMPreference/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -341,9 +341,9 @@ export default function GeneralLLMPreference() {
341341
/>
342342
)}
343343
{searchMenuOpen ? (
344-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
344+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
345345
<div className="w-full flex flex-col gap-y-1">
346-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
346+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
347347
<MagnifyingGlass
348348
size={20}
349349
weight="bold"
@@ -364,7 +364,7 @@ export default function GeneralLLMPreference() {
364364
<X
365365
size={20}
366366
weight="bold"
367-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
367+
className="cursor-pointer text-white hover:text-x-button"
368368
onClick={handleXButton}
369369
/>
370370
</div>
@@ -388,7 +388,7 @@ export default function GeneralLLMPreference() {
388388
</div>
389389
) : (
390390
<button
391-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
391+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
392392
type="button"
393393
onClick={() => setSearchMenuOpen(true)}
394394
>
@@ -402,7 +402,7 @@ export default function GeneralLLMPreference() {
402402
<div className="text-sm font-semibold text-white">
403403
{selectedLLMObject?.name || "None selected"}
404404
</div>
405-
<div className="mt-1 text-xs text-[#D2D5DB]">
405+
<div className="mt-1 text-xs text-description">
406406
{selectedLLMObject?.description ||
407407
"You need to select an LLM"}
408408
</div>

‎frontend/src/pages/GeneralSettings/TranscriptionPreference/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -149,9 +149,9 @@ export default function TranscriptionModelPreference() {
149149
/>
150150
)}
151151
{searchMenuOpen ? (
152-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
152+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
153153
<div className="w-full flex flex-col gap-y-1">
154-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
154+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
155155
<MagnifyingGlass
156156
size={20}
157157
weight="bold"
@@ -172,7 +172,7 @@ export default function TranscriptionModelPreference() {
172172
<X
173173
size={20}
174174
weight="bold"
175-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
175+
className="cursor-pointer text-white hover:text-x-button"
176176
onClick={handleXButton}
177177
/>
178178
</div>
@@ -193,7 +193,7 @@ export default function TranscriptionModelPreference() {
193193
</div>
194194
) : (
195195
<button
196-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
196+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
197197
type="button"
198198
onClick={() => setSearchMenuOpen(true)}
199199
>
@@ -207,7 +207,7 @@ export default function TranscriptionModelPreference() {
207207
<div className="text-sm font-semibold text-white">
208208
{selectedProviderObject.name}
209209
</div>
210-
<div className="mt-1 text-xs text-[#D2D5DB]">
210+
<div className="mt-1 text-xs text-description">
211211
{selectedProviderObject.description}
212212
</div>
213213
</div>

‎frontend/src/pages/GeneralSettings/VectorDatabase/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -224,9 +224,9 @@ export default function GeneralVectorDatabase() {
224224
/>
225225
)}
226226
{searchMenuOpen ? (
227-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
227+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
228228
<div className="w-full flex flex-col gap-y-1">
229-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
229+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
230230
<MagnifyingGlass
231231
size={20}
232232
weight="bold"
@@ -247,7 +247,7 @@ export default function GeneralVectorDatabase() {
247247
<X
248248
size={20}
249249
weight="bold"
250-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
250+
className="cursor-pointer text-white hover:text-x-button"
251251
onClick={handleXButton}
252252
/>
253253
</div>
@@ -268,7 +268,7 @@ export default function GeneralVectorDatabase() {
268268
</div>
269269
) : (
270270
<button
271-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
271+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
272272
type="button"
273273
onClick={() => setSearchMenuOpen(true)}
274274
>
@@ -282,7 +282,7 @@ export default function GeneralVectorDatabase() {
282282
<div className="text-sm font-semibold text-white">
283283
{selectedVDBObject.name}
284284
</div>
285-
<div className="mt-1 text-xs text-[#D2D5DB]">
285+
<div className="mt-1 text-xs text-description">
286286
{selectedVDBObject.description}
287287
</div>
288288
</div>

‎frontend/src/pages/OnboardingFlow/Steps/Home/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export default function OnboardingHome() {
88
const navigate = useNavigate();
99
return (
1010
<>
11-
<div className="relative w-screen h-screen flex overflow-hidden bg-[#2C2F35] md:bg-main-gradient">
11+
<div className="relative w-screen h-screen flex overflow-hidden bg-mobile-onboarding md:bg-main-gradient">
1212
<div
1313
className="hidden md:block fixed bottom-10 left-10 w-[320px] h-[320px] bg-no-repeat bg-contain"
1414
style={{ backgroundImage: `url(${LGroupImg})` }}

‎frontend/src/pages/OnboardingFlow/Steps/index.jsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ export function OnboardingLayout({ children }) {
3737

3838
if (isMobile) {
3939
return (
40-
<div className="w-screen h-screen overflow-y-auto bg-[#2C2F35] overflow-hidden">
40+
<div className="w-screen h-screen overflow-y-auto bg-mobile-onboarding overflow-hidden">
4141
<div className="flex flex-col">
4242
<div className="w-full relative py-10 px-2">
4343
<div className="flex flex-col w-fit mx-auto gap-y-1 mb-[55px]">
@@ -87,7 +87,7 @@ export function OnboardingLayout({ children }) {
8787
}
8888

8989
return (
90-
<div className="w-screen overflow-y-auto bg-[#2C2F35] md:bg-main-gradient flex justify-center overflow-hidden">
90+
<div className="w-screen overflow-y-auto bg-mobile-onboarding md:bg-main-gradient flex justify-center overflow-hidden">
9191
<div className="flex w-1/5 h-screen justify-center items-center">
9292
{backBtn.showing && (
9393
<button

‎frontend/src/pages/WorkspaceSettings/AgentConfig/AgentLLMSelection/AgentLLMItem/index.jsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ export default function WorkspaceLLM({
5555
/>
5656
<div className="flex flex-col">
5757
<div className="text-sm font-semibold text-white">{name}</div>
58-
<div className="mt-1 text-xs text-[#D2D5DB]">{description}</div>
58+
<div className="mt-1 text-xs text-description">{description}</div>
5959
</div>
6060
</div>
6161
</div>
@@ -137,7 +137,7 @@ function SetupProvider({
137137
<button
138138
type="submit"
139139
form="provider-form"
140-
className="border-none text-xs px-2 py-1 font-semibold rounded-lg bg-[#46C8FF] hover:bg-[#2C2F36] border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-fit -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
140+
className="border-none text-xs px-2 py-1 font-semibold rounded-lg bg-primary-button hover:bg-secondary border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-fit -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
141141
>
142142
Save {LLMOption.name} settings
143143
</button>

‎frontend/src/pages/WorkspaceSettings/AgentConfig/AgentLLMSelection/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -124,9 +124,9 @@ export default function AgentLLMSelection({
124124
/>
125125
)}
126126
{searchMenuOpen ? (
127-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
127+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
128128
<div className="w-full flex flex-col gap-y-1">
129-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
129+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
130130
<MagnifyingGlass
131131
size={20}
132132
weight="bold"
@@ -147,7 +147,7 @@ export default function AgentLLMSelection({
147147
<X
148148
size={20}
149149
weight="bold"
150-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
150+
className="cursor-pointer text-white hover:text-x-button"
151151
onClick={handleXButton}
152152
/>
153153
</div>
@@ -169,7 +169,7 @@ export default function AgentLLMSelection({
169169
</div>
170170
) : (
171171
<button
172-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
172+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
173173
type="button"
174174
onClick={() => setSearchMenuOpen(true)}
175175
>
@@ -183,7 +183,7 @@ export default function AgentLLMSelection({
183183
<div className="text-sm font-semibold text-white">
184184
{selectedLLMObject.name}
185185
</div>
186-
<div className="mt-1 text-xs text-[#D2D5DB]">
186+
<div className="mt-1 text-xs text-description">
187187
{selectedLLMObject.description}
188188
</div>
189189
</div>

‎frontend/src/pages/WorkspaceSettings/ChatSettings/WorkspaceLLMSelection/WorkspaceLLMItem/index.jsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ export default function WorkspaceLLM({
5555
/>
5656
<div className="flex flex-col">
5757
<div className="text-sm font-semibold text-white">{name}</div>
58-
<div className="mt-1 text-xs text-[#D2D5DB]">{description}</div>
58+
<div className="mt-1 text-xs text-description">{description}</div>
5959
</div>
6060
</div>
6161
</div>
@@ -137,7 +137,7 @@ function SetupProvider({
137137
<button
138138
type="submit"
139139
form="provider-form"
140-
className="text-xs px-2 py-1 font-semibold rounded-lg bg-[#46C8FF] hover:bg-[#2C2F36] border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-fit -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
140+
className="text-xs px-2 py-1 font-semibold rounded-lg bg-primary-button hover:bg-secondary border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-fit -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
141141
>
142142
Save {LLMOption.name} settings
143143
</button>

‎frontend/src/pages/WorkspaceSettings/ChatSettings/WorkspaceLLMSelection/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -80,9 +80,9 @@ export default function WorkspaceLLMSelection({
8080
/>
8181
)}
8282
{searchMenuOpen ? (
83-
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-[#18181B] rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
83+
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-[#46C8FF] z-20">
8484
<div className="w-full flex flex-col gap-y-1">
85-
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-[#18181B]">
85+
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input">
8686
<MagnifyingGlass
8787
size={20}
8888
weight="bold"
@@ -103,7 +103,7 @@ export default function WorkspaceLLMSelection({
103103
<X
104104
size={20}
105105
weight="bold"
106-
className="cursor-pointer text-white hover:text-[#9CA3AF]"
106+
className="cursor-pointer text-white hover:text-x-button"
107107
onClick={handleXButton}
108108
/>
109109
</div>
@@ -125,7 +125,7 @@ export default function WorkspaceLLMSelection({
125125
</div>
126126
) : (
127127
<button
128-
className="w-full max-w-[640px] h-[64px] bg-[#18181B] rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
128+
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-[#46C8FF] transition-all duration-300"
129129
type="button"
130130
onClick={() => setSearchMenuOpen(true)}
131131
>
@@ -139,7 +139,7 @@ export default function WorkspaceLLMSelection({
139139
<div className="text-sm font-semibold text-white">
140140
{selectedLLMObject.name}
141141
</div>
142-
<div className="mt-1 text-xs text-[#D2D5DB]">
142+
<div className="mt-1 text-xs text-description">
143143
{selectedLLMObject.description}
144144
</div>
145145
</div>

‎frontend/src/pages/WorkspaceSettings/Members/AddMemberModal/index.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -152,7 +152,7 @@ export default function AddMemberModal({ closeModal, workspace, users }) {
152152
</div>
153153
<button
154154
type="submit"
155-
className="transition-all duration-300 text-xs px-2 py-1 font-semibold rounded-lg bg-[#46C8FF] hover:bg-[#2C2F36] border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-[68px] -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
155+
className="transition-all duration-300 text-xs px-2 py-1 font-semibold rounded-lg bg-primary-button hover:bg-secondary border-2 border-transparent hover:border-[#46C8FF] hover:text-white h-[32px] w-[68px] -mr-8 whitespace-nowrap shadow-[0_4px_14px_rgba(0,0,0,0.25)]"
156156
>
157157
Save
158158
</button>

‎frontend/tailwind.config.js

+9-1
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,15 @@ export default {
2727
sidebar: "#25272C",
2828
"historical-msg-system": "rgba(255, 255, 255, 0.05);",
2929
"historical-msg-user": "#2C2F35",
30-
outline: "#4E5153"
30+
outline: "#4E5153",
31+
"primary-button": "#46C8FF",
32+
secondary: "#2C2F36",
33+
"dark-input": "#18181B",
34+
"mobile-onboarding": "#2C2F35",
35+
"dark-highlight": "#1C1E21",
36+
"dark-text": "#222628",
37+
description: "#D2D5DB",
38+
"x-button": "#9CA3AF"
3139
},
3240
backgroundImage: {
3341
"preference-gradient":

0 commit comments

Comments
 (0)
Please sign in to comment.