gitea-theme/scss/import/dashboard.scss

/* dashboard: main */

.dashboard {
  .dashboard-navbar {
    .secondary.menu {
      .item {
        @include dropdown-floating;
      }
    }
  }
  .divider {
    border: 0 !important;
    border-top: 1px solid $bg60 !important;
  }
}

/* dashboard: feeds */

.dashboard.feeds {
  .container {
    .grid {
      .column.ten {
        @include contribution-heatmap;
        .news {
          .grid {
            .column.fourteen {
              div {
                .content {
                  ul {
                    li {
                      .text.grey {
                        color: $white-dark !important;
                      }
                    }
                  }
                }
                .text.grey {
                  .time-since {
                    color: $white-dark;
                  }
                }
              }
            }
            .column.two {
              .text.grey {
                svg {
                  fill: $white-dark;
                }
              }
            }
          }
        }
      }
      .column.six {
        div {
          .item.tabable.menu {
            background: $bg70;
            border: 0;
            .item {
              color: $white;
              &:hover {
                background: $bg60 !important;
              }
              &.active {
                background: $bg60;
                &:hover {
                  background: $bg50;
                }
              }
            }
          }
          .tab.list.dashboard-repos {
            h4.attached.header {
              background: $bg50;
              border: 0;
              color: $white;
              span.grey.label {
                background: $white;
                color: $bg50;
              }
              .right {
                a {
                  color: $white;
                }
              }
            }
            .repos-search {
              background: $bg50;
              border: 0;
              color: $white;
              .input {
                color: $white;
                input {
                  background: $bg40;
                  border: 2px solid $bg70;
                  color: $white;
                }
                .dropdown.button {
                  background: $bg40;
                  &:hover {
                    background: $bg30;
                  }
                }
              }
              .repos-filter {
                .item {
                  color: $white;
                  &.active {
                    .grey.label {
                      background: $white;
                      color: $bg50;
                      border-radius: $border-radius;
                    }
                  }
                }
              }
            }
            .attached.table {
              background: $bg50;
              border: 0;
              color: $white;
              ul {
                li {
                  border-color: $bg70;
                  a {
                    svg {
                      fill: $white;
                    }
                    span.grey.text {
                      color: $white-dark !important;
                      svg {
                        fill: $white-dark;
                      }
                    }
                  }
                  &.private {
                    background: $bg50;
                    a {
                      color: $white-dark;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

/* dashboard: issues */

.dashboard.issues {
  .container {
    .grid {
      .column.four {
        .filter.menu {
          a.item {
            color: $white;
            &.button.blue {
              background: $bg60;
              box-shadow: none !important;
              color: $white-light !important;
            }
            .label {
              background: $white;
              color: $bg60;
            }
          }
        }
      }
      .column.twelve {
        .column.three {
          .column {
            @include open-closed-buttons;
            @include search-issues;
            @include dropdown;
          }
        }
        @include issue-list;
      }
    }
  }
}