From fe708d1d3737623f2d4a0292d6c5b625449f328c Mon Sep 17 00:00:00 2001 From: sawka Date: Tue, 30 Jul 2024 15:43:33 -0700 Subject: [PATCH] small updates to tab colors --- frontend/app/tab/tab.less | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/frontend/app/tab/tab.less b/frontend/app/tab/tab.less index 5056e04c4..8036c0694 100644 --- a/frontend/app/tab/tab.less +++ b/frontend/app/tab/tab.less @@ -16,7 +16,8 @@ height: 100%; white-space: nowrap; border-radius: 6px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.05); + border: 0.5px solid rgba(255, 255, 255, 0.08); } &.animate { @@ -27,12 +28,9 @@ &.active { .tab-inner { + border: 0.5px solid rgba(255, 255, 255, 0.2); background: radial-gradient(ellipse 92px 32px at bottom, rgba(118, 255, 53, 0.3) 0%, transparent 100%), - rgba(255, 255, 255, 0.1); - box-shadow: - inset 0 1px 0 0 hsla(0, 0%, 100%, 0.05), - 0 0 0 0.5px hsla(0, 0%, 100%, 0.25), - inset 0 0 0 0 rgba(0, 0, 0, 0.2); + rgba(255, 255, 255, 0.2); } .name { @@ -49,6 +47,7 @@ z-index: var(--zindex-tab-name); font-size: 11px; font-weight: 500; + text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); &.focused { outline: none;