Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-02-01 23:21:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

small updates to tab colors

Browse Source
This commit is contained in:
sawka 2024-07-30 15:43:33 -07:00
parent f475c7432f
commit fe708d1d37
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/app/tab/tab.less
View File

@ -16,7 +16,8 @@
height: 100%; height: 100%;
white-space: nowrap; white-space: nowrap;
border-radius: 6px; 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 { &.animate {
@ -27,12 +28,9 @@
&.active { &.active {
.tab-inner { .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%), background: radial-gradient(ellipse 92px 32px at bottom, rgba(118, 255, 53, 0.3) 0%, transparent 100%),
rgba(255, 255, 255, 0.1); rgba(255, 255, 255, 0.2);
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);
} }
.name { .name {
@ -49,6 +47,7 @@
z-index: var(--zindex-tab-name); z-index: var(--zindex-tab-name);
font-size: 11px; font-size: 11px;
font-weight: 500; font-weight: 500;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
&.focused { &.focused {
outline: none; outline: none;