Skip to content

KupujemProdajem Dark/Light Mode by stargazer

Mirrored from https://github.com/unigazer/kupujemprodajem-theme/kupujemprodajem.user.css

Screenshot of KupujemProdajem Dark/Light Mode

Details

Authorstargazer

LicenseCC-BY-4.0

Categoryhttps://www.kupujemprodajem.com

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Noćni/Dnevni režim za e-commerce sajt "KupujemProdajem"

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         KupujemProdajem Dark/Light Mode
@description  Noćni/Dnevni režim za e-commerce sajt "KupujemProdajem"
@namespace    https://github.com/unigazer
@author       Vladimir Jovanovic <me@vladio.me> (https://vladio.me)
@homepageURL  https://github.com/unigazer/kupujemprodajem-theme
@supportURL   https://github.com/unigazer/kupujemprodajem-theme/issues
@version      1.0.0
@preprocessor stylus
@var color    linkColor  "Link color"   #bbb
@var select		theme "Theme" ["dark:Dark theme", "light:Light theme", "system:System theme"]
==/UserStyle== */
@-moz-document url-prefix("https://www.kupujemprodajem.com"),
url-prefix("") {

	/* Adds */
	[class*="Banner301_banner301"],
	[class*="Banner306_banner306"],
	[class*="Banner311_banner311"] {
		display: none;
	}

	/* Main layout (homepage) */
	[class*="ThreeColumnLayout_content"] {
		margin-top: 2.5rem;

		& > div {
			width: 100vw;

			& > div {
				justify-content: center;

				& > div:nth-child(3) {
					display: none;
				}
			}
		}
	}

	[class*="ReviewItem_reviewHolder"] {
		margin-bottom: 1.5rem;
	}

	/* Left sidebar */
	[class*="ThreeColumnLayout_content"] {
		& > div > div {
			& > div:nth-child(1) {
				max-width: calc(11.75% - 13px);

				@media (max-width: 1900px) {
					max-width: calc(15.75% - 13px);
				}
			}
		}
	}

	/* Main content */
	[class*="ThreeColumnLayout_content"] > div > div > div.Grid_col-lg-10__FPLVk.Grid_col-xs__w58_v.Grid_col-sm__DsLxt.Grid_col-md__eg0dB {
		max-width: 100%;
		flex-basis: calc(64.5% - 6px);
	}

	/* Item page */
	[class*="AdViewInfo_adViewInfoHolder"] {
		width: 50vw;
	}

	[class*="AdViewGallery_swipeable"],
	[class*="AdViewGallery_imageGalleryContent"],
	[class*="GallerySlideItem_imageGalleryImageCustom"],
	[class*="GallerySlideList_imageGallerySlidesm"] {
		height: 75vh;
	}

	[class*="AdViewInfo_galleryHolder"] {
		height: 85vh;
	}

	[class*="Search_cover"] {
		backdrop-filter: blur(2px);
	}

	[class*="ReviewThumbButtons"] {
		font-size: 2rem;

		[class*="ReviewThumbButtons_negative"] {
			font-weight: 700;
			animation: pulse-highlight-red 2s infinite;

			@keyframes pulse-highlight-red {
				0% {
					-webkit-text-stroke: 0px rgb(255, 48, 64);
				}

				70% {
					-webkit-text-stroke: 10px transparent;
				}

				100% {
					-webkit-text-stroke: 0px transparent;
				}
			}
		}
	}

	[class*="ReviewItemBase_commentHolder"],
	[class*="ReviewItemBase_replyComment"] {
		font-size: 1.5rem;
		max-width: 50vw;
	}

	/* Search results */
	[class*="AdItem_adOuterHolder"] {
		margin-bottom: 1.5rem;
	}

	[class*="SalePartnerItem_info"] {
		justify-content: space-between;
		width: 100%;
	}

	[class*="AdItem_adHolder"] {
		height: 215px;

		[class^="AdItem_imageHolder"] {
			width: 300px;
			height: 200px !important;
			max-width: 100% !important;

			img {
				width: 300px !important;
				height: 200px !important;
			}
		}
	}

	#__next > div > div.ThreeColumnLayout_content__eTm7W > div > div > div.Grid_col-lg-10__FPLVk.Grid_col-xs__w58_v.Grid_col-sm__DsLxt.Grid_col-md__eg0dB > div:nth-child(3) {
		@media (min-width: 1366px) {
			display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: 1rem;

			[class*="AdItem_descriptionHolder"] {
				flex-direction: column;
			}

			[class*="AdItem_adInfoHolder"] {
				width: 100%;
			}

			article > div > div:nth-child(3) {
				display: flex;
				justify-content: space-between;
				width: 100%;
			}

			[class*="AdItem_originAndPromoLocation"] {
				width: 100%;
			}
		}
	}

	darkStyling() {
		:root {
			--dark: #1c1c1c;
			--darker: #111;
			--border-color: #2d2d2d;
			--border-light-color: #ededed;
			--text-color: #ccc;
			--text-color-visited: #9f9f9f;
			--kp-color-content-info: #6fccff;
			--kp-color-content-accent-secondary: #99cbff;
			--kp-color-content-regular-secondary: #a1a1a1;
			--kp-color-fill-poslovi: #3c6407;
			--kp-color-form-bg-control: var(--darker);
			--kp-color-border-default: var(--border-color);
			--kp-color-form-bg-input: var(--dark);
			--kp-color-form-border-default: var(--border-color);
			--kp-color-bg-secondary: var(--darker);
			--kp-color-bg-primary: var(--darker);
			--kp-color-form-bg-control-hover: #282828;
			--kp-color-form-bg-selected-alt: #282828;
			--kp-color-fill-neutral-dim: var(--dark);
			--kp-color-fill-interactive-secondary: var(--dark);
			--kp-color-form-bg-disabled: #383838;
			--kp-color-content-regular-primary: #fff;
			--kp-color-bg-alert: #6a1b12;
			--kp-color-bg-info: #0a3146;
			--kp-color-bg-warning: #725c00;
			--kp-color-fill-ZO-dim: #544006;
			--kp-color-content-price: #f00;
		}

		body {
			background-color: var(--dark);
		}

		[class*="Logo_logo"] > svg {
			filter: grayscale(1) brightness(10);
		}

		svg:not([class*="Logo_logo"] svg):not([class*="AdAvailableImmediate_adAvailableImmediateHolder"] svg):not([class*="ReviewItemBase_topBoxLeft"] svg):not([class*="Footer_footer"] svg):not([class*="ReviewPageThumbLinks_holder"] svg):not([class*="Button_children"] svg):not(a[aria-label="Postavite oglas"] svg):not([class*="Button_trailing"] svg):not([class*="DeliveryMethodsInfo_deliveryMethodsInfo"] svg):not([class*="AdViewInfoStats_infoStat"] svg):not([class*="AdViewDescription_adDescriptionBottom"] svg):not([class*="Search_searchFilters"] svg):not([class*="CurrencyConverter_selectHolder"] svg):not([class*="Tooltip_root"] svg):not([class*="-indicatorContainer"] svg) {
			filter: invert() brightness(170%) contrast(120%);
		}

		p,
		span,
		div {
			color: var(--text-color);
		}

		/* Main search input */
		[class*="Input_inputRow"] {
			& > input {
				background-color: var(--dark);
				border: .1rem solid var(--border-color);
				color: var(--text-color);
				&:hover,
				&:focus {
					background-color: inherit;
					border: .1rem solid var(--border-color);
				}
			}
		}

		[class*="SuggestionList_suggestionsList"] {
			background-color: var(--dark);
			border: 1px solid var(--border-color);
			box-shadow: rgb(1, 4, 9) 0px 3px 6px 0px;

			[class*="ExactSearchInfo_exactSearch"] {
				background-color: #705c05;
			}

			[class*="SuggestionList_activeItem"] {
				background-color: var(--darker);
			}

			[class*="SuggestionList_categoryLabel"] > div {
				border-bottom: 1px solid var(--border-color);
			}
		}

		[class*="ButtonSearch_search"] {
			background-color: #004970;
		}

		a[aria-label="Postavite oglas"] {
			background-color: #830f00;
		}

		/* Main search input - Advanced search */
		[class^="Search_searchFilters"] {
			background-color: var(--darker);

			[class*="Grid_row__"] > div > span > div > div > section > div > div {
				background-color: var(--dark);
				border-color: var(--border-color);
			}
		}

		[class^="Search_animated"] > div {
			box-shadow: rgb(1, 4, 9) 0px 3px 6px 0px !important;

			[class^="Checkbox_checkmark"] {
				background-color: var(--dark);
				border: 1px solid var(--border-color);
			}

			button:disabled {
				background-color: var(--dark);
			}
		}

		[class*="-indicatorContainer"] {
			svg {
				stroke: #fff;
			}
		}

		[class*="Link_link__"] {
			color: linkColor !important;
		}

		[class*="Header_header"],
		[class*="Footer_footer"] {
			background-color: var(--darker);
			box-shadow: none !important;
		}

		[class*="Footer_footer"] {
			background-color: var(--darker);
			border: 0;
		}

		[class*="HighlightBox_box"],
		[class*="Box_box"] {
			background-color: var(--darker);
			border: 0;
			box-shadow: rgb(1, 4, 9) 0px 3px 6px 0px;
		}

		[class*="Tabs_tabContent"] {
			background-color: var(--dark);
			border: 0;
		}

		[class*="CategoryBox_titleHolder"] {
			border-bottom: 1px solid var(--border-color);
		}

		/* Left sidebar */
		[class*="MyKpMenu_list"] {
			li:first-child {
				color: #fff;

				span {
					color: #fff;
				}
			}

			li:hover:not(:first-child) {
				background-color: var(--dark) !important;
			}

			[class*="Bubble_bubble"] {
				background-color: #323232 !important;
			}
		}

		[class*="MyKpMenu_separator"] {
			border-top: 1px solid var(--border-color) !important;
		}

		[class^="MyKpMenu_isActive"] {
			background-color: var(--dark);
			border: 1px solid var(--border-color);
		}

		[class*="HighlightBox_separator"] {
			border-bottom: 1px solid var(--border-color);
		}

		/* Categories - featured */
		[class*="CategoryHeadlineItem_itemOutter"] p {
			color: linkColor !important;
		}

		img[alt^="categoryHeadline"] {
			filter: invert() brightness(170%) contrast(120%);
		}

		[class*="CategoryHeadlineItem_itemInner"] {
			svg {
				stroke: #fff;
			}
		}

		/* Index page - all categories */
		[class*="IndexPage_content"] {
			background-color: var(--darker);
		}

		[class^="CategoryBox_recommended"] {
			color: var(--kp-color-content-info);
		}

		/* Item page */
		[class*="ButtonSpecial_special"],
		[class*="ButtonExpand_hover"] {
			background-color: var(--dark);
		}

		[class*="AdPage_hasBorder"] {
			border-top: 1px solid var(--border-color) !important;
		}

		/* Item page - item title */
		[class*="AdViewInfo_name"] {
			color: #fff;
			font-weight: 700;
		}

		[class*="AdViewInfo_price"] {
			font-weight: 700;
		}

		[class*="AdPage_adViewInfoData"] {
			border-top-color: var(--border-color);
			border-bottom-color: var(--border-color);
		}

		[class*="AdViewAdditionalData_hasDivider"],
		[class*="UserSummary_userSummary"] {
			border-left-color: var(--border-color) !important;
		}

		/* Item page - slides */
		[class*="GallerySlideItem_imageGalleryImageCustom"] {
			background-color: var(--dark);
			border: 1px solid var(--border-color);
		}

		[class*="AdViewGallery_swipeable"] {
			background: none;
		}

		[class*="ButtonTert...

Reviews

No reviews yet.