Skip to content

Stripe Dashboard Dark Mode by paul-hansen

Screenshot of Stripe Dashboard Dark Mode

Details

Authorpaul-hansen

LicenseNo License

Categoryhttps://dashboard.stripe.com

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark mode that tries to mimic the Stripe API dark mode. Main content is only slightly darkened in hopes it will be reliably usable.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Stripe Dashboard Dark Mode
@version      20240217.03.17
@namespace    paul-hansen
@description  A dark mode that tries to mimic the Stripe API dark mode
@author       Paul Hansen
==/UserStyle== */

@-moz-document domain("dashboard.stripe.com") {
.db-primary-nav-background-image,
.db-World-root,
#captcha_stage_presentation_invisible_preload {
    background-color: #14171d !important;
    background-image: none !important;
    fill: #c9ced8 !important;
}

#primary-nav {
    background-color: #14171d !important;
    background-image: none !important;
    margin-top: 1px;
    border-left: solid 1px rgb(43, 48, 57);
    border-right: solid 1px rgb(43, 48, 57);
}

#core-nav * {
    color: #c9ced8 !important;
    fill: #c9ced8 !important;
}

#recent-nav * {
    color: #8c99ad !important;
    fill: #8c99ad !important;
}

.db-ChromeHeaderBackground,
header,
.db-AccountSwitcher-accountName,
.db-TailorAppDock {
    background-color: #14171d !important;
    color: #c9ced8;
    fill: #c9ced8 !important;
}

header * {
    color: #c9ced8 !important;
}

header {
    border-bottom: solid 1px rgb(43, 48, 57);
}

main,
.Card-root,
.Box-background--white {
    background-color: #c9ced8;
}

main {
    margin-left: -40px;
    padding-left: 40px;
    margin-right: -20px;
    padding-right: 20px;
}
}

Reviews

No reviews yet.