Websites/app/javascript/styles/yiff.rest/v2.scss

body.s-v2-yiff-rest {
  background-color: #2c2f33;
  color: #fffdd0;

  a {
    color: #fff;
    text-decoration: none;
  }

  // Bootstrap does not have built in dark pagination
  .pagy-bootstrap {
    $gray-100: #f8f9fa;
    $gray-600: #6c757d;
    $gray-800: #343a40;
    $pagination-focus-outline: 0;
    $focus-ring-width: 0.25rem;
    $focus-ring-opacity: 0.25;
    $blue: #0d6efd;
    $white: #fff;
    $primary: $blue;
    $focus-ring-color: rgba($primary, $focus-ring-opacity);
    $focus-ring-blur: 0;
    $focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width
    $focus-ring-color;
    $pagination-focus-box-shadow: $focus-ring-box-shadow;

    $pagination-dark-color: $gray-100;
    $pagination-dark-bg: $gray-800;
    $pagination-dark-border-color: $gray-600;

    $pagination-dark-hover-color: $pagination-dark-color;
    $pagination-dark-hover-bg: $gray-600;
    $pagination-dark-hover-border-color: $pagination-dark-border-color;
    $component-active-color: $white;
    $component-active-bg: $primary;
    $pagination-active-color: $component-active-color;
    $pagination-active-bg: $component-active-bg;
    $pagination-active-border-color: $component-active-bg;

    .page-link {
      color: $pagination-dark-color;
      background-color: $pagination-dark-bg;
      border-color: $pagination-dark-border-color;

      &:hover {
        color: $pagination-dark-hover-color;
        background-color: $pagination-dark-hover-bg;
        border-color: $pagination-dark-hover-border-color;
      }

      &:focus {
        outline: $pagination-focus-outline;
        box-shadow: $pagination-focus-box-shadow;
      }
    }

    .page-item {
      &.active .page-link {
        color: $pagination-active-color;
        background-color: $pagination-active-bg;
        border-color: $pagination-active-border-color;
      }

      &.disabled .page-link {
        background-color: $pagination-dark-bg;
        border-color: $pagination-dark-border-color;
      }
    }
  }

  .category-list, .category-image-list {
    a {
      color: #ede660;
    }

    ul.details {
      padding: 0;

      li {
        list-style: none;
        ul {
          padding-left: 1rem;
        }
      }
    }
  }
}