review feedbacks

Author: rouk1

skore-ui/src/assets/styles/main.css

@@ -15,3 +15,11 @@
     background-color: var(--color-background-branding);
   }
 }
+
+.simplebar-inverted {
+  .simplebar-scrollbar {
+    &::before {
+      background-color: var(--color-text-tertiary);
+    }
+  }
+}

skore-ui/src/components/TreeAccordionItem.vue

@@ -148,7 +148,6 @@ onMounted(() => {
     align-items: center;
     justify-content: space-between;
     background-color: var(--color-background-primary);
-    color: var(--color-text-primary);
 
     .label {
       display: flex;
@@ -170,6 +169,7 @@ onMounted(() => {
 
       & .text {
         border-radius: var(--radius-xs);
+        color: var(--color-text-primary);
       }
 
       &.has-children {

skore-ui/src/views/project/ProjectViewNavigator.vue

@@ -139,7 +139,7 @@ onBeforeUnmount(() => {
           <span>Add a new view</span>
           <i class="icon-plus-circle" />
         </div>
-        <Simplebar class="view-list" v-if="views.length > 0">
+        <Simplebar class="view-list simplebar-inverted" v-if="views.length > 0">
           <EditableList
             v-model:items="views"
             :actions="[