:root {
  --ty-tree-arrow-color: #999;
  --ty-tree-hover-bg: var(--ty-color-fill-secondary);
  --ty-tree-font-size: var(--ty-font-size-base);
  --ty-tree-node-margin: 2px 0;
  --ty-tree-switcher-size: 20px;
  --ty-tree-label-padding: 1px 2px;
  --ty-tree-label-offset: -4px;
  --ty-tree-title-min-height: 24px;
}

[data-tiny-theme='dark'] {
  --ty-tree-arrow-color: #666;
  --ty-tree-hover-bg: #2a2a2a;
  --ty-tree-font-size: var(--ty-font-size-base);
  --ty-tree-node-margin: 2px 0;
  --ty-tree-switcher-size: 20px;
  --ty-tree-label-padding: 1px 2px;
  --ty-tree-label-offset: -4px;
  --ty-tree-title-min-height: 24px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-tree-arrow-color: #666;
  --ty-tree-hover-bg: #2a2a2a;
  --ty-tree-font-size: var(--ty-font-size-base);
  --ty-tree-node-margin: 2px 0;
  --ty-tree-switcher-size: 20px;
  --ty-tree-label-padding: 1px 2px;
  --ty-tree-label-offset: -4px;
  --ty-tree-title-min-height: 24px;
}
}