gitea-theme/public/css/theme-backend.css

/* ------------------------------------------------ */
/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
/* ------------------------------------------------ */
* {
  scrollbar-color: #ff8282 #3c3c5a;
  scrollbar-width: thin; }
  *::selection {
    background: #f5f5ff; }

body {
  background: #28283c;
  color: #f5f5ff;
  font-family: "Lucida Console", monospace; }

a {
  color: white;
  transition: color 0.2s; }
  a:hover {
    color: #ff8282; }

body > .full.height::first-line,
.full.height > span {
  font-size: 0;
  line-height: 0px; }

.ui.main.menu {
  background: #3c3c5a;
  border-bottom: 0;
  font-size: 15px;
  min-height: 64px;
  font-family: "Lucida Console", monospace; }
  .ui.main.menu #navbar {
    width: 1127px;
    padding: 0; }
    .ui.main.menu #navbar .item {
      color: #f5f5ff; }
      .ui.main.menu #navbar .item.brand {
        margin: 0 .5rem 0 0; }
        .ui.main.menu #navbar .item.brand .mini.image {
          transition: opacity .2s; }
          .ui.main.menu #navbar .item.brand .mini.image:hover {
            opacity: .9; }
        .ui.main.menu #navbar .item.brand .button.mobile-only {
          display: none; }
      .ui.main.menu #navbar .item:not(.brand) {
        border-radius: 0;
        display: block;
        margin: 0px 0px;
        padding: 24px;
        transition: background .2s, color .2s; }
        .ui.main.menu #navbar .item:not(.brand):hover {
          background: #32324b; }
        .ui.main.menu #navbar .item.active:not(.brand) {
          background: #32324b; }
    .ui.main.menu #navbar .seperator {
      cursor: default;
      display: block;
      padding: 22px; }
  .ui.main.menu .dropdown.item > .menu {
    margin-top: 0; }
  .ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu {
    border: 0;
    z-index: 110; }
  .ui.main.menu .dropdown.item:hover,
  .ui.main.menu .link.item:hover,
  .ui.main.menu .active.item:hover,
  .ui.main.menu a.item:hover {
    color: #ffffff; }

@media (max-width: 767.98px) {
  .ui.main.menu {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
    .ui.main.menu #navbar .item {
      width: auto !important; }
    .ui.main.menu #navbar .right.custom.menu {
      display: inherit !important;
      flex-direction: row !important;
      margin-left: auto !important; } }

/* repository: code / main */
.repository .header-wrapper {
  background-color: #464669; }
  .repository .header-wrapper .repo-header .repo-title a {
    color: #f5f5ff; }
    .repository .header-wrapper .repo-header .repo-title a:hover {
      color: #ff8282; }
  .repository .header-wrapper .repo-header .repo-title .divider {
    color: #d7d7e1; }
  .repository .header-wrapper .repo-header .repo-title .svg.octicon-repo {
    display: none; }
  .repository .header-wrapper .repo-header .repo-buttons .button {
    background: #3c3c5a;
    box-shadow: none;
    color: #f5f5ff;
    transition: background .2s, color .2s;
    font-family: "Lucida Console", monospace; }
    .repository .header-wrapper .repo-header .repo-buttons .button:hover {
      background: #32324b;
      color: white; }
  .repository .header-wrapper .repo-header .repo-buttons .label {
    background: #32324b;
    box-shadow: none;
    color: #f5f5ff;
    transition: background .2s, color .2s; }
    .repository .header-wrapper .repo-header .repo-buttons .label:hover {
      background: #28283c;
      color: white; }
  .repository .header-wrapper .tabs.container .menu.navbar .item {
    border-bottom: 2px solid transparent;
    border-radius: 5px 5px 0 0;
    color: #d7d7e1;
    transition: background .2s, color .2s;
    font-family: "Lucida Console", monospace; }
    .repository .header-wrapper .tabs.container .menu.navbar .item:hover {
      background: #3c3c5a !important;
      color: white; }
    .repository .header-wrapper .tabs.container .menu.navbar .item.active {
      background: transparent;
      border: 0;
      border-bottom: 2px solid;
      color: #f5f5ff; }
    .repository .header-wrapper .tabs.container .menu.navbar .item span.label {
      background: #f5f5ff;
      color: #3c3c5a; }

.repository .container .repo-description {
  color: #f5f5ff; }
  .repository .container .repo-description a {
    color: #d7d7e1; }
    .repository .container .repo-description a:hover {
      color: #ff8282; }

.repository .container #repo-topics .repo-topic.label {
  background: #3c3c5a;
  color: #f5f5ff; }
  .repository .container #repo-topics .repo-topic.label:hover {
    background: #464669;
    color: white; }

.repository .container .repo-topic-edit {
  display: none !important; }
  .repository .container .repo-topic-edit.success, .repository .container .repo-topic-edit.error {
    display: flex !important; }

.repository .container .repository-summary {
  border: 0;
  box-shadow: none; }
  .repository .container .repository-summary .repository-menu {
    background: #3c3c5a !important;
    border-radius: 5px;
    padding: 0; }
    .repository .container .repository-summary .repository-menu .item {
      border-bottom: 2px solid transparent;
      border-radius: 0 !important;
      border-top: 2px solid transparent;
      margin: 0;
      padding: 0;
      transition: background .2s; }
      .repository .container .repository-summary .repository-menu .item:hover {
        background: #32324b; }
      .repository .container .repository-summary .repository-menu .item.active {
        background: initial;
        border-bottom: 2px solid white; }
        .repository .container .repository-summary .repository-menu .item.active:hover {
          background: #32324b; }
      .repository .container .repository-summary .repository-menu .item a {
        color: #f5f5ff !important;
        display: block;
        padding: 8px; }
  .repository .container .repository-summary .language-stats-details {
    background: #32324b; }
    .repository .container .repository-summary .language-stats-details .horizontal.list .item span {
      color: #f5f5ff; }
  .repository .container .repository-summary .language-stats {
    background: #3c3c5a; }

.repository .container .secondary.menu .item .blue.buttons .button {
  background: #3c3c5a;
  box-shadow: none;
  color: #f5f5ff; }
  .repository .container .secondary.menu .item .blue.buttons .button:hover {
    background: #32324b; }

.repository .container .secondary.menu .item #clone-panel #repo-clone-https,
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh {
  color: #f5f5ff;
  box-shadow: none !important;
  font-family: "Lucida Console", monospace; }
  .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue),
  .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) {
    background: #3c3c5a; }
    .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue):hover,
    .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue):hover {
      background: #32324b; }
  .repository .container .secondary.menu .item #clone-panel #repo-clone-https.blue,
  .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh.blue {
    box-shadow: inset 0 0 0 1px #ff8282 !important;
    color: #ff8282 !important; }

.repository .container .secondary.menu .item #clone-panel input#repo-clone-url {
  background: #28283c;
  border: 2px solid #3c3c5a;
  color: #f5f5ff;
  font-family: "Lucida Console", monospace; }
  .repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus {
    background: #32324b;
    border: 2px solid #3c3c5a;
    color: white; }

.repository .container .secondary.menu .item #clipboard-btn {
  background: #3c3c5a; }
  .repository .container .secondary.menu .item #clipboard-btn:hover {
    background: #32324b; }
  .repository .container .secondary.menu .item #clipboard-btn .svg {
    fill: whitesmoke; }

.repository .container .secondary.menu .item div.dropdown.button {
  background: #3c3c5a; }
  .repository .container .secondary.menu .item div.dropdown.button:hover {
    background: #32324b; }
    .repository .container .secondary.menu .item div.dropdown.button:hover .menu {
      background: #3c3c5a;
      border: 1px solid #32324b;
      box-shadow: none; }
      .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item {
        color: #f5f5ff !important; }
        .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item:hover {
          background: #32324b; }
  .repository .container .secondary.menu .item div.dropdown.button .download.icon {
    color: #f5f5ff; }

.repository .container .header {
  background: #3c3c5a;
  border: 0;
  color: #f5f5ff; }

.repository .container .table {
  background: #1e1e2d;
  border: 0;
  border-radius: 5px;
  color: #f5f5ff; }
  .repository .container .table thead tr:hover {
    background: transparent !important; }
  .repository .container .table thead tr th {
    background: #32324b;
    color: #f5f5ff; }
    .repository .container .table thead tr th .time-since {
      color: #f5f5ff; }
  .repository .container .table > thead > tr > th {
    background: #32324b; }
  .repository .container .table tbody tr {
    background: #1e1e2d;
    border: 0; }
    .repository .container .table tbody tr:hover {
      background-color: #28283c !important; }
    .repository .container .table tbody tr .svg.octicon-file-directory, .repository .container .table tbody tr .svg.octicon-file-submodule {
      fill: #ff8282; }
    .repository .container .table tbody tr .svg.octicon-file {
      fill: #d7d7e1; }
    .repository .container .table tbody tr .jumpable-path {
      color: #d7d7e1 !important; }
  .repository .container .table .commit-list th .sha.label {
    background: #464669;
    border: 0 !important;
    color: #f5f5ff;
    transition: background .2s, color .2s; }
    .repository .container .table .commit-list th .sha.label:hover {
      background: #3c3c5a;
      color: white; }

.repository .container .non-diff-file-content {
  color: #f5f5ff; }
  .repository .container .non-diff-file-content .header {
    background: #32324b;
    border: 0;
    color: #f5f5ff;
    font-family: "Lucida Console", monospace; }
  .repository .container .non-diff-file-content .table {
    background: #1e1e2d;
    border: 0;
    color: #f5f5ff; }

/* repository: issues */
.repository .container .grid .column .left.small.menu {
  background: transparent;
  border: 0; }
  .repository .container .grid .column .left.small.menu .item {
    background: #3c3c5a;
    color: #f5f5ff; }
    .repository .container .grid .column .left.small.menu .item:first-child {
      border-radius: 5px 0 0 5px; }
    .repository .container .grid .column .left.small.menu .item:hover {
      background: #32324b; }
    .repository .container .grid .column .left.small.menu .item:last-child {
      border-radius: 0 5px 5px 0; }

.repository .container .grid .column form.form .input input {
  background: #28283c;
  border: 2px solid #3c3c5a;
  color: #f5f5ff; }
  .repository .container .grid .column form.form .input input:focus {
    background: #32324b;
    border: 2px solid #3c3c5a;
    color: white; }

.repository .container .grid .column form.form .input .button {
  background: #3c3c5a;
  border: 0; }
  .repository .container .grid .column form.form .input .button:hover {
    background: #32324b; }

.repository .container .grid .column .green.button {
  background: #64c882;
  box-shadow: none;
  color: white; }
  .repository .container .grid .column .green.button:hover {
    background: #50b46e; }

.repository .container .ui.divider {
  border: 0;
  border-top: 1px solid #3c3c5a; }

.repository .container .grid .column .basic.button:not(.active) {
  background: #3c3c5a;
  color: #f5f5ff; }
  .repository .container .grid .column .basic.button:not(.active):hover {
    background: #32324b; }

.repository .container .grid .column .basic.button.red {
  background: #ff8282;
  box-shadow: none;
  color: white; }
  .repository .container .grid .column .basic.button.red:hover {
    background: #eb6e6e; }

.repository .container .grid .column .filter.menu .item {
  background: #3c3c5a;
  color: #f5f5ff; }
  .repository .container .grid .column .filter.menu .item:first-of-type {
    margin-left: auto; }
  .repository .container .grid .column .filter.menu .item:hover {
    background: #32324b; }
  .repository .container .grid .column .filter.menu .item .menu {
    background: #3c3c5a;
    border: 1px solid #32324b;
    box-shadow: none;
    margin-top: 0; }
    .repository .container .grid .column .filter.menu .item .menu .item {
      color: #f5f5ff !important; }
      .repository .container .grid .column .filter.menu .item .menu .item:hover {
        background: #32324b; }

.repository .container .issue.list .item {
  border-bottom: 1px dashed #464669; }
  .repository .container .issue.list .item .label {
    background: #f5f5ff;
    color: #3c3c5a; }
  .repository .container .issue.list .item .title {
    border-bottom: 1px solid transparent;
    color: #f5f5ff;
    transition: border .2s, color .2s; }
    .repository .container .issue.list .item .title:hover {
      border-bottom: 1px solid #ff8282;
      color: #ff8282; }
  .repository .container .issue.list .item .desc {
    color: #d7d7e1; }

/* repository: issues view issue */
.repository.view.issue .container div .grid .column.title .grid h1 .index {
  color: #d7d7e1; }

.repository.view.issue .container div .grid .column.title .grid h1 #issue-title {
  color: white; }

.repository.view.issue .container div .grid .column.title .label.green {
  background: #64c882; }

/* repository: releases */
.repository.release .container .header {
  background: transparent;
  font-family: "Lucida Console", monospace; }

.repository.release .container #release-list {
  border-top: 1px solid #3c3c5a; }

/* repository: activity */
.repository.commits .container h2.header {
  font-family: "Lucida Console", monospace;
  background: transparent; }
  .repository.commits .container h2.header .filter .button {
    background: #3c3c5a;
    color: #f5f5ff;
    font-family: "Lucida Console", monospace; }
    .repository.commits .container h2.header .filter .button:hover {
      background: #32324b; }
  .repository.commits .container h2.header .filter .menu {
    background: #3c3c5a;
    border: 1px solid #32324b;
    box-shadow: none; }
    .repository.commits .container h2.header .filter .menu .item {
      color: #f5f5ff; }
      .repository.commits .container h2.header .filter .menu .item:hover {
        background: #32324b; }

.repository.commits .container .segment {
  background: #1e1e2d;
  border: 0; }
  .repository.commits .container .segment .text {
    background: #1e1e2d; }
  .repository.commits .container .segment h4.header {
    background: #1e1e2d; }

/* repository: commits */
.repository.commits .container .secondary.menu {
  margin-left: -15px; }
  .repository.commits .container .secondary.menu .item .button {
    background: #3c3c5a;
    color: #f5f5ff; }
    .repository.commits .container .secondary.menu .item .button:hover {
      background: #32324b; }

.repository.commits .container .header form .search.input input {
  background: #28283c;
  border: 0;
  color: #f5f5ff; }
  .repository.commits .container .header form .search.input input:focus {
    background: #32324b;
    color: white; }

.repository.commits .container .header form .checkbox label {
  color: #f5f5ff; }

.repository.commits .container .table .very.basic.table .commit-list tr .sha.label {
  background: #464669;
  border: 0 !important;
  color: #f5f5ff;
  transition: background .2s, color .2s; }
  .repository.commits .container .table .very.basic.table .commit-list tr .sha.label:hover {
    background: #3c3c5a;
    color: white; }

/* repository: branches */
.repository.branches .container .table tbody tr:hover {
  background: #1e1e2d; }

.repository.branches .container .table tbody tr td .info {
  color: #f5f5ff; }
  .repository.branches .container .table tbody tr td .info .svg {
    fill: #f5f5ff; }

.repository.branches .container .table tbody tr td .dropdown.button .download.icon {
  color: #f5f5ff; }

/* repository: diff */
.repository.diff .container .top.info {
  background: #3c3c5a !important;
  border: 0;
  color: #f5f5ff; }
  .repository.diff .container .top.info .button {
    background: #505078;
    box-shadow: none;
    color: #f5f5ff; }
    .repository.diff .container .top.info .button:hover {
      background: #464669; }
  .repository.diff .container .top.info .text.grey {
    color: #d7d7e1 !important; }

.repository.diff .container .info {
  background: #32324b;
  border: 0;
  color: #f5f5ff; }
  .repository.diff .container .info .text.grey .time-since {
    color: #d7d7e1 !important; }
  .repository.diff .container .info .sha.label {
    background: #464669;
    border: 0 !important;
    color: #f5f5ff;
    transition: background .2s, color .2s; }
    .repository.diff .container .info .sha.label:hover {
      background: #3c3c5a;
      color: white; }

.repository.diff .container div .diff-detail-box {
  background: #32324b;
  color: #f5f5ff;
  padding: 10px; }
  .repository.diff .container div .diff-detail-box .button {
    background: #464669;
    color: #f5f5ff; }
    .repository.diff .container div .diff-detail-box .button:hover {
      background: #3c3c5a; }
    .repository.diff .container div .diff-detail-box .button .menu {
      background: #464669;
      border: 1px solid #3c3c5a;
      box-shadow: none; }
      .repository.diff .container div .diff-detail-box .button .menu .item {
        color: #f5f5ff; }
        .repository.diff .container div .diff-detail-box .button .menu .item:hover {
          background: #3c3c5a; }

.repository.diff .container div .diff-stats.detail-files {
  background: #1e1e2d;
  border-radius: 0 0 5px 5px;
  margin: 0 0 10px 0; }
  .repository.diff .container div .diff-stats.detail-files li {
    border-bottom: 1px dashed #3c3c5a; }
    .repository.diff .container div .diff-stats.detail-files li:last-of-type {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .repository.diff .container div .diff-stats.detail-files li .diff-counter .add {
      color: #64c882; }
    .repository.diff .container div .diff-stats.detail-files li .diff-counter .del {
      color: #ff8282; }

.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar {
  background: #ff8282; }
  .repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add {
    background: #64c882; }

.repository.diff .container div .diff-file-box .diff-file-header .file {
  color: #f5f5ff; }

.repository.diff .container div .diff-file-box .diff-file-header .button {
  background: #505078;
  box-shadow: none;
  color: #f5f5ff; }
  .repository.diff .container div .diff-file-box .diff-file-header .button:hover {
    background: #464669; }

.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .tag-code td {
  background: #1e1e2d !important;
  border-color: #3c3c5a !important;
  color: white; }

.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .same-code td {
  background: #1e1e2d !important;
  border-color: #3c3c5a !important;
  color: white; }

.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .del-code td {
  background: #ff8282 !important;
  border-color: #ff6464 !important;
  color: white; }
  .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code {
    background: #ff6e6e; }

.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td {
  background: #64c882 !important;
  border-color: #64dc78 !important;
  color: white; }
  .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code {
    background: #50b46e; }

/* repository: files */
.repository.file .container .secondary.menu .item .repo-path a {
  color: #d7d7e1; }
  .repository.file .container .secondary.menu .item .repo-path a:hover {
    color: #ff8282; }

.repository.file .container .secondary.menu .item .repo-path .divider {
  color: #d7d7e1; }

.repository.file .container .secondary.menu .item .repo-path .active.section {
  color: white; }

.repository.file .container .non-diff-file-content .file-header .file-header-left .file-info {
  color: #d7d7e1 !important; }

.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions a .btn-octicon .svg {
  fill: #d7d7e1;
  transition: fill .2s; }
  .repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions a .btn-octicon .svg:hover {
    fill: white; }

.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button {
  background: #464669;
  box-shadow: none;
  color: #f5f5ff;
  font-family: "Lucida Console", monospace; }
  .repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button:hover {
    background: #3c3c5a; }

.repository.file .container .non-diff-file-content .table .file-view.code-view table tbody tr td,
.repository.file .container .non-diff-file-content .table .file-view.code-view table tbody tr td pre code .linenums {
  background: #1e1e2d !important;
  border-color: #3c3c5a !important;
  color: white; }

.repository.file .container .non-diff-file-content .table .file-view.markdown a {
  border-bottom: 1px solid;
  padding: 0 2px;
  margin: 0 -2px; }

.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) h1,
.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) h2 {
  border-bottom: 1px solid #3c3c5a; }

.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) pre {
  background: #28283c;
  border-radius: 5px; }

/* explore: repositories / main */
.explore .secondary.menu {
  background-color: #464669 !important;
  border-radius: 0; }
  .explore .secondary.menu .item {
    color: #d7d7e1; }
    .explore .secondary.menu .item:hover {
      color: white !important; }
    .explore .secondary.menu .item.active {
      color: #f5f5ff !important; }
      .explore .secondary.menu .item.active:hover {
        color: white; }
    .explore .secondary.menu .item .label {
      background: #3c3c5a; }

.explore .container form.form .input input {
  background: #28283c;
  border: 2px solid #3c3c5a;
  color: #f5f5ff; }
  .explore .container form.form .input input:focus {
    background: #32324b;
    border: 2px solid #3c3c5a;
    color: white; }

.explore .container form.form .input .button {
  background: #3c3c5a;
  border: 0; }
  .explore .container form.form .input .button:hover {
    background: #32324b; }

.explore .container .divider {
  border-bottom: 1px solid #3c3c5a; }

.explore .container .repository.list .item:not(:first-child) {
  border-top: 1px solid #3c3c5a; }

.explore .container .repository.list .item .header a.name i.archive.icon {
  color: #d7d7e1 !important; }

.explore .container .repository.list .item .header .metas span {
  color: #d7d7e1 !important; }

.explore .container .repository.list .item .description p {
  color: #f5f5ff; }
  .explore .container .repository.list .item .description p.time {
    color: #d7d7e1; }

.explore .container .repository.list .item .description .tags a .label {
  background: #3c3c5a;
  color: #f5f5ff; }
  .explore .container .repository.list .item .description .tags a .label:hover {
    background: #464669;
    color: white; }

/* explore: users */
.explore.users .container .user.list .content .header {
  color: #f5f5ff; }

.explore.users .container .user.list .content .description {
  color: #f5f5ff; }

/* user: profile repositories / main */
.user .container .grid .card {
  background: #32324b;
  box-shadow: none;
  color: #f5f5ff; }
  .user .container .grid .card .content .header {
    color: #f5f5ff; }
  .user .container .grid .card .extra.content ul {
    color: #f5f5ff; }
    .user .container .grid .card .extra.content ul li:not(:last-child) {
      border-bottom: 1px solid #3c3c5a; }
    .user .container .grid .card .extra.content ul a {
      color: white; }
      .user .container .grid .card .extra.content ul a:hover {
        color: #ff8282; }

.user .container .grid .secondary.pointing.menu {
  background: #464669;
  border: 0;
  border-radius: 5px 5px 0 0;
  margin-top: -15px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 20px;
  position: sticky;
  scrollbar-color: #d7d7e1 #464669;
  top: 0;
  transform: rotateX(180deg);
  z-index: 100; }
  .user .container .grid .secondary.pointing.menu .item {
    border-bottom: 2px solid transparent;
    border-radius: 5px 5px 0 0;
    color: #f5f5ff;
    font-family: "Lucida Console", monospace;
    margin-bottom: 10px;
    transform: rotateX(180deg);
    transition: background .2s, color .2s; }
    .user .container .grid .secondary.pointing.menu .item:hover {
      background: #3c3c5a;
      color: white; }
    .user .container .grid .secondary.pointing.menu .item.active {
      border-bottom: 2px solid #f5f5ff;
      color: #f5f5ff; }
      .user .container .grid .secondary.pointing.menu .item.active:hover {
        color: white; }
    .user .container .grid .secondary.pointing.menu .item .label {
      background: #f5f5ff;
      color: #464669; }

.user .container .grid form.form .input input {
  background: #28283c;
  border: 2px solid #3c3c5a;
  color: #f5f5ff; }
  .user .container .grid form.form .input input:focus {
    background: #32324b;
    border: 2px solid #3c3c5a;
    color: white; }

.user .container .grid form.form .input .button {
  background: #3c3c5a;
  border: 0; }
  .user .container .grid form.form .input .button:hover {
    background: #32324b; }

.user .container .grid .divider {
  border-bottom: 1px solid #3c3c5a; }

.user .container .grid .repository.list .item:not(:first-child) {
  border-top: 1px solid #3c3c5a; }

.user .container .grid .repository.list .item .header a.name {
  font-family: "Lucida Console", monospace; }
  .user .container .grid .repository.list .item .header a.name i.archive.icon {
    color: #d7d7e1 !important; }

.user .container .grid .repository.list .item .header .metas span {
  color: #d7d7e1 !important; }

.user .container .grid .repository.list .item .description p {
  color: #f5f5ff; }
  .user .container .grid .repository.list .item .description p.time {
    color: #d7d7e1; }

.user .container .grid .repository.list .item .description .tags a .label {
  background: #3c3c5a;
  color: #f5f5ff; }
  .user .container .grid .repository.list .item .description .tags a .label:hover {
    background: #464669;
    color: white; }

/* user: profile public activity */
.user.profile .container .grid .feeds .news .content span {
  color: #d7d7e1 !important; }

.user.profile .container .grid .feeds .news p.grey span {
  color: #d7d7e1; }

.user.profile .container .grid .feeds .news .svg {
  fill: #d7d7e1; }

/* user: signin */
.user.signin .container .header {
  background: #3c3c5a;
  border: 0;
  color: #f5f5ff; }

.user.signin .container .segment {
  background: #32324b;
  border: 0;
  color: #f5f5ff; }
  .user.signin .container .segment .form .field label {
    color: #f5f5ff; }
    .user.signin .container .segment .form .field label::after {
      color: #ff8282; }
  .user.signin .container .segment .form .field input {
    background: #28283c; }
  .user.signin .container .segment .form .field .green.button {
    background: #505078;
    box-shadow: none;
    color: #f5f5ff; }
    .user.signin .container .segment .form .field .green.button:hover {
      background: #464669; }

footer {
  background: #1e1e2d;
  border-top: 1px solid #28283c;
  color: #d7d7e1;
  text-transform: lowercase; }
  footer .ui.container {
    display: flex;
    align-items: center;
    min-height: 64px;
    width: 1127px !important; }
    footer .ui.container .links {
      margin-left: auto; }
      footer .ui.container .links a {
        color: #d7d7e1; }
        footer .ui.container .links a:hover {
          text-decoration: underline; }
      footer .ui.container .links > * {
        border: 0;
        padding: 0;
        margin-left: 30px; }
      footer .ui.container .links a[href*="gitea.io"]:not(.customlink) {
        display: none; }