A color scheme for you to love. ♡ https://love.holllo.cc
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

56 lines
1.1 KiB

  1. .tab-bar {
  2. background-color: @tab-bar-background-color;
  3. .tab {
  4. background-color: @background-2;
  5. color: @text-color;
  6. font-size: @font-size;
  7. height: @tab-height;
  8. line-height: @tab-height;
  9. margin-right: 1px;
  10. &:hover {
  11. background-color: @background-1;
  12. border-bottom: 1px solid @accent-5;
  13. color: @accent-5;
  14. cursor: pointer;
  15. }
  16. &.active {
  17. background-color: @background-1;
  18. border-bottom: 1px solid @accent-7;
  19. color: @accent-7;
  20. }
  21. &.modified:not(:hover) .close-icon {
  22. top: 50%;
  23. right: @component-padding + 4px;
  24. margin-top: -3px;
  25. border-color: @text-color-info;
  26. }
  27. &.modified:hover .close-icon {
  28. color: currentColor;
  29. }
  30. .close-icon:hover {
  31. color: @text-color-selected;
  32. cursor: pointer;
  33. }
  34. &.active .close-icon:hover {
  35. color: @text-color;
  36. }
  37. &.is-dragging {
  38. background: darken(@tab-background-color, 10%);
  39. border-color: transparent;
  40. opacity: .5;
  41. & .close-icon {
  42. visibility: hidden;
  43. }
  44. }
  45. }
  46. }