Written to avoid using Dark Reader on Firefox Android. Adds support for your phone's native dark mode.
jxduran reddit mobile darkmode by jxduran
Details
Authorjxduran
LicenseNo License
Categoryreddit.com
Created
Updated
Size29 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name jxduran reddit
@namespace github.com/openstyles/stylus
@version 1.2.15
@description Reddit darkmode follows OS darkmode
@author jxduran
==/UserStyle== */
@-moz-document domain("reddit.com") {
/*--posttitletextcolor make text white*/
:root, html.theme-beta, body .theme-beta #SHORTCUT_FOCUSABLE_DIV > div, body > div:last-child {
@media(prefers-color-scheme:dark) {
--newCommunityTheme-actionIcon: #818384 !important;
--newCommunityTheme-actionIconAlpha20: rgba(129,131,132,0.2) !important;
--newCommunityTheme-actionIconAlpha50: rgba(129,131,132,0.5) !important;
--newCommunityTheme-actionIconShaded80: #676869 !important;
--newCommunityTheme-actionIconTinted80: #9a9b9c !important;
--newCommunityTheme-active: #0079D3 !important;
--newCommunityTheme-activeAlpha10: rgba(0,121,211,0.1) !important;
--newCommunityTheme-activeAlpha20: rgba(0,121,211,0.2) !important;
--newCommunityTheme-activeAlpha50: rgba(0,121,211,0.1) !important;
--newCommunityTheme-activeLight60: #33a8ff !important;
--newCommunityTheme-activeShaded80: #0060a8 !important;
--newCommunityTheme-activeShaded90: #006cbd !important;
--newCommunityTheme-activeTinted05: #f2f8fc !important;
--newCommunityTheme-banner-backgroundColor: #2d97e5 !important;
--newCommunityTheme-banner-backgroundImage: initial !important;
--newCommunityTheme-banner-backgroundImagePosition: cover !important;
--newCommunityTheme-banner-communityNameFormat: slashtag !important;
--newCommunityTheme-banner-height: 64 !important;
--newCommunityTheme-banner-iconColor: #0079D3 !important;
--newCommunityTheme-banner-iconDimensions-borderRadius: 24 !important;
--newCommunityTheme-banner-iconDimensions-customSize: 32 !important;
--newCommunityTheme-banner-iconDimensions-padding: 6 !important;
--newCommunityTheme-banner-iconDimensions-size: 24 !important;
--newCommunityTheme-banner-iconImage: initial !important;
--newCommunityTheme-banner-lineHeight: 38 !important;
--newCommunityTheme-banner-positionedImage: initial !important;
--newCommunityTheme-banner-positionedImageAlignment: left !important;
--newCommunityTheme-banner-positionedImageHeight: 48 !important;
--newCommunityTheme-banner-secondaryBannerPositionedImage: initial !important;
--newCommunityTheme-body: #1A1A1B !important;
--newCommunityTheme-bodyAlpha50: rgba(26,26,27,0.5) !important;
--newCommunityTheme-bodyAlpha70: rgba(26,26,27,0.7) !important;
--newCommunityTheme-bodyAlpha80: rgba(26,26,27,0.8) !important;
--newCommunityTheme-bodyFade: #1A1A1B00 !important;
--newCommunityTheme-bodyShaded80: #141415 !important;
--newCommunityTheme-bodyText: #D7DADC !important;
--newCommunityTheme-bodyTextAlpha03: rgba(215,218,220,0.03) !important;
--newCommunityTheme-bodyTextAlpha20: rgba(215,218,220,0.2) !important;
--newCommunityTheme-bodyTextShaded20: #2b2b2c !important;
--newCommunityTheme-bodyTextTinted20: #f7f7f8 !important;
--newCommunityTheme-bodyTinted50: #8c8c8d !important;
--newCommunityTheme-bodyTinted80: #474748 !important;
--newCommunityTheme-button: #D7DADC !important;
--newCommunityTheme-buttonAlpha05: rgba(215,218,220,0.05) !important;
--newCommunityTheme-buttonAlpha10: rgba(215,218,220,0.1) !important;
--newCommunityTheme-buttonAlpha20: rgba(215,218,220,0.2) !important;
--newCommunityTheme-buttonAlpha40: rgba(215,218,220,0.4) !important;
--newCommunityTheme-buttonAlpha50: rgba(215,218,220,0.5) !important;
--newCommunityTheme-buttonAlpha80: rgba(215,218,220,0.8) !important;
--newCommunityTheme-buttonShaded80: #acaeb0 !important;
--newCommunityTheme-buttonTinted20: #f7f7f8 !important;
--newCommunityTheme-buttonTinted50: #ebeced !important;
--newCommunityTheme-buttonTinted80: #dfe1e3 !important;
--newCommunityTheme-canvas: #030303 !important;
--newCommunityTheme-checkbox: #FFFFFF !important;
--newCommunityTheme-errorText: #FF0000 !important;
--newCommunityTheme-field: #272729 !important;
--newCommunityTheme-fieldFade: #27272900 !important;
--newCommunityTheme-flair: #343536 !important;
--newCommunityTheme-highlight: rgb(23, 30, 39) !important;
--newCommunityTheme-inactive: #343536 !important;
--newCommunityTheme-invertFilter: invert(0.9) !important;
--newCommunityTheme-lightText: #FFFFFF !important;
--newCommunityTheme-lightTextAlpha75: rgba(255,255,255,0.75) !important;
--newCommunityTheme-line: #343536 !important;
--newCommunityTheme-lineShaded80: #292a2b !important;
--newCommunityTheme-lineShaded90: #2e2f30 !important;
--newCommunityTheme-lineShadedNinety: #2e2f30 !important;
--newCommunityTheme-linkText: #4FBCFF !important;
--newCommunityTheme-linkTextAlpha80: rgba(79,188,255,0.5) !important;
--newCommunityTheme-linkTextShaded80: #3f96cc !important;
--newCommunityTheme-linkTextTinted80: #72c9ff !important;
--newCommunityTheme-linkTextWithBody: #4193c6 !important;
--newCommunityTheme-menu: #030303 !important;
--newCommunityTheme-menuActiveText: #D7DADC !important;
--newCommunityTheme-menuButtonBackground-active: rgba(255,255,255,0.08) !important;
--newCommunityTheme-menuButtonBackground-focus: rgba(255,255,255,0.12) !important;
--newCommunityTheme-menuButtonBackground-hover: rgba(255,255,255,0.04) !important;
--newCommunityTheme-menuInactiveText: #D7DADC !important;
--newCommunityTheme-metaText: #818384 !important;
--newCommunityTheme-metaTextAlpha50: rgba(129,131,132,0.5) !important;
--newCommunityTheme-metaTextShaded80: #676869 !important;
--newCommunityTheme-monospaceColor: #5291f8 !important;
--newCommunityTheme-navBar-activeLink: #E9F5FD !important;
--newCommunityTheme-navBar-activeSubmenuCaret: #D7DADC !important;
--newCommunityTheme-navBar-activeSubmenuLink: #D7DADC !important;
--newCommunityTheme-navBar-backgroundColor: #030303 !important;
--newCommunityTheme-navBar-backgroundImage: initial !important;
--newCommunityTheme-navBar-hoverLink: #D7DADC !important;
--newCommunityTheme-navBar-inactiveLink: #D7DADC !important;
--newCommunityTheme-navBar-inactiveSubmenuCaret: #D7DADC !important;
--newCommunityTheme-navBar-inactiveSubmenuLink: #D7DADC !important;
--newCommunityTheme-navBar-submenuBackgroundColor: #1A1A1B !important;
--newCommunityTheme-navIcon: #D7DADC !important;
--newCommunityTheme-navIconFaded10: rgba(215,218,220,0.1) !important;
--newCommunityTheme-nsfw: #ff585b !important;
--newCommunityTheme-nsfwBlocking-bgcolor: #030303 !important;
--newCommunityTheme-nsfwBlocking-color: #ffffff !important;
--newCommunityTheme-nsfwBlocking-contentTitleBgColor: #272729 !important;
--newCommunityTheme-nsfwBlocking-mainCtaBgColor: #1a1a1b !important;
--newCommunityTheme-pageHeader: #818384 !important;
--newCommunityTheme-placeholder: #3A3A3C !important;
--newCommunityTheme-post: #1A1A1B !important;
--newCommunityTheme-postError: #301718 !important;
--newCommunityTheme-postFlairText: #FFFFFF !important;
--newCommunityTheme-postIcon: #818384 !important;
--newCommunityTheme-postLine: #343536 !important;
--newCommunityTheme-postLineShaded80: #292a2b !important;
--newCommunityTheme-postLineShaded90: #2e2f30 !important;
--newCommunityTheme-postTinted20: #d1d1d1 !important;
--newCommunityTheme-postTransparent20: rgba(26,26,27,0.8) !important;
--newCommunityTheme-primaryButtonShadedEighty: #acaeb0 !important;
--newCommunityTheme-primaryButtonTintedEighty: #dfe1e3 !important;
--newCommunityTheme-primaryButtonTintedFifty: #ebeced !important;
--newCommunityTheme-primaryButtonTintedSixty: #e7e8ea !important;
--newCommunityTheme-quarantine: #ffb000 !important;
--newCommunityTheme-report: #1C1402 !important;
--newCommunityTheme-search-syntaxHighlightBackgroundColor: #FFF7E5 !important;
--newCommunityTheme-search-syntaxHighlightColor: #0a0a0a !important;
--newCommunityTheme-titleText: #D7DADC !important;
--newCommunityTheme-upsell-appleIcon: #7d7d7d !important;
--newCommunityTheme-upsell-ssoButtonBorderColor: #D7DADC !important;
--newCommunityTheme-upsell-ssoButtonTextColor: #D7DADC !important;
--newCommunityTheme-voteIcons-downvoteActive: initial !important;
--newCommunityTheme-voteIcons-downvoteInactive: initial !important;
--newCommunityTheme-voteIcons-upvoteActive: initial !important;
--newCommunityTheme-voteIcons-upvoteInactive: initial !important;
--newCommunityTheme-voteText-base: #818384 !important;
--newCommunityTheme-voteText-downvote: #7193FF !important;
--newCommunityTheme-voteText-downvoteShaded80: #5a75cc !important;
--newCommunityTheme-voteText-downvoteTinted80: #8da8ff !important;
--newCommunityTheme-voteText-upvote: #FF4500 !important;
--newCommunityTheme-voteText-upvoteShaded80: #cc3700 !important;
--newCommunityTheme-voteText-upvoteTinted80: #ff6a32 !important;
--newCommunityTheme-widgetColors-appleIcon: #7d7d7d !important;
--newCommunityTheme-widgetColors-lineColor: #343536 !important;
--newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #1A1A1B !important;
--newCommunityTheme-widgetColors-sidebarWidgetBorderColor: #474748 !important;
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: #1A1A1B !important;
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(26,26,27,0.6) !important;
--newCommunityTheme-widgetColors-sidebarWidgetTextColor: #D7DADC !important;
--newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: #acaeb0 !important;
--newCommunityTheme-widgetColors-sidebarWidgetTitleColor: #818384 !important;
--newCommunityTheme-wordmark: #FFFFFF !important;
--newRedditTheme-actionIcon: #818384 !important;
--newRedditTheme-actionIconAlpha20: rgba(129,131,132,0.2) !important;
--newRedditTheme-actionIconAlpha50: rgba(129,131,132,0.5) !important;
--newRedditTheme-actionIconShaded80: #67686...