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.
Stripe Dashboard Dark Mode by paul-hansen
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
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;
}
}