Restyle tabs

This commit is contained in:
Adorian Doran 2024-11-27 20:04:07 +02:00
parent f24242d721
commit e4c7d8d015

View File

@ -95,12 +95,13 @@
--gutter-color: transparent; --gutter-color: transparent;
--gutter-hover-color: #bfbfbf; --gutter-hover-color: #bfbfbf;
--active-tab-background-color: #ddd; --active-tab-background-color: white;
--active-tab-hover-background-color: #d1d1d1; --active-tab-hover-background-color: var(--active-tab-background-color);
--active-tab-text-color: black; --active-tab-text-color: black;
--active-tab-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
--inactive-tab-background-color: #f0f0f0; --inactive-tab-background-color: transparent;
--inactive-tab-hover-background-color: #e3e3e3; --inactive-tab-hover-background-color: var(--left-pane-item-hover-background);
--inactive-tab-text-color: #666; --inactive-tab-text-color: #666;
--scrollbar-border-color: #ddd; --scrollbar-border-color: #ddd;
@ -190,6 +191,7 @@
--active-tab-background-color: #666; --active-tab-background-color: #666;
--active-tab-hover-background-color: #737373; --active-tab-hover-background-color: #737373;
--active-tab-text-color: #ccc; --active-tab-text-color: #ccc;
--active-tab-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
--inactive-tab-background-color: #444; --inactive-tab-background-color: #444;
--inactive-tab-hover-background-color: #525252; --inactive-tab-hover-background-color: #525252;
@ -425,6 +427,11 @@
transform: translate3d(var(--tab-first-item-horiz-offset), 0, 0); transform: translate3d(var(--tab-first-item-horiz-offset), 0, 0);
} }
.tab-row-widget .note-tab[active] .note-tab-wrapper {
box-shadow: var(--active-tab-shadow);
font-weight: unset !important;
}
/* /*
* Center pane * Center pane
*/ */