.registry {
  .bar {
    background-color: #3E3D40;
    color: #ffffff;
    .menu {
      button {
        background: transparent 50% 50% no-repeat;
        &.add.category {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_library_24.svg');}
        &.add.entry {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_notes_24.svg');}
        &.move {
          background-image: url('~projects/app-vniigaz/src/assets/images/icons/drag-n-drop_24w.svg');
          cursor: move;
        }
        &.edit {background-image: url('~projects/app-vniigaz/src/assets/images/icons/edit_24.svg');}
        &.delete {background-image: url('~projects/app-vniigaz/src/assets/images/icons/close_white_24dp.svg');}
      }
    }
    .expand {
      button {
        background: url('~projects/app-vniigaz/src/assets/images/icons/expand_less_24.svg') 50% 50% no-repeat;
      }
    }
  }
  registry-category {
    display: block;
    .bar {
      background-color: #86898E;
    }

    registry-category {
      .bar {
        background-color: #F5F4F4;
        color: #86898E;

        .menu {
          button {
            &.add.category {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_library_dark_24.svg');}
            &.add.entry {background-image: url('~projects/app-vniigaz/src/assets/images/icons/add_notes_dark_24.svg');}
            &.move {background-image: url('~projects/app-vniigaz/src/assets/images/icons/drag-n-drop_24.svg');}
            &.edit {background-image: url('~projects/app-vniigaz/src/assets/images/icons/edit_dark_24.svg');}
            &.delete {background-image: url('~projects/app-vniigaz/src/assets/images/icons/close_24dp.svg');}
          }
        }
        .expand {
          button {
            background: url('~projects/app-vniigaz/src/assets/images/icons/expand_less_dark_24.svg') 50% 50% no-repeat;
          }
        }
      }

      registry-category {
        padding-left: 24px;
      }
    }
  }
}
