/* explore: repositories / main */

.explore {
  .secondary.menu {
    background-color: rgb(70, 70, 105) !important;
    border-radius: 0;
    .item {
      color: rgb(215, 215, 225);
      &:hover {
        color: rgb(255, 255, 255) !important;
      }
      &.active {
        color: rgb(245, 245, 255) !important;
        &:hover {
          color: rgb(255, 255, 255);
        }
      }
      .label {
        background: rgb(60, 60, 90);
      }
    }
  }
  .container {
    .filter.menu {
      display: none;
    }
    form.form {
      .input {
        input {
          background: rgb(40, 40, 60);
          border: 2px solid rgb(60, 60, 90);
          color: rgb(245, 245, 255);
          &:focus {
            background: rgb(50, 50, 75);
            border: 2px solid rgb(60, 60, 90);
            color: rgb(255, 255, 255);
          }
        }
        .button {
          background: rgb(60, 60, 90);
          border: 0;
          &:hover {
            background: rgb(50, 50, 75);
          }
        }
      }
    }
    .divider {
      border-bottom: 1px solid rgb(60, 60, 90);
    }
    .repository.list {
      .item {
        &:not(:first-child) {
          border-top: 1px solid rgb(60, 60, 90);
        }
        .header {
          a.name {
            i.archive.icon {
              color: rgb(215, 215, 225) !important;
            }
          }
          .metas {
            span {
              color: rgb(215, 215, 225) !important;
            }
          }
        }
        .description {
          p {
            color: rgb(245, 245, 255);
            &.time {
              color: rgb(215, 215, 225);
            }
          }
          .tags {
            a .label {
              background: rgb(60, 60, 90);
              color: rgb(245, 245, 255);
              &:hover {
                background: rgb(70, 70, 105);
                color: rgb(255, 255, 255);
              }
            }
          }
        }
      }
    }
  }
}

/* explore: users */

.explore.users {
  .container {
    .user.list {
      .content {
        .header {
          color: rgb(245, 245, 255);
        }
        .description {
          color: rgb(245, 245, 255);
        }
      }
    }
  }
}