From e4c7d8d0155238c668abf36aaf9821cd08b135b7 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 27 Nov 2024 20:04:07 +0200 Subject: [PATCH] Restyle tabs --- src/public/stylesheets/theme-next.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index be5ec86a8..3472d265e 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -95,12 +95,13 @@ --gutter-color: transparent; --gutter-hover-color: #bfbfbf; - --active-tab-background-color: #ddd; - --active-tab-hover-background-color: #d1d1d1; + --active-tab-background-color: white; + --active-tab-hover-background-color: var(--active-tab-background-color); --active-tab-text-color: black; + --active-tab-shadow: 3px 3px 6px rgba(0, 0, 0, .1); - --inactive-tab-background-color: #f0f0f0; - --inactive-tab-hover-background-color: #e3e3e3; + --inactive-tab-background-color: transparent; + --inactive-tab-hover-background-color: var(--left-pane-item-hover-background); --inactive-tab-text-color: #666; --scrollbar-border-color: #ddd; @@ -190,6 +191,7 @@ --active-tab-background-color: #666; --active-tab-hover-background-color: #737373; --active-tab-text-color: #ccc; + --active-tab-shadow: 3px 3px 6px rgba(0, 0, 0, .1); --inactive-tab-background-color: #444; --inactive-tab-hover-background-color: #525252; @@ -425,6 +427,11 @@ 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 */