Skip to content

N1 Dark Mode by stargazer

Imported and mirrored from https://github.com/unigazer/n1-dark-mode/raw/main/n1.user.css

Screenshot of N1 Dark Mode

Details

Authorstargazer

LicenseCC-BY 4.0

Categoryn1, serbia

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

N1 Dark Mode

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         N1 Dark Mode
@description  N1 Dark Mode
@namespace    https://github.com/unigazer
@author       Vladimir Jovanovic <me@vladio.me> (https://vladio.me)
@homepageURL  https://github.com/unigazer/n1-dark-mode
@supportURL   https://github.com/unigazer/n1-dark-mode/issues
@license      CC-BY-4.0
@version      1.0.22
@preprocessor stylus
@var checkbox	toggleAds "Disable ads" 1
==/UserStyle== */
@-moz-document url-prefix("https://n1info"),
url-prefix("https://comments.n1info"),
url-prefix("https://eu.fastcomments") {
	:root {
		--brand-color: #2c358c;
		--primary: #111;
		--secondary: #1c1c1c;
		--border-color: #333;
		--text-color: #bfbfbf;
	}
}

@-moz-document url-prefix("https://n1info") {

	if (toggleAds) {
		iframe[src="https://widget.halooglasi.com/nekretnine.html"],
		.smartbanner {
			display: none;
		}

		html {
			margin: 0 !important;
		}
	}

	@media (prefers-color-scheme: dark) {
		/* General */
		article {
			border: 1px solid var(--border-color) !important;
		}

		.page-template,
		.single,
		.single-post,
		.single .wrapper-singlepost,
		.single-post .wrapper-singlepost,
		.single .in-post-related-news .is-list,
		.single-post .in-post-related-news .is-list {
			background: var(--secondary);
		}

		header {
			background-color: rgba(17, 17, 17, .5) !important;
			backdrop-filter: blur(8px);
		}

		.single .header-title.sticky-header {
			background-image: none;
		}

		.header-bottom .header-nav {
			box-shadow: none;
		}

		.header-bottom {
			background-color: transparent;
		}

		.promoted .promoted-post,
		article {
			background-color: var(--primary) !important;
		}

		blockquote,
		.antrfile {
			background-color: var(--primary);
			background-image: none;
		}

		/* Number of comments on the article */
		.single-post .main-head .post-comments-no,
		.single .main-head .post-comments-no,
		.coral-tabBarComments .coral-tabBarComments-allComments .coral-counter .Counter-text-qB7K9,
		.coral-tabBarComments .coral-tabBarComments-allComments .coral-counter .Counter-text-qB7K9:before,
		.coral-tabBarComments .coral-tabBarComments-allComments .coral-counter .Counter-text-qB7K9:after,
		button.Button-sizeRegular-23nI- > span:nth-child(1),
		button.BaseButton-root-1kuYh,
		.coral-loadMoreButton::before {
			color: #6a8dff !important;
		}

		/* Article title */
		.featured-zone-homepage > section > div > div > .left > .uc-block0 > .cell.big > article > .uc-block-post-grid-text > header {
			padding: 1rem;
		}

		.featured-zone-homepage > section > div > div > .left > .uc-block0 > .cell.list > article.uc-post-grid-item.post.type-post.status-publish.format-standard.hentry > .uc-block-post-grid-text > header,
		.cell.list > article.uc-post-grid-item.post.type-post.status-publish.format-standard.hentry > .uc-block-post-grid-text,
		.uc-block-post-grid-header {
			padding: .5rem;
		}

		/* Social media icons */
		.uc-social-bar-wrapper .uc-social-bar .uc-social-bar-icons .uc-icon-wrap .sprite-icon svg {
			fill: #bfbfbf
		}

		.uc-social-bar-wrapper .uc-social-bar .uc-social-bar-icons .uc-icon-wrap .sprite-icon svg:hover {
			fill: #8f8f8f;
		}

		/* Shoppster logo, chevron */
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(1),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(2),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(3),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(4),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(5),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(6),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(7),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(8),
		#menu-item-8674444 > a:nth-child(1) > i:nth-child(1) > svg:nth-child(1) > g:nth-child(3) > g:nth-child(1) > path:nth-child(9),
		.header-title a .Arrow_Right svg,
		.lang-switcher__menu > li.menu-item:first-child > a .sprite-icon svg,
		.n1 .header .menu__desktop-right .menu-item--program > a .sprite-icon svg,
		.n1 .navigation-right .searchbox .searchbox-icon .Search-Active {
			fill: #fff;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		p,
		span,
		strong,
		.header-bottom .header-nav .navigation .dropdown.menu.menu--desktop li.menu-item a,
		.lang-switcher__menu > li.menu-item:first-child > a,
		.promoted .promoted-post__title-link,
		article .uc-block-post-grid-header .uc-block-post-grid-title a,
		article .mobile .uc-block-post-grid-date,
		article .uc-block-post-grid-header .uc-block-post-grid-byline .uc-block-post-grid-date,
		article .mobile .total-comments,
		article .uc-block-post-grid-header .uc-block-post-grid-byline .total-comments,
		article .mobile .uc-block-post-grid-cat_name .uc-block-post-grid-cat_name_link,
		article .uc-block-post-grid-header .uc-block-post-grid-byline .uc-block-post-grid-cat_name_link,
		article .uc-block-post-grid-header .uc-block-post-grid-byline a,
		.page-template-footer-pages .footer-pages .entry-title,
		.header-title a,
		.header-title h3,
		.footer-top section h2,
		.single .main-head .entry-title,
		.single-post .main-head .entry-title,
		.single p,
		.single-post p,
		.single p strong,
		.single-post p strong,
		.single-post .entry-content h2,
		.single .in-post-related-news .uc-post-grid-block-header .uc-post-grid-section-title,
		.single-post .in-post-related-news .uc-post-grid-block-header .uc-post-grid-section-title,
		.sidebar .uc-post-grid-block-header .uc-post-grid-section-title,
		.related-components .uc-post-grid-block-header .uc-post-grid-section-title,
		.single .main-content footer span.tags-title,
		.single-post .main-content footer span.tags-title,
		.single .main-head .post-author a,
		.single-post .main-head .post-author a,
		.promoted .promoted-post__cat-link,
		#live-blog-wrapper .uc-liveblog-main-content .uc-liveblog-main-title,
		#live-blog-wrapper .uc-liveblog-content .uc-liveblog-entry p,
		#live-blog-wrapper .uc-liveblog-content .uc-liveblog-title,
		#live-blog-wrapper .uc-liveblog-content .uc-liveblog-entry {
			color: var(--text-color) !important;
		}

		.footer-inner {
			background-color: var(--primary);
		}

		/* Air quality widget */
		.air-pollution-section .measurement-stations,
		.air-pollution-section .measurement-stations .search-field-wrap .search-input {
			background-color: var(--secondary);
		}

		.air-pollution-section .air-pollution-header .air-pollution-legend a,
		.air-pollution-section .air-pollution-content .air-pollution-description-wrap .air-pollution-time-update,
		.air-pollution-section .measurement-stations .search-field-wrap .search-input,
		{
			color: var(--text-color);
		}

		.air-pollution-section .measurement-stations .search-field-wrap .search-input::placeholder {
			opacity: 1;
		}

		.air-pollution-section .air-pollution-header .air-pollution-legend a svg {
			filter: invert(1) brightness(75%);
		}

		.air-pollution-section .measurement-stations .search-field-wrap,
		.air-pollution-section .measurement-stations .locations-wrap .municipality {
			border-bottom: 1px solid var(--border-color);
		}

		/* Comments */
		.comments-call-to-action.uc-all-comments {
			background-color: var(--primary);
		}

		/* Heading */
		.footer-top section h2::before {
			background-color: var(--brand-color);
		}

		/* Nav Articles */
		.layout-4,
		.inner-btn .inner-load-more,
		.inner-btn .inner-load-more .btn {
			background-color: var(--primary);
		}

		.lang-switcher__menu > li.menu-item a,
		.inner-btn .inner-load-more .btn,
		.header .searchbox.searchbox-open .searchbox-input {
			color: var(--text-color);
		}

		.n1 .header .menu__desktop-right .menu-item--program a {
			color: var(--text-color) !important;
			cursor: pointer;
		}

		.header .searchbox.searchbox-open {
			background-color: var(--secondary);
		}

		/* Dropdown */
		.lang-switcher__menu .sub-menu.is-dropdown-submenu,
		.header-bottom .header-nav .navigation .dropdown.menu.menu--desktop li.menu-item ul.is-dropdown-submenu,
		.n1 .header .menu__desktop-right .sub-menu.is-dropdown-submenu {
			background-color: var(--secondary);
		}

		.lang-switcher__menu .sub-menu.is-dropdown-submenu .menu-item a,
		.header-bottom .header-nav .navigation .dropdown.menu.menu--desktop li.menu-item ul.is-dropdown-submenu li.is-dropdown-submenu-item a {
			color: var(--text-color);
		}

		/* Social */
		.heateor_sss_sharing_ul .heateorSssSharingRound i svg {
			fill: var(--text-color);
		}

		/* Cookies */
		#onetrust-banner-sdk.otCenterRounded {
			top: unset;
			bottom: 0;
			max-width: 100%;
			width: 100%;
		}
		#onetrust-consent-sdk #onetrust-banner-sdk,
		#onetrust-pc-sdk {
			background-color: rgba(17, 17, 17, .5) !important;
			backdrop-filter: blur(8px);
		}
		.ot-sdk-row #onetrust-group-container {
			width: 60vw !important;
			transform: translateX(35%);
		}

		#onetrust-pc-btn-handler,
		#onetrust-banner-sdk #onetrust-accept-btn-handler {
			font-size: .85rem !important;
		}
		#onetrust-banner-sdk #onetrust-policy-text,
		#onetrust-pc-sdk .ot-grp-desc {
			font-size: 1rem !important;
		}

		#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
			background-color: var(--secondary);
		}

		#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler:not(.ot-active-menu) {
			background-color: var(--primary);
			border-bottom: 1px solid var(--border-color);
		}

		#onetrust-pc-sdk .ot-pc-header {
			border-bottom: 1px solid var(--border-color);
		}

		#onetrust-pc-sdk .ot-pc-footer {
			border-top: 1px solid var(--border-color);
		}

		/* Search Page */
...

Reviews

No reviews yet.