Merge branch 'imprv/83039-triangle-icon' into imprv/83044-hover-page-tree

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -249,6 +249,15 @@ ul.pagination {
 .grw-sidebar {
   // List
   @include override-list-group-item($color-list, $bgcolor-sidebar-list-group, $color-list-hover, $bgcolor-list-hover, $color-list-active, $bgcolor-list-active);
+
+  // Pagetree
+  .grw-pagetree {
+    .grw-triangle-icon {
+      svg {
+        fill: $gray-500;
+      }
+    }
+  }
 }
 
 // Pagetree

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -166,6 +166,15 @@ $border-color: $border-color-global;
 .grw-sidebar {
   // List
   @include override-list-group-item($color-list, $bgcolor-sidebar-list-group, $color-list-hover, $bgcolor-list-hover, $color-list-active, $bgcolor-list-active);
+
+  // Pagetree
+  .grw-pagetree {
+    .grw-triangle-icon {
+      svg {
+        fill: $gray-400;
+      }
+    }
+  }
 }
 
 // Pagetree

packages/app/src/styles/theme/_apply-colors.scss

@@ -522,10 +522,8 @@ body.on-edit {
 }
 
 /*
- * Sidebar
+ * Preview for editing /Sidebar
  */
-
-//  Preview for editing /Sidebar
 body.pathname-sidebar {
   .page-editor-preview-body {
     color: $color-sidebar-context;