N1 Dark Mode
N1 Dark Mode by stargazer
Imported and mirrored from https://github.com/unigazer/n1-dark-mode/raw/main/n1.user.css
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
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 */
...