_file.scss

.fs_modal_file_viewer_header {
  background-color: $color-shade-dark;
  box-shadow: 0 1px 0 $color-shadow-dark;

  .btn {
    color: $base-font-color;
  }

  .star {
    color: $color-highlight;
  }

  .control_btn,
  a.control_btn {
    color: $base-font-color;

    &:link,
    &:visited {
      color: $base-font-color;
    }

    &:focus,
    &:hover {
      color: $color-highlight;
    }

    &.active,
    &:active {
      background: $color-shade-light;
    }
  }

  .file_size {
    color: $color-highlight;
  }

  .close_btn {
    &::after {
      border-right: 1px solid $color-shade-light;
    }
  }
}

.fs_modal_file_viewer_content {
  .viewer {
    background-color: $color-shade-darkest;
    color: $base-font-color !important;

    .next_btn,
    .previous_btn {
      ts-icon {
        background: $color-shade-light;
        box-shadow: 0 1px 1px 0 $color-shadow-medium;
      }

      &:focus:not([disabled]),
      &:hover:not([disabled]) {
        background: rgba($color-shade-lightest, 0.25);
        color: $base-font-color;
      }

      &[disabled] {
        &:focus,
        &:hover {
          color: rgba($color-highlight, 0.8);
        }
      }
    }
  }

  .comment_panel {
    background-color: $color-base;
    box-shadow: -1px 0 0 $color-shadow-medium;
  }

  .comment_header {
    background-color: transparent;
    border-bottom: 1px solid $color-shade-darkest;
  }

  .no_comment {
    background-color: $color-base;
    color: $color-highlight;
  }

  .comment_close_btn {
    color: $base-font-color;
  }

  #file_comment {
    color: $base-font-color;
  }
}

.mini_file_profile {
  .meta_data {
    color: $color-highlight;
  }

  .author .member {
    color: $color-highlight !important;
  }

  .title {
    color: $base-font-color;
  }

  .bullet {
    color: $color-highlight;
  }
}