Dark mode for 902.gr using the Nord theme
www.902.gr by TsiliG
Details
AuthorTsiliG
LicenseNo License
Category902.gr
Created
Updated
Size20 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 www.902.gr
@namespace github.com/openstyles/stylus
@version 1.0.3
@description Dark mode for 902.gr using the Nord theme
@author TsiliG
==/UserStyle== */
@-moz-document domain("902.gr") {
/* Insert code here... */
:root {
--nord0: #2e3440;
--nord1: #3b4252;
--nord2: #434c5e;
--nord3: #4c566a;
--nord4: #d8dee9;
--nord5: #e5e9f0;
--nord6: #eceff4;
--nord7: #8fbcbb;
--nord8: #88c0d0;
--nord9: #81a1c1;
--nord10: #5e81ac;
--nord11: #bf616a;
--nord12: #d08770;
--nord13: #ebcb8b;
--nord14: #a3be8c;
--nord15: #b48ead;
--nord11-lighten: #c6737b;
--bg-neutral-0: var(--nord0);
--bg-neutral-1: var(--nord1);
--bg-neutral-2: var(--nord2);
--bg-neutral-3: var(--nord3);
--bg-danger-0: var(--nord11);
--bg-danger-1: var(--nord11-lighten);
/* lighten(nord11 by 5%)*/
--bg-info-0: var(--nord10);
--border-neutral-0: var(--nord0);
--border-neutral-1: var(--nord1);
--border-neutral-2: var(--nord2);
--border-neutral-3: var(--nord3);
--border-danger-0: var(--nord11);
--border-info-0: var(--nord10);
--text-neutral-0: var(--nord4);
--text-neutral-1: var(--nord5);
--text-neutral-2: var(--nord6);
--text-danger-0: var(--nord11);
--text-danger-1: var(--nord11-lighten);
--text-info-0: var(--nord7);
--text-info-1: var(--nord8);
--text-info-2: var(--nord9);
--text-info-3: var(--nord10);
--icon-neutral-0: var(--nord4);
--icon-neutral-1: var(--nord5);
--icon-neutral-2: var(--nord6);
}
.mm-menu--theme-dark {
--mm-color-background: var(--bg-neutral-0);
--mm-color-border: var(--bg-neutral-1);
--mm-color-icon: var(--text-neutral-0);
--mm-color-text: var(--text-neutral-1);
--mm-color-text-dimmed: var(--text-neutral-0);
--mm-color-background-highlight: rgba(255, 255, 255, .08);
--mm-color-background-emphasis: red;
--mm-color-focusring: var(--border-info-0);
}
.theme902 .menu-item-important {
background-color: var(--bg-neutral-2);
}
body {
background-color: var(--bg-neutral-0);
}
body,
a,
a:link,
a:visited,
li a.active {
color: var(--text-neutral-1);
}
a:hover,
a:link:hover,
a:visited:hover,
li a.active:hover,
.pane-tidings_panes_lists_recent-pane_recent .view-display-id-pane_recent .field-name-field-category a {
color: var(--text-neutral-0);
}
#region-globalnavbar-right .weather-topbar a,
#region-globalnavbar-right .socialmedia .icon-youtube,
#region-globalnavbar-right .socialmedia .icon-rss,
#region-globalnavbar-right .socialmedia .icon-mixcloud,
#region-globalnavbar-right .socialmedia .icon-twitter,
#region-globalnavbar-right .socialmedia .icon-facebook,
#region-globalnavbar-right .socialmedia .icon-spotify {
color: var(--text-neutral-1);
}
.pane-superfish-1 ul.sf-menu li.menuparent > a:hover,
.pane-superfish-1 ul.sf-menu li.menuparent > span:hover,
#region-globalnavbar-right .weather-topbar a:hover,
#region-globalnavbar-right .socialmedia span:hover,
.node .field-name-field-supertitle,
.pane-tidings_panes_lists_recent-pane_recent .view-display-id-pane_recent .field-name-field-supertitle,
.theme902-pane.pane-tidings_panes_lists_featured-pane_frontpage_featured .view-display-id-pane_frontpage_featured .field-name-field-supertitle,
.theme902-pane.pane-tidings_panes_lists_for_category-pane_frontpage_category_a .field-name-field-supertitle,
.theme902-pane.pane-views_panes.pane-tidings_panes_lists_for_category-pane_frontpage_category_b .field-name-field-supertitle,
.pane-tidings_panes_collection-pane_tidings_tag_related .item-list .field-name-field-supertitle,
.pane-tidings_panes_lists_recent-panel_pane_current .views-row .field-name-field-supertitle,
.page-search .pane-page-content #main-area .views-row .field-name-field-supertitle,
.pane-superfish-1 ul.sf-menu li.menuparent > ul > li .menu-views .field-name-field-supertitle,
.pane-tidings_panes_lists_for_category-pane_category_blog .views-row .field-name-field-supertitle,
.pane-tidings_headlines_items-pane_renderer_headlines_sticky_a .view-display-id-pane_renderer_headlines_sticky_a .views-row .field-name-field-supertitle,
.pane-tidings_headlines_items-pane_renderer_headlines_sticky_c .view-display-id-pane_renderer_headlines_sticky_c .views-row-odd .field-name-field-supertitle,
.pane-tidings_headlines_items-pane_renderer_headlines_sticky_c .view-display-id-pane_renderer_headlines_sticky_c .views-row-even .field-name-field-supertitle,
.pane-tidings_headlines_items-pane_renderer_headlines_sticky_b .view-display-id-pane_renderer_headlines_sticky_b .views-row .field-name-field-supertitle,
.section-fakelos .pane-tidings_headlines_items-pane_renderer_mobile .views-row .field-name-field-supertitle,
.pane-tidings_headlines_items-pane_renderer_headlines .views-row .field-name-field-supertitle,
.theme902-pane div.block-title.pane-heading-slim,
.theme902-pane div.pane-title.pane-heading-slim,
.theme902-pane h2.block-title.pane-heading-slim,
.theme902-pane h2.pane-title.pane-heading-slim,
.pane-superfish-1 ul.sf-menu li.menuparent > a.active,
.pane-superfish-1 ul.sf-menu li.menuparent > span.active,
.pane-superfish-1 ul.sf-menu li.sfHover > a,
.pane-superfish-1 .menu-views .view-display-id-block_menu_view .view-header .item-list-submenus ul li > a:hover {
color: var(--text-danger-0);
}
.node.view-mode-full .content a,
.node .field-name-field-category a,
.sliding-popup-bottom #popup-text a {
color: var(--text-info-0);
}
.node .field-name-field-created,
.node .field-name-field-changed {
color: var(--text-info-1);
}
.pane-timeline-pane_timeline_front .view-footer a:hover,
.theme902-pane .more-link a:hover {
color: var(--text-neutral-1);
text-shadow: none;
}
/* Global navbar */
#global-navbar {
background-color: var(--bg-neutral-1);
}
.pane-superfish-2 ul.sf-menu li.sf-no-children {
border-color: var(--border-neutral-2);
}
.pane-superfish-2 ul.sf-menu li.sf-no-children a:hover {
background-color: var(--bg-danger-0);
}
/* #navigation-wrapper */
#navigation-wrapper {
border-top-color: var(--border-danger-0);
border-bottom-color: var(--border-neutral-1);
}
.sf-main-menu > li.last {
background-color: var(--bg-danger-0)!important;
}
.sf-main-menu > li.last li {
background-color: var(--bg-danger-0)!important;
}
.pane-headlines {
background-color: var(--bg-neutral-1);
}
.theme902-pane div.block-title.pane-heading-underline-gray,
.theme902-pane div.block-title.pane-heading-underline-red,
.theme902-pane div.pane-title.pane-heading-underline-gray,
.theme902-pane div.pane-title.pane-heading-underline-red,
.theme902-pane h2.block-title.pane-heading-underline-gray,
.theme902-pane h2.block-title.pane-heading-underline-red,
.theme902-pane h2.pane-title.pane-heading-underline-gray,
.theme902-pane h2.pane-title.pane-heading-underline-red,
.flexslider,
#main .theme902-pane div.pane-title.pane-heading-underline-gray,
#main .theme902-pane div.pane-title.pane-heading-underline-red,
.node.view-mode-full .links {
background-color: var(--bg-neutral-0);
}
.theme902-pane .pager-item a,
.theme902-pane .pager-current,
.theme902-pane.pane-tidings_panes_lists_for_category-pane_apopseis .views-row,
.pane-superfish-1 ul.sf-menu li.menuparent > ul > li,
.view-display-id-attachment_category_blog_sticky .views-row,
#sliding-popup.sliding-popup-bottom,
#sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
background-color: var(--bg-neutral-1);
}
.pane-superfish-1 .menu-views .view-display-id-block_menu_view .view-header .item-list-submenus ul {
background-color: var(--bg-neutral-2);
}
.theme902-pane div.block-title.pane-heading-default,
.theme902-pane div.pane-title.pane-heading-default,
.theme902-pane h2.block-title.pane-heading-default,
.theme902-pane h2.pane-title.pane-heading-default,
.theme902-pane .pane-heading-default .pager-current,
.theme902-pane .pane-heading-default .more-link,
.pane-timeline-pane_timeline_front .view-footer {
background-color: var(--bg-danger-0);
}
.theme902-pane div.block-title.pane-heading-fourthly,
.theme902-pane div.pane-title.pane-heading-fourthly,
.theme902-pane h2.block-title.pane-heading-fourthly,
.theme902-pane h2.pane-title.pane-heading-fourthly,
.theme902-pane .pane-heading-fourthly .more-link {
background-color: var(--bg-info-0);
}
.theme902-pane div.block-title.pane-heading-underline-gray,
.theme902-pane div.block-title.pane-heading-underline-red,
.theme902-pane div.pane-title.pane-heading-underline-gray,
.theme902-pane div.pane-title.pane-heading-underline-red,
.theme902-pane h2.block-title.pane-heading-underline-gray,
.theme902-pane h2.block-title.pane-heading-underline-red,
.theme902-pane h2.pane-title.pane-heading-underline-gray,
.theme902-pane h2.pane-title.pane-heading-underline-red,
.theme902-pane div.block-title.pane-heading-underline-gray a:hover,
.theme902-pane div.block-title.pane-heading-underline-red a:hover,
.theme902-pane div.pane-title.pane-heading-underline-gray a:hover,
.theme902-pane div.pane-title.pane-heading-underline-red a:hover,
.theme902-pane h2.block-title.pane-heading-unde...