From b7926ccb1c1d6e485812df8fecb4b654e6a79718 Mon Sep 17 00:00:00 2001 From: sawka Date: Fri, 23 Feb 2024 12:10:48 -0800 Subject: [PATCH] undo awkward backgrounds, transparencies, etc. hope to sharpen up the active blocks and the grey/transparent backgrounds were getting in the way --- src/app/app.less | 12 +++++++++--- src/app/common/themes/themes.ts | 2 +- src/app/line/line.less | 7 +++---- src/app/workspace/workspace.less | 1 - 4 files changed, 13 insertions(+), 9 deletions(-) diff --git a/src/app/app.less b/src/app/app.less index c0e80248e..ae19f5d06 100644 --- a/src/app/app.less +++ b/src/app/app.less @@ -17,12 +17,18 @@ body { font-size: 12px; font-weight: 300; line-height: 1.5; - background: @base-background-transparent; + background: black; color: @base-color; } -body.is-dev { - background-color: @base-background-dev; +body { + .sidebar { + background-color: @base-background; + } + + &.is-dev .sidebar { + background-color: @base-background-dev; + } } textarea { diff --git a/src/app/common/themes/themes.ts b/src/app/common/themes/themes.ts index 34dbde953..ebec20528 100644 --- a/src/app/common/themes/themes.ts +++ b/src/app/common/themes/themes.ts @@ -9,7 +9,7 @@ const themes = [ { id: "default", - terminal: { foreground: "#eceeec", background: "rgba(21, 23, 21, 1)" }, + terminal: { foreground: "#eceeec", background: "transparent" }, }, ]; diff --git a/src/app/line/line.less b/src/app/line/line.less index 6793d4ed7..b47d94e65 100644 --- a/src/app/line/line.less +++ b/src/app/line/line.less @@ -8,8 +8,9 @@ overflow: hidden; flex-shrink: 0; position: relative; - background: @base-background; - border: 1px solid transparent; + border: 1px solid transparent; // reserves space for border when not active + font-weight: normal; + font-family: var(--termfontfamily); &.line-cmd { flex-direction: column; @@ -37,12 +38,10 @@ &.selected { border: 1px solid rgba(@base-color, 0.8) !important; - box-shadow: 0px 0px 0.5px 0px rgba(255, 255, 255, 0.5) inset, 0px 0.5px 0px 0px rgba(255, 255, 255, 0.2) inset; } &.active { border: 1px solid rgba(@wave-green, 0.8) !important; - box-shadow: 0px 0px 0.5px 0px rgba(255, 255, 255, 0.5) inset, 0px 0.5px 0px 0px rgba(255, 255, 255, 0.2) inset; } .load-error-text { diff --git a/src/app/workspace/workspace.less b/src/app/workspace/workspace.less index 3ae9c0f5f..135b37829 100644 --- a/src/app/workspace/workspace.less +++ b/src/app/workspace/workspace.less @@ -8,7 +8,6 @@ &.is-hidden { display: none; } - background: @background-session; border: 1px solid @base-border; border-radius: 8px; // transition: width 0.2s ease;