diff --git a/app/components/AI.tsx b/app/AI.tsx
similarity index 69%
rename from app/components/AI.tsx
rename to app/AI.tsx
index e1d244b..b391683 100644
--- a/app/components/AI.tsx
+++ b/app/AI.tsx
@@ -1,6 +1,6 @@
 // AI.tsx
 import React from 'react';
-import InputOutputBackend from '../backend/InputOutputHandler';
+import InputOutputBackend from './InputOutputHandler';
 
 const AI: React.FC = () => {
   return (
diff --git a/app/backend/AudioRecorder(not yet).tsx b/app/AudioRecorder(not yet).tsx
similarity index 100%
rename from app/backend/AudioRecorder(not yet).tsx
rename to app/AudioRecorder(not yet).tsx
diff --git a/app/components/ConversationFrontend.tsx b/app/ConversationFrontend.tsx
similarity index 100%
rename from app/components/ConversationFrontend.tsx
rename to app/ConversationFrontend.tsx
diff --git a/app/components/Documentation.tsx b/app/Documentation.tsx
similarity index 100%
rename from app/components/Documentation.tsx
rename to app/Documentation.tsx
diff --git a/app/components/Faq.tsx b/app/Faq.tsx
similarity index 100%
rename from app/components/Faq.tsx
rename to app/Faq.tsx
diff --git a/app/components/Header.tsx b/app/Header.tsx
similarity index 100%
rename from app/components/Header.tsx
rename to app/Header.tsx
diff --git a/app/components/History.tsx b/app/History.tsx
similarity index 100%
rename from app/components/History.tsx
rename to app/History.tsx
diff --git a/app/backend/InputBackend.tsx b/app/InputBackend.tsx
similarity index 94%
rename from app/backend/InputBackend.tsx
rename to app/InputBackend.tsx
index a00ceeb..78be6bb 100644
--- a/app/backend/InputBackend.tsx
+++ b/app/InputBackend.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import InputFrontend from '../components/InputFrontend';
-import ConversationFrontend from '../components/ConversationFrontend';
+import InputFrontend from './InputFrontend';
+import ConversationFrontend from './ConversationFrontend';
 import { Mistral } from '@mistralai/mistralai';
 
 
diff --git a/app/components/InputFrontend.tsx b/app/InputFrontend.tsx
similarity index 100%
rename from app/components/InputFrontend.tsx
rename to app/InputFrontend.tsx
diff --git a/app/backend/InputOutputHandler.tsx b/app/InputOutputHandler.tsx
similarity index 95%
rename from app/backend/InputOutputHandler.tsx
rename to app/InputOutputHandler.tsx
index ed09bb4..288aaa4 100644
--- a/app/backend/InputOutputHandler.tsx
+++ b/app/InputOutputHandler.tsx
@@ -1,7 +1,7 @@
 "use client"
 import React, { useEffect, useRef, useState } from "react";
-import ConversationFrontend from "../components/ConversationFrontend";
-import InputFrontend from "../components/InputFrontend";
+import ConversationFrontend from "./ConversationFrontend";
+import InputFrontend from "./InputFrontend";
 
 const handleMicClick = () => {
   console.log('Mic clicked!');
diff --git a/app/components/Login.tsx b/app/Login.tsx
similarity index 100%
rename from app/components/Login.tsx
rename to app/Login.tsx
diff --git a/app/components/Models.tsx b/app/Models.tsx
similarity index 100%
rename from app/components/Models.tsx
rename to app/Models.tsx
diff --git a/app/backend/ProcessAPI.js b/app/ProcessAPI.js
similarity index 100%
rename from app/backend/ProcessAPI.js
rename to app/ProcessAPI.js
diff --git a/app/backend/ProcessMemory.tsx b/app/ProcessMemory.tsx
similarity index 100%
rename from app/backend/ProcessMemory.tsx
rename to app/ProcessMemory.tsx
diff --git a/app/components/Settings.tsx b/app/Settings.tsx
similarity index 100%
rename from app/components/Settings.tsx
rename to app/Settings.tsx
diff --git a/app/layout.tsx b/app/layout.tsx
index 994a18a..da488bb 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,4 @@
-import Header from "./components/Header";
+import Header from "./Header";
 
 
 export const metadata = {
diff --git a/app/page.tsx b/app/page.tsx
index f8dcbd3..54dccc1 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,11 +1,11 @@
 "use client";
 import React, { useState, useEffect, useRef } from 'react';
-import Header from './components/Header';
-import AI from './components/AI';
-import FAQ from './components/Faq'; // Ensure the import path is correct
-import Documentation from './components/Documentation'; // Ensure the import path is correct
-import History from './components/History';
-import Models from './components/Models';
+import Header from './Header';
+import AI from './AI';
+import FAQ from './Faq'; // Ensure the import path is correct
+import Documentation from './Documentation'; // Ensure the import path is correct
+import History from './History';
+import Models from './Models';
 import './styles/master.css';
 
 const LandingPage: React.FC = () => {
diff --git a/tailwind.config.ts b/tailwind.config.ts
index a883ff7..d43da91 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -9,13 +9,11 @@ const config: Config = {
   theme: {
     extend: {
       colors: {
-        'history-background': 'var(--history-background-color)',
-        'text-color': 'var(--text-color)',
-        'input-button-hover-color': 'var(--input-button-hover-color)',
+        background: "var(--background)",
+        foreground: "var(--foreground)",
       },
     },
   },
   plugins: [],
 };
-
 export default config;