@import "variables";

@media (prefers-color-scheme: dark) {
  $text-color: $gray-300;

  a {
    color: $cyan;
  }

  body {
    background-color: $black;
    color: $text-color;
  }

  code,
  pre code {
    color: $text-color;
  }

  footer {
    background-color: $gray-800;
  }

  .bg-light {
    background-color: $gray-900 !important;
  }

  .highlight {
    background-color: $gray-800;
  }

  .navbar-light .navbar-brand {
    color: rgba($text-color, 0.9);
  }
}

@import "variables";

@media (prefers-color-scheme: dark) {
  $text-color: $gray-300;

  a {
    color: $cyan;
  }

  body {
    background-color: $black;
    color: $text-color;
  }

  code,
  pre code {
    color: $text-color;
  }

  footer {
    background-color: $gray-800;
  }

  .bg-light {
    background-color: $gray-900 !important;
  }

  .highlight {
    background-color: $gray-800;
  }

  .navbar-light .navbar-brand {
    color: rgba($text-color, 0.9);
  }

  .table {
    color: $text-color;

    td,
    th,
    thead th {
      border-color: $gray-600;
    }
  }
}

Fix table in dark mode
Fix table in dark mode
