Skip to content

DarkSpark (Sparknotes Dark Theme) by GavinGoGaming

Screenshot of DarkSpark (Sparknotes Dark Theme)

Details

AuthorGavinGoGaming

LicenseNo License

Categorysparknotes.com

Created

Updated

Size2.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A simple yet sleek dark mode pallete for SparkNotes.

Notes

WIP - Email bugs/requests to gavin@klash.dev!
Colors try to follow joy ui color scheme, while keeping brand colors alive.

Source code

/* ==UserStyle==
@name           DarkSpark (Sparknotes but dark)
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A simple sleek dark mode for Sparknotes based on the Joy UI colors.
@author         GavinGoGaming
==/UserStyle== */

@-moz-document url-prefix("https://www.sparknotes.com/") {
    .redesign-subnav {
        background: #111!important;
    }
    .redesign-subnav .sections .arrow-nav-item {
        color: #ccc;
    }
    .redesign-subnav .sections .arrow-nav-item.title-nav__item__active-tab {
        color: white;
    }
    .TitleHeader_header--nonplus-header {
        background-image: linear-gradient(85deg,hsl(204, 97%, 10%) 17%,hsl(204, 99%, 18%) 70%);
    }
    .partner__pw__header {
        display: none;
    }
    .account-signin-box {
        display: none;
    }
    .nav-item:nth-of-type(4) {
        display: none;
    }
    .title-header__container__current-menu {
        background: #222;
        box-shadow: 0px 1px 5px black;
    }
    .title-header__container__current-menu__text {
        color: white;
    }
    .title-header__container__current-menu__icon > svg > path:nth-of-type(2) {
        fill: #ccc;
    }
    .global-header {
        background: #111;
    }
    .global-header:not(.global-header--homepage) .account-sign-in-btn {
        background: white;
    }
    .account-sign-in-btn:hover {
        color: #444;
    }
    .nav-link {
        color: white;
    }
    .global-header:not(.global-header--homepage) .nav-link:hover {
        color: whitesmoke;
        cursor: Pointer;
    }
    .redesign-subnav .next-arrow.slick-arrow {
        background: transparent;
    }
    path[fill="#484848"] {
        fill: white;
    }
    body {
        background:#222;
    }
    .redesign-header .interior-header__title__pagetitle {
        color: white;
    }
    h1, h2, h3, h4, h5, h6 {
        color: white;
    }
    p {
        color: #ccc;
    }
    .interior-sticky-nav-position {
        background: #111 !important;
    }
    .redesign-sticky-nav .redesign-page-title.interior-text-size, .page-turn-nav__link__title {
        color: white;
    }
    .redesign-subnav .subnav-display-style.subnav-margin .sections .arrow-nav-item {
        color: #ccc;
    }
    .redesign-subnav .subnav-display-style.subnav-margin .sections .arrow-nav-item.title-nav__item__active-tab, .page-turn-nav__link:hover .page-turn-nav__link__title {
        color: white !important;
    }
    .layout-wrapper-2018__column--right-rail__chunk{
        display: none;
    }
    .page-turn-nav__link:not(.specific-enough):hover {
        background: #333;
        color: white;
    }
    .footer__signup__container, .footer__signup {
        background: #222;
    }
    .sparkteach-homepage__stay-updated__form__label {
        background-color: #444 !important;
    }
}

Reviews

No reviews yet.