Skip to content

Slick Deals - Material Dark by cosmetify

Screenshot of Slick Deals - Material Dark

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

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.

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...

Reviews

No reviews yet.