A modern dark theme for slick deals. Please note this is not a complete theme and you'll find some pages looking weird. I just quickly went through and changed as many of the main pages to a dark color to relieve eye strain.
Slick Deals - Material Dark by cosmetify
Details
Authorcosmetify
LicenseCC-BY-SA-4.0
Categoryuserstyles
Created
Updated
Size19 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 Slick Deals - Material Dark
@version 20220314.16.36
@namespace userstyles.world/user/cosmetify
@description A modern dark theme for slick deals. Please note this is not a complete theme and you'll find some pages looking weird. I just quickly went through and changed as many of the main pages to a dark color to relieve eye strain.
@author cosmetify
@license CC-BY-SA-4.0
==/UserStyle== */
/* ==UserStyle==
@name Slick Deals - Material Dark
@version 1.0.0.0
@description Dark theme for SD
@author Cosmetify
@namespace Cosmetify
@homepageURL https://github.com/cosmetify/Slick-Deals-Material-Dark
@supportURL https://github.com/cosmetify/Slick-Deals-Material-Dark/issues
@license CC-BY-SA-4.0
==/UserStyle== */
@-moz-document domain("slickdeals.net") {
body,
.bp-p-responsiveFrontpage,
#pageContent .dealPosterContainer {
background: #282828;
color: white;
}
.categoryBar,
.announcementBar,
.categoryBar + .announcementBar {
background: #161a1d;
color: white;
}
h1,
h2,
h3,
#fpMainContent .gridHeading .prefHeading,
#fpMainContent .gridCategory .grid .fpItem .itemInfoLine,
#mainColumn #fpMainContent #featureDealsAndCoupons .fpGridBox .fpItem .itemInfoLine .itemPrice,
.tooltipstered,
.sideGridBox h3 > a,
.sideGridBox .subBoxContent a.split,
.postAvatarContainer,
.commentReactionsVoteCounts .countStatus,
.shopDeals > ul > li a,
.shopDeals ul.subCat a,
.bp-p-sidebarDeals_title,
.bp-p-sidebarDeals_info,
.postTextContent,
.postUsername,
.postUsername a,
.quotebox_header,
.popularDeal h1,
.popularDeal h2,
.popularDeal h3,
.popularDeal .aboutAuthor,
.authorName > .label > a,
#authorInfo,
.votingThumbs > div,
#originalPostBar .editedInfo,
.commentReactionsMenuEmoji:hover .label,
.sideGridBox h3 .bp-c-linkableButton,
#threadMenus > a,
.blueprint .bp-c-card_content .bp-c-card_title,
.blueprint .bp-p-question_text,
#pageContent .carouselPrev .icon,
#pageContent .carouselNext .icon,
#fpMainContent .gridHeading .headingRight .button.fpSettingsButton #fpSettingsButton,
#fpMainContent .blueprint.socialDealCard li.expiredDealTileOverrides .showExpiredDeals .expiredText strong,
.communityWiki h3,
.forumThread h1,
.forumThread h2,
.forumThread h3,
.forumThread .aboutAuthor,
.forumThread .featuredDeal,
.hiddenPost .username,
#joinTheConversationBox .joinTheConversation,
.giveRepPoints,
#dealExtraDetails,
.topCouponsRCM .couponTitle,
.featCouponsDiscounts .couponTitle,
.blueprint .bp-c-button--unstyled,
.dealGridTitle,
.sortingHeader a,
.sortingHeader .sorter,
.dealRow .dealLinks,
.dealRow .stats,
.introText,
ul.featuredStoresCarousel ul a div,
ul.popularStores li a,
.newsAndArticlesModule .dealTiles .gridBox .articleContent .articleCopy .articleExcerpt,
.blueprint .bp-p-slickdealsHeaderSearch_input::placeholder,
.blueprint .bp-p-slickdealsHeaderSearch_input,
.dealAlertHeader .button .icon,
.dealAlertHeader .button,
.carouselSection .carousel .carouselWrapper .carouselItems > li .itemTitle,
.textinput::placeholder,
#autoSuggest .row,
.editDealAlert strong,
.editDealAlert .section .ratingSliderContainer .ui-slider-wrapper.horizontal .ui-slider-label-ticks,
#pageContent section header p,
.dealPosterForm .textinput,
.dealPosterForm .dealPosterForm,
ul.filters li > span a,
.dealPosterForm .formGroup.fileUploader,
#pageContent aside header p,
.dealPosterForm label,
#attachmentContainer .thumbnailBlock .primaryImageLabel,
#profileNav li a,
#profileNav li .icon,
.myStats .num a,
ul#sidebarNav > li a,
.tabs a,
.tabs button,
.blueprint .bp-p-popularProducts .bp-c-collapsible_headerContent,
.blueprint .bp-p-popularProducts_content .bp-p-popularProducts_title,
.blueprint .bp-p-popularProducts_content .bp-p-popularProducts_subtitle,
.blueprint .bp-c-primaryNavigationItem_popup .bp-c-menuListItem_content,
ul.featured-deals li a,
.all-categories a,
ul.dealTiles li.fpGridBox.dealAlertsForYou strong + button,
.blueprint button,
.blueprint .bp-c-button,
.facetedNavToggle a,
.facetedNavToggle a .icon,
.activityCol .text,
.lastPostCol,
.resultRow .dealInfo,
.resultsHeader,
.dropdown .dropdown-menu li > a,
.dropdown-custom .dropdown-menu li label:not([for]),
.dropdown .dropdown-menu li label:not([for]),
.shoppingTools .section .desc,
.blueprint .bp-c-menuListItem .bp-c-menuListItem_content,
.dropdown .dropdown-menu li label,
.blueprint .bp-p-frontpageTabs .bp-c-tabs_tabs .bp-c-tabs_tab.bp-u-autoplayable_indicator--active .bp-c-button--unstyled,
.loginSignUp .inner .subHead,
.orSep span,
.loginSignUp .bottom .altAccess,
.loginSignUp input.infoField,
.formValidation.error,
.bp-p-cashbackDealBanner_infoDescription,
.loyaltyOfferPromo,
.blueprint .bp-p-sidebarDeals_titleLink,
.blueprint .bp-p-sidebarDeals_votes,
.blueprint .bp-p-sidebarDeals_info,
.blueprint .bp-p-sidebarCoupons_couponTitle {
color: lightgray;
}
#dealTitle h1,
#dealPrice,
#dealStatsNew,
#detailsTop .textDescription,
#fpMainContent .gridCategory ul.gridDeals .fpGridBox .fpItem .itemImageAndName .itemTitle,
#mainColumn #fpMainContent .gridCategory:not([data-module-name="Featured Deals"]):not(#fpNewsAndArticles) ul.gridDeals .fpGridBox .fpItem .itemImageAndName .itemTitle,
#mainColumn #fpMainContent .gridCategory:not([data-module-name="Featured Deals"]):not(#fpNewsAndArticles) ul.gridDeals .fpGridBox .itemInfoLine .priceLine .itemPrice,
.blueprint .bp-c-inlineForm--multiline .bp-c-textArea,
.blueprint .bp-p-comment_info .bp-p-comment_username,
#fpMainContent .gridHeading > h1,
#fpMainContent .gridHeading.featuredHeading > h2,
#fpMainContent .gridHeading > h1,
#fpMainContent .gridHeading > h2,
.expiredDeal .getNotified,
.pageTitleWrap .pageTitle,
.facetedNav .section .header .sectionTitle,
.categoryBar a,
.announcementBar a,
.categoryBar + .announcementBar a,
ul.popularStores li a > strong,
.newsAndArticlesModule .dealTiles .gridBox .articleContent .articleCopy .articleTitle,
.pageTitle,
.dealAlertSettings strong,
.box .searchDealAlerts .guide .headline,
.box .searchDealAlerts .guide .icon,
#pageContent h1,
#pageContent h3,
.all-categories > .column > ul > li > a,
ul.dealTiles li.fpGridBox.dealAlertsForYou strong,
#topInfo .numResults,
.loginSignUp .inner .head,
.blueprint .bp-p-sidebarDeals_sectionTitleLink {
color: white !important;
}
.newsAndArticlesModule .dealTiles .gridBox .articleContent .articleCopy .articleDateline,
.alertDescription,
.ocdaModule .alertAdded,
.disclaimerText {
color: #888;
}
#fpMainContent .gridCategory ul.gridDeals .fpGridBox .fpItem .itemBottomRow.personalizedDeal {
background-color: #31393F !important;
color: lightgray !important;
border-top: 1px solid black !important;
}
#crt-adblock-a,
.announcementBar,
.ftcDisclaimer,
.box.recommendedDealAlertsSection,
.rightRailBannerWidget,
#mainColumn #fpMainContent .gridCategory:not([data-module-name="Featured Deals"]):not(#fpNewsAndArticles):not(#featuredPopularWidget).blueprint.socialDealCard ul.gridDeals #extensionFpPromoDealTile.incentivizedInstall,
.extensionStorePromo,
.blueprint .bp-p-trendingStores,
.prefHeading,
.linkWidgetCarousel,
.omegaBanner,
#sideColumn .abc.sideGridBox,
#fpMainContent .fpAdTile,
#sideColumn .ad,
#sideColumn .rightRailPlacement,
#sideColumn .au,
#sideColumn .abc,
#sideColumn .abc,
#sideColumn .adNarrow,
form.box hr,
hr.gridSeparator,
.ab,
.extensionSearchBanner,
.blueprint .bp-p-dealCardGrid .bp-p-frontpageTabs_standardAd,
.bp-p-frontpageDealGrid_standardAd,
.extensionDealCardPromoLegacyContainer {
display: none !important;
min-height: 0 !important;
}
.blueprint:not(.blueberry) .bp-p-frontpageTabs .bp-p-dealCardGrid {
grid-template-rows: repeat(0, minmax(var(--socialDealCardHeight), auto)) var(--standardAdHeight) repeat(3, minmax(var(--socialDealCardHeight), auto));
}
.sideGridBox,
.sideGridBox h3,
.sortingHeader,
.blueprint .bp-p-popularProducts .bp-c-collapsible_header,
.blueprint .bp-p-popularProducts {
color: lightgray;
background: #161a1d;
border-color: black;
}
.bestCoupons .mainContent,
.blueprint .bp-p-slickdealsHeaderSearch_input,
.blueprint .bp-p-slickdealsHeaderSearch .bp-c-button,
.ocdaModule .alertAdded,
.blueprint .bp-c-primaryNavigationItem_popup .bp-c-menuListItem_content:hover,
ul.featured-deals li a .icon,
ul.dealTiles li.fpGridBox.dealAlertsForYou strong + button,
.blueprint button,
.commentReactionsOptions .button:hover,
.blueprint .bp-p-headerIconButton_popup .bp-c-menuListItem_content:hover,
.blueprint .bp-p-slickdealsHeaderSearch_input[type="text"]:focus,
.nonModal,
.loginSignUp .bottom,
.floatLabelGroup.floated label,
.dealPosterContainer > aside,
.blueprint .bp-p-sidebarDeals_sectionTitle,
.blueprint .bp-p-sidebarCoupons_sectionTitle {
background-color: #444;
}
.blueprint .bp-p-slickdealsHeaderSearch .bp-c-button:hover,
.dealAlertHeader.paused,
.dealAlertHeader.deactivated,
.blueprint button:hover,
.orSep span {
background-color: #555;
}
.orSep hr {
border-color: #555;
}
.resultsHeader select {
background: #333;
color: lightgray;
border: none;
}
.facetedNav .section select,
.facetedNav input[type="text"],
select {
background: #4d4d4d;
color: lightgray;
border: none;
}
.box,
.blueprint .bp-p-questionAndAnswer,
.blueprint .bp-p-questionAndAnswer_noQuestions,
.blueprint .bp-p-questionAndAnswer_header,
.bp-p-sidebarDeals,
#detailsTop #buyNowShareContainer #buyNowShareContainerSeparator,
.blueprint .bp-c-card.bp-c-card--border,
#fpMainContent .blueprint.socialDealCard li.expiredDealTileOverrides,
#joinTheConversationBox,
#quickreply.floating,
.sideGridBox .subBoxContent,
#fpMainContent .gridCategory .fpGridBox,
#fpMainContent .gridCategory ul.gridDeals .fpGridBox .fpItem .itemBottomRow,
ul.featuredStoresCarousel ul li,
.topCoupons li ul li,
ul.popularStores li,
.bestCoupons header,
.bestCoupons ul li,
ul.popularCategories li,
.newsAndArticlesModule .dealTiles .gridBox,
.ocdaModule,
#pageContent section,
#attachmentContainer .thumbnailPreview,
.tabs li,
.blueprint .bp-p-popularProducts .bp-c-collapsible_content,
.content-box,
.resultTabs a,
.dropdown .dropdown-menu,
.shopDeals > u...