improved color schemes and added more

Author: bajrangCoder

src/components/terminal/terminalThemeManager.js

@@ -107,17 +107,17 @@ class TerminalThemeManager {
 				black: "#272822",
 				red: "#f92672",
 				green: "#a6e22e",
-				yellow: "#f4bf75",
+				yellow: "#e6db74",
 				blue: "#66d9ef",
 				magenta: "#ae81ff",
 				cyan: "#a1efe4",
 				white: "#f8f8f2",
 				brightBlack: "#75715e",
-				brightRed: "#f92672",
+				brightRed: "#ff6188",
 				brightGreen: "#a6e22e",
-				brightYellow: "#f4bf75",
-				brightBlue: "#66d9ef",
-				brightMagenta: "#ae81ff",
+				brightYellow: "#ffd866",
+				brightBlue: "#78dce8",
+				brightMagenta: "#ab9df2",
 				brightCyan: "#a1efe4",
 				brightWhite: "#f9f8f5",
 			},
@@ -149,7 +149,7 @@ class TerminalThemeManager {
 				foreground: "#d8dee9",
 				cursor: "#d8dee9",
 				cursorAccent: "#2e3440",
-				selection: "#4c566a",
+				selection: "#434c5e",
 				black: "#3b4252",
 				red: "#bf616a",
 				green: "#a3be8c",
@@ -159,10 +159,10 @@ class TerminalThemeManager {
 				cyan: "#88c0d0",
 				white: "#e5e9f0",
 				brightBlack: "#4c566a",
-				brightRed: "#bf616a",
+				brightRed: "#d08770",
 				brightGreen: "#a3be8c",
 				brightYellow: "#ebcb8b",
-				brightBlue: "#81a1c1",
+				brightBlue: "#5e81ac",
 				brightMagenta: "#b48ead",
 				brightCyan: "#8fbcbb",
 				brightWhite: "#eceff4",
@@ -190,50 +190,211 @@ class TerminalThemeManager {
 				brightCyan: "#8ec07c",
 				brightWhite: "#ebdbb2",
 			},
-			cyberpunkTheme: {
-				background: "#0d1117",
-				foreground: "#00ff41",
-				cursor: "#00ff41",
-				cursorAccent: "#0d1117",
-				selection: "#00ff4140",
-				black: "#000000",
+			oneDark: {
+				background: "#21252b",
+				foreground: "#abb2bf",
+				cursor: "#528bff",
+				cursorAccent: "#21252b",
+				selection: "#3e4451",
+				black: "#21252b",
+				red: "#e86671",
+				green: "#98c379",
+				yellow: "#e5c07b",
+				blue: "#61afef",
+				magenta: "#c678dd",
+				cyan: "#56b6c2",
+				white: "#abb2bf",
+				brightBlack: "#5c6370",
+				brightRed: "#f07178",
+				brightGreen: "#a6e22e",
+				brightYellow: "#f9e79f",
+				brightBlue: "#73d0ff",
+				brightMagenta: "#d19a66",
+				brightCyan: "#7fdbca",
+				brightWhite: "#ffffff",
+			},
+			material: {
+				background: "#263238",
+				foreground: "#eeffff",
+				cursor: "#ffcc00",
+				cursorAccent: "#263238",
+				selection: "#37474f",
+				black: "#263238",
+				red: "#f07178",
+				green: "#c3e88d",
+				yellow: "#ffcb6b",
+				blue: "#82aaff",
+				magenta: "#c792ea",
+				cyan: "#89ddff",
+				white: "#eeffff",
+				brightBlack: "#546e7a",
+				brightRed: "#f07178",
+				brightGreen: "#c3e88d",
+				brightYellow: "#ffcb6b",
+				brightBlue: "#82aaff",
+				brightMagenta: "#c792ea",
+				brightCyan: "#89ddff",
+				brightWhite: "#ffffff",
+			},
+			tokyoNight: {
+				background: "#1a1b26",
+				foreground: "#c0caf5",
+				cursor: "#c0caf5",
+				cursorAccent: "#1a1b26",
+				selection: "#33467c",
+				black: "#15161e",
+				red: "#f7768e",
+				green: "#9ece6a",
+				yellow: "#e0af68",
+				blue: "#7aa2f7",
+				magenta: "#bb9af7",
+				cyan: "#7dcfff",
+				white: "#a9b1d6",
+				brightBlack: "#414868",
+				brightRed: "#f7768e",
+				brightGreen: "#9ece6a",
+				brightYellow: "#e0af68",
+				brightBlue: "#7aa2f7",
+				brightMagenta: "#bb9af7",
+				brightCyan: "#7dcfff",
+				brightWhite: "#c0caf5",
+			},
+			catppuccin: {
+				background: "#1e1e2e",
+				foreground: "#cdd6f4",
+				cursor: "#f5e0dc",
+				cursorAccent: "#1e1e2e",
+				selection: "#585b70",
+				black: "#45475a",
+				red: "#f38ba8",
+				green: "#a6e3a1",
+				yellow: "#f9e2af",
+				blue: "#89b4fa",
+				magenta: "#f5c2e7",
+				cyan: "#94e2d5",
+				white: "#bac2de",
+				brightBlack: "#585b70",
+				brightRed: "#f38ba8",
+				brightGreen: "#a6e3a1",
+				brightYellow: "#f9e2af",
+				brightBlue: "#89b4fa",
+				brightMagenta: "#f5c2e7",
+				brightCyan: "#94e2d5",
+				brightWhite: "#a6adc8",
+			},
+			synthwave: {
+				background: "#241b2f",
+				foreground: "#f92aad",
+				cursor: "#f4f99d",
+				cursorAccent: "#241b2f",
+				selection: "#495495",
+				black: "#241b2f",
+				red: "#ff8b94",
+				green: "#a8e6cf",
+				yellow: "#f4f99d",
+				blue: "#88d8c0",
+				magenta: "#ff8b94",
+				cyan: "#88d8c0",
+				white: "#f92aad",
+				brightBlack: "#495495",
+				brightRed: "#ff8b94",
+				brightGreen: "#a8e6cf",
+				brightYellow: "#f4f99d",
+				brightBlue: "#88d8c0",
+				brightMagenta: "#ff8b94",
+				brightCyan: "#88d8c0",
+				brightWhite: "#f92aad",
+			},
+			cyberpunk: {
+				background: "#000b1e",
+				foreground: "#0abdc6",
+				cursor: "#ea00d9",
+				cursorAccent: "#000b1e",
+				selection: "#711c91",
+				black: "#000b1e",
 				red: "#ff0040",
 				green: "#00ff41",
 				yellow: "#ffff00",
 				blue: "#0080ff",
-				magenta: "#ff0080",
-				cyan: "#00ffff",
+				magenta: "#ea00d9",
+				cyan: "#0abdc6",
 				white: "#ffffff",
-				brightBlack: "#808080",
-				brightRed: "#ff4080",
-				brightGreen: "#80ff81",
-				brightYellow: "#ffff80",
-				brightBlue: "#80c0ff",
-				brightMagenta: "#ff80c0",
-				brightCyan: "#80ffff",
+				brightBlack: "#133e7c",
+				brightRed: "#ff0040",
+				brightGreen: "#00ff41",
+				brightYellow: "#ffff00",
+				brightBlue: "#0080ff",
+				brightMagenta: "#ea00d9",
+				brightCyan: "#0abdc6",
 				brightWhite: "#ffffff",
 			},
-			sunsetTheme: {
-				background: "#2d1b69",
-				foreground: "#ffd700",
-				cursor: "#ffd700",
-				cursorAccent: "#2d1b69",
-				selection: "#ffd70040",
-				black: "#2d1b69",
+			forest: {
+				background: "#1b2b1b",
+				foreground: "#d4ddd4",
+				cursor: "#87ceeb",
+				cursorAccent: "#1b2b1b",
+				selection: "#3a4f3a",
+				black: "#1b2b1b",
+				red: "#d75f5f",
+				green: "#87af87",
+				yellow: "#d7af5f",
+				blue: "#87ceeb",
+				magenta: "#af87af",
+				cyan: "#5fafaf",
+				white: "#d4ddd4",
+				brightBlack: "#5f6f5f",
+				brightRed: "#d75f5f",
+				brightGreen: "#87af87",
+				brightYellow: "#d7af5f",
+				brightBlue: "#87ceeb",
+				brightMagenta: "#af87af",
+				brightCyan: "#5fafaf",
+				brightWhite: "#ffffff",
+			},
+			sunset: {
+				background: "#3c1f1f",
+				foreground: "#ffd5a5",
+				cursor: "#ff8c42",
+				cursorAccent: "#3c1f1f",
+				selection: "#8b4513",
+				black: "#3c1f1f",
 				red: "#ff6b6b",
-				green: "#51cf66",
-				yellow: "#ffd43b",
-				blue: "#74c0fc",
-				magenta: "#f06292",
-				cyan: "#22b8cf",
-				white: "#f8f9fa",
-				brightBlack: "#6c5ce7",
-				brightRed: "#ff7675",
-				brightGreen: "#00b894",
-				brightYellow: "#fdcb6e",
-				brightBlue: "#0984e3",
-				brightMagenta: "#e17055",
-				brightCyan: "#00cec9",
+				green: "#ffa500",
+				yellow: "#ffd700",
+				blue: "#ff8c42",
+				magenta: "#ff69b4",
+				cyan: "#ffa500",
+				white: "#ffd5a5",
+				brightBlack: "#8b4513",
+				brightRed: "#ff6b6b",
+				brightGreen: "#ffa500",
+				brightYellow: "#ffd700",
+				brightBlue: "#ff8c42",
+				brightMagenta: "#ff69b4",
+				brightCyan: "#ffa500",
+				brightWhite: "#fff8dc",
+			},
+			ocean: {
+				background: "#0f1419",
+				foreground: "#e6e1cf",
+				cursor: "#f29718",
+				cursorAccent: "#0f1419",
+				selection: "#253340",
+				black: "#0f1419",
+				red: "#ff3333",
+				green: "#b8cc52",
+				yellow: "#e7c547",
+				blue: "#36a3d9",
+				magenta: "#f07178",
+				cyan: "#95e6cb",
+				white: "#ffffff",
+				brightBlack: "#4d5566",
+				brightRed: "#ff3333",
+				brightGreen: "#b8cc52",
+				brightYellow: "#e7c547",
+				brightBlue: "#36a3d9",
+				brightMagenta: "#f07178",
+				brightCyan: "#95e6cb",
 				brightWhite: "#ffffff",
 			},
 		};