RealPython Dark Theme (2024) by rickpomalaza

/* ==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: #1f1f1f !important;
  color: #fff !important;
}
    
.sidebar-module-inset {
  background: #191919 !important;
}
    
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #1e1d1d;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}
    
.bg-light {
  background-color: #101010 !important;
}
    
.bg-dark {
  background-color: #223646 !important;
}

.pre-code, html .gist .gist-file .gist-syntax .highlight pre, .highlight code {
  background: none !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(95%);
}

.highlight::before,
.alert {
  filter: brightness(80%);
}

.card {
    background-color: #1d1d1d;
}
    
.btn {
    color: #fff;
}
    
.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;
}
}