Skip to content

Investopedia.com (Education Part Only) by spdy

Screenshot of Investopedia.com (Education Part Only)
Write a review Install Get Stylus

Details

Authorspdy

LicenseNo License

Categoryinvestopedia

Created

Updated

Code size2.2 kB

Code checksum6ce38f7

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Investopedia.com Dark Mode - Only for Education part of the website

Notes

I was tired of having my eyes bleeding when reading their website.
This was made in 30min, css can be better but it works.
2021 and we still have to deal with no dark mode website, really?

Source code

/* ==UserStyle==
@name         Investopedia.com (Education Part Only)
@version      20211210.07.55
@namespace    userstyles.world/user/spdy
@description  Investopedia.com Dark Mode - Only for Education part of the website
@author       spdy
@license      No License
==/UserStyle== */

@-moz-document domain("investopedia.com") {
body {
    background: var(--lt-color-gray-800);
    color: var(--lt-color-gray-500);
}

.finance-sc-block-heading {
    color: var(--lt-color-gray-500);
}

.breadcrumbs-nav__title {
    color: var(--lt-color-gray-500);
}

.mntl-toc__list-item-link {
    color: var(--lt-color-gray-500);
}

.mntl-attribution__item-name:not(.mntl-author-tooltip__name) {
    color: var(--lt-color-gray-500);
}

.finance-sc-block-questionandanswer .mntl-sc-block-questionandanswer__question {
    color: var(--lt-color-gray-500);
}

.related-articles__link {
    color: var(--lt-color-gray-500);
}

.header {
    background: var(--lt-color-gray-500);
    color: var(--lt-color-gray-500);
}

.layoutUpdates .header-nav__category-list {
    background: var(--lt-color-gray-500);
    color: var(--lt-color-gray-500);
}

.journey-nav-header__content-title {
    color: var(--lt-color-gray-500);
}

.journey-nav__item-header {
    color: var(--lt-color-gray-500);
}

.journey-nav__sublist-item a {
    color: var(--lt-color-gray-500);
}

.layoutUpdates .journey-nav__sublist-item.is-active a {
    color: var(--lt-color-gray-500);
}

.mntl-journey-carousel__header {
    color: var(--lt-color-gray-500);
}

html:not(.layoutUpdates) .header-nav__category-list {
    background: var(--lt-color-gray-500);
    color: var(--lt-color-gray-500);
}

.tod--dictionary .tod__primary .tod__title {
    color: var(--lt-color-gray-500);
}

.terms-bar--dictionary .terms-bar__list {
    background: var(--lt-color-gray-500);
    color: var(--lt-color-gray-500);
}

.terms-bar--dictionary .terms-bar__item.is-active, .terms-bar--dictionary .terms-bar__item:hover {
    background: var(--lt-color-gray-400);
    color: var(--lt-color-gray-500);
}

.dictionary-top24-list .dictionary-top24-list__sublist-content .dictionary-top24-list__sublist {
    color: var(--lt-color-gray-500);
}
}

Reviews

No reviews yet.