_treeview.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. // TREEVIEW
  2. // -----------------------------------------------------------------------------
  3. .jstree-default {
  4. .jstree-checkbox {
  5. background-image: url(../images/jstree.png);
  6. }
  7. .jstree-icon {
  8. color: #333;
  9. }
  10. .jstree-hovered {
  11. background-color: lighten($color-primary, 55%);
  12. }
  13. .jstree-clicked {
  14. background-color: lighten($color-primary, 45%);
  15. }
  16. .jstree-disabled {
  17. opacity: 0.5;
  18. cursor: not-allowed;
  19. }
  20. .colored {
  21. color: $color-primary;
  22. .jstree-icon {
  23. color: $color-primary;
  24. }
  25. }
  26. .colored-icon {
  27. .jstree-icon {
  28. color: $color-primary;
  29. }
  30. }
  31. .folder {
  32. .jstree-icon {
  33. color: #ddc03f !important;
  34. }
  35. }
  36. }
  37. // DARK
  38. // -----------------------------------------------------------------------------
  39. /* dark */
  40. html.dark body {
  41. .jstree-default {
  42. .jstree-checkbox {
  43. background-image: url(../images/jstree-dark.png);
  44. }
  45. .jstree-hovered {
  46. background-color: $dark-color-2 !important;
  47. box-shadow: none;
  48. }
  49. .jstree-clicked {
  50. background-color: $dark-color-1 !important;
  51. box-shadow: none;
  52. }
  53. .jstree-icon {
  54. color: $dark-default-text;
  55. }
  56. }
  57. }