small updates to tab colors

This commit is contained in:
sawka 2024-07-30 15:43:33 -07:00
parent f475c7432f
commit fe708d1d37

View File

@ -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;