+
{
setActiveTab(v as TabType);
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 03eb3bcc0434..af4d87791d31 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,22 +1,22 @@
:root {
- --bg-dark: #1e1e1e;
+ --bg-dark: #0c0e10;
--bg-light: #292929;
--bg-input: #393939;
- --bg-workspace: #171717;
+ --bg-workspace: #1f2228;
+ --border: #3c3c4a;
background-color: var(--bg-dark) !important;
}
-
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+ "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
diff --git a/frontend/src/types/TabOption.tsx b/frontend/src/types/TabOption.tsx
index ea1d29a91141..a630b559cd4f 100644
--- a/frontend/src/types/TabOption.tsx
+++ b/frontend/src/types/TabOption.tsx
@@ -1,21 +1,11 @@
enum TabOption {
- TERMINAL = "terminal",
PLANNER = "planner",
CODE = "code",
BROWSER = "browser",
}
-type TabType =
- | TabOption.TERMINAL
- | TabOption.PLANNER
- | TabOption.CODE
- | TabOption.BROWSER;
+type TabType = TabOption.PLANNER | TabOption.CODE | TabOption.BROWSER;
-const AllTabs = [
- TabOption.TERMINAL,
- TabOption.PLANNER,
- TabOption.CODE,
- TabOption.BROWSER,
-];
+const AllTabs = [TabOption.PLANNER, TabOption.CODE, TabOption.BROWSER];
export { AllTabs, TabOption, type TabType };
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 431c9e6094ba..50f185fc2862 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,23 +1,25 @@
/** @type {import('tailwindcss').Config} */
-const {nextui} = require("@nextui-org/react");
+const { nextui } = require("@nextui-org/react");
export default {
content: [
- './src/**/*.{js,ts,jsx,tsx}',
- "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}"
+ "./src/**/*.{js,ts,jsx,tsx}",
+ "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
- 'bg-dark': 'var(--bg-dark)',
- 'bg-light': 'var(--bg-light)',
- 'bg-input': 'var(--bg-input)',
- 'bg-workspace': 'var(--bg-workspace)'
+ "bg-dark": "var(--bg-dark)",
+ "bg-light": "var(--bg-light)",
+ "bg-input": "var(--bg-input)",
+ "bg-workspace": "var(--bg-workspace)",
+ border: "var(--border)",
},
},
},
darkMode: "class",
- plugins: [nextui({
- defaultTheme: "dark"
- })],
-}
-
+ plugins: [
+ nextui({
+ defaultTheme: "dark",
+ }),
+ ],
+};