html.dark {
  .cmdb {
    .card, .card-body, .card-header {
      border-color: @darkBorderColor;
    }

    .card-header {
      background: #2B3137;
    }

    .suggestions {
      .dropdown-selector {
        background: @darkGray750;
        &_item.disabled {
          color: #868686;
        }
      }

      .link img {
        filter: brightness(0) invert(1);
      }
    }

    input, textarea {
      background: @darkGray900;
    }
    .item-actions-dropdown {
      button, i {
        background: @darkGray750;
        color: @darkTextColor;
        &:hover {
          background: none;
        }
      }
      background: @darkGray750;
      color: @darkTextColor;
    }

    .dropdown-selector_item {
      &:hover, &.selected {
        background: @darkGray600;
      }
      &.selected {
        &:before {
          filter: brightness(0) invert(1);
        }
      }
    }

    .dropdown-selector_footer {
      background: none;
    }

    .item.highlighted {
      background: #30353C;
    }

    .tooltip-box .tooltip-text {
      background: @darkGray700;
      color: @darkTextColor;
    }

    .items {
      .item, .item-tags span, .item-description {
        border-color: @darkBorderColor;
        color: @darkmodeInactiveTextColor;
      }
      .item form {
        > div {
          input, select, textarea {
            border-color: @darkBorderColor;
            border-width: 1px !important;
            color: @darkmodeTitleText;
          }
          label.active,  label.active div {
            color: #7A8FF5;
            input, select, textarea {
              border-color: #7A8FF5 !important;
            }
          }
        }
      }
    }

    .card-footer .btn-transparent {
      &, * {
        color: #A2B2E5;
      }
    }

    .cmdb-pagination {
      * {
        border-color: @darkmodeTitleText;
      }
      button {
        color: @darkmodeTitleText !important;
      }
    }
  }
}