Skip to content

Killercoda Dark by penguintamer

Mirrored from https://github.com/penguintamer/userstyle-killercoda-dark/raw/refs/heads/main/killercoda.user.css

Screenshot of Killercoda Dark

Details

Authorpenguintamer

LicenseGPL-3.0-or-later

Categorykillercoda

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Darken the jarring light backgrounds on Killercoda

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           killercoda.com dark
@namespace      https://github.com/penguintamer
@version        1.4.0
@description    Darken the jarring light backgrounds on Killercoda
@author         penguintamer
@license        GPL-3.0-or-later
@supportURL     https://github.com/penguintamer/userstyle-killercoda-dark/issues
==/UserStyle== */

@-moz-document domain("killercoda.com") {
  :root{
    /* override vars */
    --primary-color:#000;
    --secondary-color:#000;
    --gradient-color:#222;
    --body-color:#9b9b9b;
    --second-accent:#32191a;
    --ckad-color-blue:#407af4;
  }
  html,
  body {
    background-color: black;
    color: #d2d7dc;
  }
  div>h2.headerSecond,
  .scenario-content .scenario-content-header h2,
  a.result.result h2 {
    background-color: #444;
    color: #ccc
  }
  div.header-wrapper {
    background-color: #222 !important;
  }
  div.split,
  div.content-wrap,
  .wrapper {
    background-color: black;
    color: lightgrey;
  }
  code.click-copy {
    background-color: #444 !important;
    color: white !important;
    border: 1px solid grey;
  }
  div.card-body,
  div.search-more button.btn.search-more-action {
    background-color: #222;
    color: white !important;
  }
  a.card.existing:not(.killercoda) div.card-body img {
    filter: invert() hue-rotate(180deg);
  }
  a.card,
  a.result {
    border: 1px solid grey !important;
    background-color: #222 !important;
    border: 1px solid grey;
    color: white !important;
  }
  pre {
    filter: invert();
  }
  input.form-control,
  input.form-control.search-phrase,
  .custom-select {
    background-color: #222;
    color: white;
  }
  .text-dark {
    color: #b5bcc4 !important;
  }
  .table {
    color: #d2d7dc;
  }
  table.table tr.rapid.rapid {
    background-color: #111;
  }
  .table code,
  code.copy-on-click,
  code {
    color: #6a95b4;
  }
  .table td {
    border-top-color: #1a1d1f;
    border-bottom-color: #1a1d1f;
  }
  .alert-info {
    background-color: #051c1c;
    border-color: #002429;
    color: #72b0bd;
  }
}

Reviews

No reviews yet.