A dark theme for realpython.com *Based on: https://uso.kkx.one/style/178009
RealPython Dark Grey Theme by p1co
Details
Authorp1co
LicenseNONE
Categoryrealpython.com
Created
Updated
Size2.2 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 RealPython Dark Theme
@namespace USO Archive
@author Idomo
@description A dark theme for realpython.com *Based on: https://userstyles.org/styles/152699/basic-dark-for-realpython
@version 20191205.16.03
@license NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("realpython.com") {
body {
background: #1c1c1c !important;
color: #999 !important;
}
.bg-light {
background-color: #1c1c1c!important
}
.pre-code,
html .gist .gist-file .gist-syntax .highlight pre,
.highlight code {
background: #000 !important;
}
.highlight,
.gist-highlight {
background: #000 !important;
}
code {
background-color: #333 !important;
color: #0b8cb5 !important;
padding: 2px 0.5px;
}
figure.code:not(.panel) figcaption,
figure.code:not(.panel) .gist-file,
.gist figcaption,
.gist .gist-file {
background-color: #555 !important;
}
figure.code:not(.panel),
.gist {
border: 2px solid #111;
border-top-color: rgb(17, 17, 17);
border-top-style: solid;
border-top-width: 1px;
border-right-color: rgb(17, 17, 17);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(17, 17, 17);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(17, 17, 17);
border-left-style: solid;
border-left-width: 1px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
}
.highlight pre,
pre {
filter: invert(90%);
}
.highlight::before,
.alert {
filter: brightness(80%);
}
.card {
background-color: #000;
}
.rpad,
.card-img-top {
filter: brightness(50%);
transition: all 1s ease;
}
.rpad:hover,
.card-img-top:hover {
filter: brightness(80%);
}
.bg-secondary {
background-color: #222 !important;
}
.badge-light {
background-color: #444;
}
}