From e583cefbeabfb7069069c9211d239ef41eeed344 Mon Sep 17 00:00:00 2001 From: sawka Date: Fri, 21 Jun 2024 12:51:17 -0700 Subject: [PATCH] fix term colors, and import the term.less file --- frontend/app/app.tsx | 1 + frontend/app/term.less | 47 +++++++++++++++++++----------------------- 2 files changed, 22 insertions(+), 26 deletions(-) diff --git a/frontend/app/app.tsx b/frontend/app/app.tsx index 38ec170cd..9f0fdc709 100644 --- a/frontend/app/app.tsx +++ b/frontend/app/app.tsx @@ -16,6 +16,7 @@ import { CenteredDiv } from "./element/quickelems"; import "overlayscrollbars/overlayscrollbars.css"; import "./app.less"; +import "./term.less"; const App = () => { let Provider = jotai.Provider; diff --git a/frontend/app/term.less b/frontend/app/term.less index ebdbac44c..e425dba2f 100644 --- a/frontend/app/term.less +++ b/frontend/app/term.less @@ -2,31 +2,26 @@ // SPDX-License-Identifier: Apache-2.0 :root { - /* - * term colors (16 + 6) form the base terminal theme - * for consistency these colors should be used by plugins/applications - */ - --term-black: #000000; - --term-red: #cc0000; - --term-green: #4e9a06; - --term-yellow: #c4a000; - --term-blue: #3465a4; - --term-magenta: #bc3fbc; - --term-cyan: #06989a; - --term-white: #d0d0d0; - --term-bright-black: #555753; - --term-bright-red: #ef2929; - --term-bright-green: #58c142; - --term-bright-yellow: #fce94f; - --term-bright-blue: #32afff; - --term-bright-magenta: #ad7fa8; - --term-bright-cyan: #34e2e2; - --term-bright-white: #e7e7e7; + --term-black: #757575; + --term-red: #cc685c; + --term-green: #76c266; + --term-yellow: #cbca9b; + --term-blue: #85aacb; + --term-magenta: #cc72ca; + --term-cyan: #74a7cb; + --term-white: #c1c1c1; - --term-gray: #8b918a; /* not an official terminal color */ - --term-cmdtext: #ffffff; - --term-foreground: #d3d7cf; - --term-background: #000000; - --term-selection-background: #ffffff60; - --term-cursor-accent: #000000; + --term-bright-black: #727272; + --term-bright-red: #cc9d97; + --term-bright-green: #a3dd97; + --term-bright-yellow: #cbcaaa; + --term-bright-blue: #9ab6cb; + --term-bright-magenta: #cc8ecb; + --term-bright-cyan: #b7b8cb; + --term-bright-white: #f0f0f0; + + --term-gray: #8b918a; + --term-cmdtext: #f0f0f0; + --term-foreground: #c1c1c1; + --term-background: #00000000; }