Skip to content

linuxjourney.com - Reader Dark Mode by premkumar5012002

Details

Authorpremkumar5012002

LicenseNo License

Categoryhttps://linuxjourney.com/

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Based on Google dark mode, This dark theme is very easy to read for long time and color scheme looks on all devices.

Notes

Version - 1

Source code

/* ==UserStyle==
@name           linuxjourney.com - 25/6/2022, 8:06:50 am
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("linuxjourney.com") {
    body {
        background-color: #202124;
    }

    .navbar-custom {
        background-color: #202124;
    }

    .dropdown-menu {
        background-color: #202124;
    }

    .dropdown-menu li a {
        color: white;
    }

    .dropdown-menu li a img {
        margin-right: 2px;
    }

    .jumbotron {
        background-color: #303137;
    }

    .fade:hover {
        border: 1px solid #585b63;
        opacity: 0.80;
        background: #303137;
        color: white;
    }

    #mc_embed_signup input.email {
        border: 1px solid #585b63;
        color: white;
        background-color: transparent;
    }

    .thumbnail {
        background-color: #303137;
    }

    .thumbnail-border {
        box-shadow: none;
    }

    h3 {
        color: white;
    }

    .caption p {
        color: rgb(209 213 219);
    }

    .footer {
        background-color: #303137;
    }

    .h3 {
        color: blue;
    }


    .navbar,
    .jumbotron,
    .footer,
    .practice,
    #sidebar-wrapper,
    .sidebar-nav li a,
    #sidebar_menu li a,
    .sidebar-nav li a {
        background-color: #202124;
        color: white;
    }

    #sidebar_menu li a {
        color: white;
    }

    .lesson {
        background-color: #303137;
        color: rgb(209 213 219);
        border-right: none;
        font-size: 16px;
    }

    pre,
    .exercise-content,
    .quiz-content,
    #mc_embed_signup input.email,
    .input-sm {
        background-color: #303137;
        color: white;
        border-color: #585b63;
    }

    hr {
        border-color: #585b63;
    }
}

Reviews

No reviews yet.