Revamped few themes and Added few new ones (#1430)

* improved system(light and dark), oled. Add new theme glass,...

New theme:
- Glass
- Sunset
- Neon

* feat: add glass color scheme dark variant

* update terminal default dark&light theme to match app one

and also added new color scheme : glass, glassDark

Author: bajrangCoder

src/components/terminal/terminalThemeManager.js

@@ -7,50 +7,50 @@ class TerminalThemeManager {
 	constructor() {
 		this.themes = {
 			dark: {
-				background: "#1e1e1e",
-				foreground: "#ffffff",
-				cursor: "#ffffff",
-				cursorAccent: "#1e1e1e",
+				background: "#23272a",
+				foreground: "#f5f5f5",
+				cursor: "#4285f4",
+				cursorAccent: "#23272a",
 				selection: "#ffffff40",
-				black: "#000000",
-				red: "#cd3131",
-				green: "#0dbc79",
-				yellow: "#e5e510",
-				blue: "#2472c8",
-				magenta: "#bc3fbc",
-				cyan: "#11a8cd",
-				white: "#e5e5e5",
-				brightBlack: "#666666",
-				brightRed: "#f14c4c",
-				brightGreen: "#23d18b",
-				brightYellow: "#f5f543",
-				brightBlue: "#3b8eea",
-				brightMagenta: "#d670d6",
-				brightCyan: "#29b8db",
+				black: "#181b1e",
+				red: "#f07178",
+				green: "#c3e88d",
+				yellow: "#ffcb6b",
+				blue: "#4285f4",
+				magenta: "#c792ea",
+				cyan: "#89ddff",
+				white: "#f5f5f5",
+				brightBlack: "#2d3134",
+				brightRed: "#ff6b6b",
+				brightGreen: "#5af78e",
+				brightYellow: "#f4f99d",
+				brightBlue: "#82aaff",
+				brightMagenta: "#c594c5",
+				brightCyan: "#9aedfe",
 				brightWhite: "#ffffff",
 			},
 			light: {
 				background: "#ffffff",
-				foreground: "#000000",
-				cursor: "#000000",
+				foreground: "#0f1729",
+				cursor: "#3b82f6",
 				cursorAccent: "#ffffff",
-				selection: "#00000040",
-				black: "#000000",
-				red: "#cd3131",
-				green: "#008000",
-				yellow: "#808000",
-				blue: "#0000ff",
-				magenta: "#800080",
-				cyan: "#008080",
-				white: "#c0c0c0",
-				brightBlack: "#808080",
-				brightRed: "#ff0000",
-				brightGreen: "#00ff00",
-				brightYellow: "#ffff00",
-				brightBlue: "#0000ff",
-				brightMagenta: "#ff00ff",
-				brightCyan: "#00ffff",
-				brightWhite: "#ffffff",
+				selection: "#e2e8f0",
+				black: "#1e293b",
+				red: "#dc2626",
+				green: "#16a34a",
+				yellow: "#ca8a04",
+				blue: "#3b82f6",
+				magenta: "#9333ea",
+				cyan: "#0891b2",
+				white: "#64748b",
+				brightBlack: "#475569",
+				brightRed: "#ef4444",
+				brightGreen: "#22c55e",
+				brightYellow: "#eab308",
+				brightBlue: "#6366f1",
+				brightMagenta: "#a855f7",
+				brightCyan: "#06b6d4",
+				brightWhite: "#0f1729",
 			},
 			solarizedDark: {
 				background: "#002b36",
@@ -397,6 +397,52 @@ class TerminalThemeManager {
 				brightCyan: "#95e6cb",
 				brightWhite: "#ffffff",
 			},
+			glass: {
+				background: "#ffffff",
+				foreground: "#111827",
+				cursor: "#6366f1",
+				cursorAccent: "#ffffff",
+				selection: "#e0e7ff",
+				black: "#374151",
+				red: "#dc2626",
+				green: "#16a34a",
+				yellow: "#ca8a04",
+				blue: "#6366f1",
+				magenta: "#9333ea",
+				cyan: "#0891b2",
+				white: "#6b7280",
+				brightBlack: "#4b5563",
+				brightRed: "#ef4444",
+				brightGreen: "#22c55e",
+				brightYellow: "#eab308",
+				brightBlue: "#8b5cf6",
+				brightMagenta: "#a855f7",
+				brightCyan: "#06b6d4",
+				brightWhite: "#111827",
+			},
+			glassDark: {
+				background: "#181820",
+				foreground: "#e5e7eb",
+				cursor: "#6366f1",
+				cursorAccent: "#181820",
+				selection: "#374151",
+				black: "#0f0f14",
+				red: "#f87171",
+				green: "#4ade80",
+				yellow: "#fbbf24",
+				blue: "#6366f1",
+				magenta: "#a78bfa",
+				cyan: "#22d3ee",
+				white: "#e5e7eb",
+				brightBlack: "#1f1f2a",
+				brightRed: "#fca5a5",
+				brightGreen: "#86efac",
+				brightYellow: "#fcd34d",
+				brightBlue: "#818cf8",
+				brightMagenta: "#c4b5fd",
+				brightCyan: "#67e8f9",
+				brightWhite: "#f3f4f6",
+			},
 		};
 
 		this.pluginThemes = new Map();

src/sidebarApps/extensions/style.scss

@@ -146,7 +146,6 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      box-shadow: 0 1px 3px var(--box-shadow-color);
 
       &:hover {
         background-color: var(--active-icon-color);