/* user: profile repositories / main */

.user {
  .container {
    .grid {
      .card {
        background: rgb(50, 50, 75);
        box-shadow: none;
        color: rgb(245, 245, 255);
        .content {
          .header {
            color: rgb(245, 245, 255);
          }
        }
        .extra.content {
          ul {
            color: rgb(245, 245, 255);
            li:not(:last-child) {
              border-bottom: 1px solid rgb(60, 60, 90);
            }
            a {
              color: rgb(255, 255, 255);
              &:hover {
                color: rgb(255, 130, 130);
              }
            }
          }
        }
      }
      .secondary.menu {
        overflow-x: auto;
        overflow-y: hidden;
        .item {
          color: rgb(215, 215, 225);
          @include font-family();
          &:hover {
            color: rgb(255, 255, 255);
          }
          &.active {
            color: rgb(245, 245, 255);
            &:hover {
              color: rgb(255, 255, 255);
            }
          }
          @if $nojavascript == true {
            svg {
              display: none;
            }
          }
          .label {
            background: rgb(60, 60, 90);
          }
          @if $singleuser == true {
            &[href*="stars"], 
            &[href*="following"], 
            &[href*="followers"] {
              display: none;
            }
          }
        }
      }
      @if $nojavascript == true {
        .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 {
              @include font-family();
              i.archive.icon {
                color: rgb(215, 215, 225) !important;
              }
            }
            .metas {
              @if $singleuser == true {
                display: none;
              }
              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);
                }
              }
            }
          }
        }
      }
    }
  }
}

/* user: profile public activity */

.user.profile {
  .container {
    .grid {
      .feeds {
        .news {
          .content {
            span {
              color: rgb(215, 215, 225) !important;
            }
          }
          p.grey {
            span {
              color: rgb(215, 215, 225);
            }
          }
          .svg {
            fill: rgb(215, 215, 225);
          }
        }
      }
    }
  }
}

/* user: signin */

.user.signin {
  .container {
    .header { 
      background: rgb(60, 60, 90);
      border: 0;
      color: rgb(245, 245, 255);
    }
    .segment {
      background: rgb(50, 50, 75);
      border: 0;
      color: rgb(245, 245, 255);
      .form {
        .field {
          label {
            color: rgb(245, 245, 255);
            &::after {
              color: rgb(255, 130, 130);
            }
          }
          input {
            background: rgb(40, 40, 60);
          }
          .green.button {
            background: rgb(80, 80, 120);
            box-shadow: none;
            color: rgb(245, 245, 255);
            &:hover {
              background: rgb(70, 70, 105);
            }
          }
        }
      }
    }
  }
}