style.less 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /* jsTree default dark theme */
  2. @theme-name: default-dark;
  3. @hovered-bg-color: #555;
  4. @hovered-shadow-color: #555;
  5. @disabled-color: #666666;
  6. @disabled-bg-color: #333333;
  7. @clicked-bg-color: #5fa2db;
  8. @clicked-shadow-color: #666666;
  9. @clicked-gradient-color-1: #5fa2db;
  10. @clicked-gradient-color-2: #5fa2db;
  11. @search-result-color: #ffffff;
  12. @mobile-wholerow-bg-color: #333333;
  13. @mobile-wholerow-shadow: #111111;
  14. @mobile-wholerow-bordert: #666;
  15. @mobile-wholerow-borderb: #000;
  16. @responsive: true;
  17. @image-path: "";
  18. @base-height: 40px;
  19. @import "../mixins.less";
  20. @import "../base.less";
  21. @import "../main.less";
  22. .jstree-@{theme-name} {
  23. background:#333;
  24. .jstree-anchor { color:#999; text-shadow:1px 1px 0 rgba(0,0,0,0.5); }
  25. .jstree-clicked, .jstree-checked { color:white; }
  26. .jstree-hovered { color:white; }
  27. #jstree-marker& {
  28. border-left-color:#999;
  29. background:transparent;
  30. }
  31. .jstree-anchor > .jstree-icon { opacity:0.75; }
  32. .jstree-clicked > .jstree-icon,
  33. .jstree-hovered > .jstree-icon,
  34. .jstree-checked > .jstree-icon { opacity:1; }
  35. }
  36. // theme variants
  37. .jstree-@{theme-name} {
  38. &.jstree-rtl .jstree-node { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); }
  39. &.jstree-rtl .jstree-last { background:transparent; }
  40. }
  41. .jstree-@{theme-name}-small {
  42. &.jstree-rtl .jstree-node { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); }
  43. &.jstree-rtl .jstree-last { background:transparent; }
  44. }
  45. .jstree-@{theme-name}-large {
  46. &.jstree-rtl .jstree-node { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); }
  47. &.jstree-rtl .jstree-last { background:transparent; }
  48. }