Skip to content

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;
    }
}

Reviews

No reviews yet.