html.dark {
  .group-icon {
    background: url(/images/groups/groups_icon_dark.svg) no-repeat !important;
  }

  #groupsApp {
    h1 {
      color: @darkTextColor;
    }

    .groups-list {
      &_header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      }

      &_types {
        box-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);

        a {
          color: rgba(255, 255, 255, 0.6);

          &.active {
            color: @darkTextColor;
            border-bottom: 2px solid @Orange800;
          }
        }
      }

      &_table {
        max-width: 1080px;
        th, th i {
          color: rgba(255, 255, 255, 0.6);
        }
      }
    }

    .group-page {
      h2 {
        color: @darkTextColor;
      }

      &_breadcrumbs {
        a {
          color: rgba(255, 255, 255, 0.6);
        }
      }

      &_tabs {
        box-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);

        a {
          color: rgba(255, 255, 255, 0.6);

          &.active {
            color: @darkTextColor;
            border-bottom: 2px solid @Orange800;
          }
        }
      }

      &_statistics {
        &__numbers {
          color: @Orange800;
        }
      }
    }

    td .dropdown-menu {
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    }

    .actions-dots {
      .dropdown-toggle {
        border: none;
        background: none !important;;
      }

      &.open, &:hover {
        background: #3B4046;

        a {
          color: inherit;
        }
      }
    }
  }

  .duplicate-group-dialog {
    .modal-body {
      .question {
        color: @darkTextColor;
      }

      label {
        color: @darkTextColor;

        span {
          color: @darkTextColor;
        }
      }
    }
  }
}
