From d5275f51e12ac99dc43c5013897e64903d112d74 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Tue, 5 Jul 2022 18:07:17 +0200
Subject: [PATCH] UI: Use accent color for active tab items

---
 web/app/src/components/TabsWrapper.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/app/src/components/TabsWrapper.vue b/web/app/src/components/TabsWrapper.vue
index 0e873e88..94d60255 100644
--- a/web/app/src/components/TabsWrapper.vue
+++ b/web/app/src/components/TabsWrapper.vue
@@ -44,9 +44,13 @@ nav {
   user-select: none;
 }
 
-.tab-item:hover,
-.tab-item.active {
+.tab-item:hover {
   border-color: var(--color-text);
   color: var(--color-text);
 }
+
+.tab-item.active {
+  border-color: var(--color-accent);
+  color: var(--color-accent);
+}
 </style>