.sidebar {
  max-width: 20em !important;
}

//text portion of buttons
.button-text {
  color: var(--ion-color-medium-shade);
}

.tree-node-container {
  .tree-node-icon {
    margin-right: 10px;
  }

  &.page {
    .tree-node-icon {
      color: var(--noded-background-note);
    }
  }

  &.db {
    .tree-node-icon {
      color: var(--noded-background-db);
    }
  }

  &.code {
    .tree-node-icon {
      color: var(--noded-background-code);
    }
  }

  &.files, &.file_box {
    .tree-node-icon {
      color: var(--noded-background-files);
    }
  }
}