fineui/src/less/resource/background.less

@import "../image";
@import "../lib/icon";
@import "../lib/background";
@import "../base/tree/tree.expander.less";

.bi-display-tree {
  & .ztree li span.button.switch.center_open {
    .image2xPath(@icon-tree-vertical-line-3);
  }

  & .ztree li span.button.switch.roots_open {
    .image2xPath(@icon-tree-vertical-line-2);
  }

  & .ztree li span.button.switch.bottom_open {
    .image2xPath(@icon-tree-vertical-line-4);
  }
}

.bi-display-tree {
  & .ztree.solid li span.button.switch.center_open {
    .image2xPath(@icon-tree-solid-vertical-line-3);
  }

  & .ztree.solid li span.button.switch.roots_open {
    .image2xPath(@icon-tree-solid-vertical-line-2);
  }

  & .ztree.solid li span.button.switch.bottom_open {
    .image2xPath(@icon-tree-solid-vertical-line-4);
  }
}

.ztree li span.button.root_open {
  .image2xPath(@icon-tree-expand-type1);
}

.ztree.solid li span.button.root_open {
  .image2xPath(@icon-tree-solid-expand-type1);
}

.bi-theme-dark {
  .ztree li span.button.root_open {
    .image2xPath(@icon-tree-expand-type1-theme-dark);
  }
  .ztree.solid li span.button.root_open {
    .image2xPath(@icon-tree-solid-expand-type1-theme-dark);
  }
}

.ztree li span.button.root_close {
  .image2xPath(@icon-tree-collapse-type1);
}

.ztree.solid li span.button.root_close {
  .image2xPath(@icon-tree-solid-collapse-type1);
}

.bi-theme-dark {
  .ztree li span.button.root_close {
    .image2xPath(@icon-tree-collapse-type1-theme-dark);
  }
  .ztree.solid li span.button.root_close {
    .image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
  }
}

.ztree li span.button.roots_open {
  .image2xPath(@icon-tree-expand-type2);
}

.ztree.solid li span.button.roots_open {
  .image2xPath(@icon-tree-solid-expand-type2);
}

.bi-theme-dark {
  .ztree li span.button.roots_open {
    .image2xPath(@icon-tree-expand-type2-theme-dark);
  }
  .ztree.solid li span.button.roots_open {
    .image2xPath(@icon-tree-solid-expand-type2-theme-dark);
  }
}

.ztree li span.button.roots_close {
  .image2xPath(@icon-tree-collapse-type2);
}

.ztree.solid li span.button.roots_close {
  .image2xPath(@icon-tree-solid-collapse-type2);
}

.bi-theme-dark {
  .ztree li span.button.roots_close {
    .image2xPath(@icon-tree-collapse-type2-theme-dark);
  }
  .ztree.solid li span.button.roots_close {
    .image2xPath(@icon-tree-solid-collapse-type2-theme-dark);
  }
}

.ztree li span.button.center_open {
  .image2xPath(@icon-tree-expand-type3);
}

.ztree.solid li span.button.center_open {
  .image2xPath(@icon-tree-solid-expand-type3);
}

.bi-theme-dark {
  .ztree li span.button.center_open {
    .image2xPath(@icon-tree-expand-type3-theme-dark);
  }
  .ztree.solid li span.button.center_open {
    .image2xPath(@icon-tree-solid-expand-type3-theme-dark);
  }
}

.ztree li span.button.center_close {
  .image2xPath(@icon-tree-collapse-type3);
}

.ztree.solid li span.button.center_close {
  .image2xPath(@icon-tree-solid-collapse-type3);
}

.bi-theme-dark {
  .ztree li span.button.center_close {
    .image2xPath(@icon-tree-collapse-type3-theme-dark);
  }
  .ztree.solid li span.button.center_close {
    .image2xPath(@icon-tree-solid-collapse-type3-theme-dark);
  }
}

.ztree li span.button.bottom_open {
  .image2xPath(@icon-tree-expand-type4);
}

.ztree.solid li span.button.bottom_open {
  .image2xPath(@icon-tree-solid-expand-type4);
}

.bi-theme-dark {
  .ztree li span.button.bottom_open {
    .image2xPath(@icon-tree-expand-type4-theme-dark);
  }
  .ztree.solid li span.button.bottom_open {
    .image2xPath(@icon-tree-solid-expand-type4-theme-dark);
  }
}

.ztree li span.button.bottom_close {
  .image2xPath(@icon-tree-collapse-type4);
}

.ztree.solid li span.button.bottom_close {
  .image2xPath(@icon-tree-solid-collapse-type4);
}

.bi-theme-dark {
  .ztree li span.button.bottom_close {
    .image2xPath(@icon-tree-collapse-type4-theme-dark);
  }
  .ztree.solid li span.button.bottom_close {
    .image2xPath(@icon-tree-solid-collapse-type4-theme-dark);
  }
}

.ztree li span.button.roots_docu {
  .image2xPath(@icon-tree-vertical-line-2);
}

.ztree.solid li span.button.roots_docu {
  .image2xPath(@icon-tree-solid-vertical-line-2);
}

.bi-theme-dark {
  .ztree li span.button.roots_docu {
    .image2xPath(@icon-tree-vertical-line-2-theme-dark);
  }
  .ztree.solid li span.button.roots_docu {
    .image2xPath(@icon-tree-solid-vertical-line-2-theme-dark);
  }
}

.ztree li span.button.center_docu {
  .image2xPath(@icon-tree-vertical-line-3);
}

.ztree.solid li span.button.center_docu {
  .image2xPath(@icon-tree-solid-vertical-line-3);
}

.bi-theme-dark {
  .ztree li span.button.center_docu {
    .image2xPath(@icon-tree-vertical-line-3-theme-dark);
  }
  .ztree.solid li span.button.center_docu {
    .image2xPath(@icon-tree-solid-vertical-line-3-theme-dark);
  }
}

.ztree li span.button.bottom_docu {
  .image2xPath(@icon-tree-vertical-line-4);
}

.ztree.solid li span.button.bottom_docu {
  .image2xPath(@icon-tree-solid-vertical-line-4);
}

.bi-theme-dark {
  .ztree li span.button.bottom_docu {
    .image2xPath(@icon-tree-vertical-line-4-theme-dark);
  }
  .ztree.solid li span.button.bottom_docu {
    .image2xPath(@icon-tree-solid-vertical-line-4-theme-dark);
  }
}

.ztree li span.button.ico_loading {
  .image2xPath(@icon-loading);
}

.base-line-conn-background {
  .imagePath(@icon-tree-vertical-line-1, 0, 0, repeat-y);
}

.base-solid-line-conn-background {
  .image2xPath(@icon-tree-solid-vertical-line-1, 0, 0, repeat-y);
}

.bi-theme-dark {
  .base-line-conn-background {
    .imagePath(@icon-tree-vertical-line-1-theme-dark, 0, 0, repeat-y);
  }
}

.bi-theme-dark {
  .base-solid-line-conn-background {
    .image2xPath(@icon-tree-solid-vertical-line-1-theme-dark, 0, 0, repeat-y);
  }
}

.first-line-conn-background {
  .imagePath(@icon-tree-vertical-line-2);
}

.first-solid-line-conn-background {
  .image2xPath(@icon-tree-solid-vertical-line-2);
}

.bi-theme-dark {
  .first-line-conn-background {
    .imagePath(@icon-tree-vertical-line-2-theme-dark);
  }
}

.bi-theme-dark {
  .first-solid-line-conn-background {
    .image2xPath(@icon-tree-solid-vertical-line-2-theme-dark);
  }
}

.mid-line-conn-background {
  .imagePath(@icon-tree-vertical-line-3);
}

.mid-solid-line-conn-background {
  .image2xPath(@icon-tree-solid-vertical-line-3);
}

.bi-theme-dark {
  .mid-line-conn-background {
    .imagePath(@icon-tree-vertical-line-3-theme-dark);
  }
}

.bi-theme-dark {
  .mid-solid-line-conn-background {
    .image2xPath(@icon-tree-solid-vertical-line-3-theme-dark);
  }
}

.last-line-conn-background {
  .imagePath(@icon-tree-vertical-line-4);
}

.last-solid-line-conn-background {
  .image2xPath(@icon-tree-solid-vertical-line-4);
}

.bi-theme-dark {
  .last-line-conn-background {
    .imagePath(@icon-tree-vertical-line-4-theme-dark);
  }
}

.bi-theme-dark {
  .last-solid-line-conn-background {
    .image2xPath(@icon-tree-solid-vertical-line-4-theme-dark);
  }
}

.loading-background {
  .image2xPath(@icon-loading);
}

.auto-color-background {
  .image2xPath(@background-auto-color);
}

.auto-color-normal-background {
  .image2xPath(@background-auto-color-normal);
}

.auto-color-normal-disabled-background {
  .image2xPath(@background-auto-color-disabled);
}

.auto-color-square-normal-background {
  .image2xPath(@background-auto-color-square-normal);
}

.auto-color-no-square-normal-background {
  .image2xPath(@background-auto-color-no-square-normal);
}

.trans-color-background {
  .image2xPath(@background-trans-color);
}

.trans-color-disabled-background {
  .image2xPath(@background-trans-color-disabled);
}

.auto-color-background {
  &.hack{
    .imagePath(@background-auto-color);
  }
}

.auto-color-normal-background {
  &.hack{
    .imagePath(@background-auto-color-normal);
  }
}

.auto-color-normal-disabled-background {
  &.hack{
    .imagePath(@background-auto-color-disabled);
  }
}

.auto-color-square-normal-background {
  &.hack{
    .imagePath(@background-auto-color-square-normal);
  }
}

.auto-color-no-square-normal-background {
  &.hack{
    .imagePath(@background-auto-color-no-square-normal);
  }
}

.trans-color-background {
  &.hack{
    .imagePath(@background-trans-color);
  }
}

.trans-color-disabled-background {
  &.hack{
    .imagePath(@background-trans-color-disabled);
  }
}

.background(wave-loading, @icon-wave-loading);