Darken the jarring light backgrounds on Killercoda
Killercoda Dark by penguintamer
Mirrored from https://github.com/penguintamer/userstyle-killercoda-dark/raw/refs/heads/main/killercoda.user.css
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
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;
}
}