From 361f2d6e0a2a30d5c7770fa95e452162938f02fc Mon Sep 17 00:00:00 2001 From: Garrett Date: Thu, 25 Aug 2022 16:22:33 +0000 Subject: [PATCH 1/2] fix: match term color --- site/src/pages/TerminalPage/TerminalPage.tsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/site/src/pages/TerminalPage/TerminalPage.tsx b/site/src/pages/TerminalPage/TerminalPage.tsx index ec498204fe176..613f97338261a 100644 --- a/site/src/pages/TerminalPage/TerminalPage.tsx +++ b/site/src/pages/TerminalPage/TerminalPage.tsx @@ -11,6 +11,7 @@ import "xterm/css/xterm.css" import { MONOSPACE_FONT_FAMILY } from "../../theme/constants" import { pageTitle } from "../../util/page" import { terminalMachine } from "../../xServices/terminal/terminalXService" +import { colors } from "theme/colors" export const Language = { workspaceErrorMessagePrefix: "Unable to fetch workspace: ", @@ -75,9 +76,7 @@ const TerminalPage: FC< fontFamily: MONOSPACE_FONT_FAMILY, fontSize: 16, theme: { - // This is a slight off-black. - // It's really easy on the eyes! - background: "#1F1F1F", + background: colors.gray[16], }, rendererType: renderer, }) From 380bc1ab5d4ab86e94d0b8cd823186652c0d59e3 Mon Sep 17 00:00:00 2001 From: Garrett Date: Thu, 25 Aug 2022 16:25:49 +0000 Subject: [PATCH 2/2] fmt: --- site/src/pages/TerminalPage/TerminalPage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/pages/TerminalPage/TerminalPage.tsx b/site/src/pages/TerminalPage/TerminalPage.tsx index 613f97338261a..4a6fb6cc01912 100644 --- a/site/src/pages/TerminalPage/TerminalPage.tsx +++ b/site/src/pages/TerminalPage/TerminalPage.tsx @@ -3,6 +3,7 @@ import { useMachine } from "@xstate/react" import { FC, useEffect, useRef, useState } from "react" import { Helmet } from "react-helmet-async" import { useLocation, useNavigate, useParams } from "react-router-dom" +import { colors } from "theme/colors" import { v4 as uuidv4 } from "uuid" import * as XTerm from "xterm" import { FitAddon } from "xterm-addon-fit" @@ -11,7 +12,6 @@ import "xterm/css/xterm.css" import { MONOSPACE_FONT_FAMILY } from "../../theme/constants" import { pageTitle } from "../../util/page" import { terminalMachine } from "../../xServices/terminal/terminalXService" -import { colors } from "theme/colors" export const Language = { workspaceErrorMessagePrefix: "Unable to fetch workspace: ",