Style designed for making Strava, sport monitoring site Nord
Fork of ATX's Nord Darkest Fusion
Strava Nord V2 by SignorBananone
Details
AuthorSignorBananone
LicenseCC-BY-SA-4.0
Categorystrava.com
Created
Updated
Size222 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 Strava Nord V2
@namespace Strava Nord V2 by SignorBananone (fork of Strava Darkest Fusion by ATX)
@description Style designed for making Strava, sport monitoring site Nord
@version 2024.11.27
@license CC-BY-SA-4.0
@author ATX, SignorBananone
@preprocessor stylus
@var checkbox old_font_type 'Force switch to older font type' 0
==/UserStyle== */
@-moz-document regexp("https:\\/\\/(?:www\\.)?strava\\.com.*") {
if (old_font_type == 1) {
body {
font-family: MaisonNeue,Segoe UI,Helvetica Neue,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
}
#__next > header, #view > .header, #global-header, .footer-promos, section header, section .header, .section header, .section .header, section footer, section .footer, .section footer, .section .footer, #global-footer, [class*="KudosCommentsAndAchievementsModal-KudosCommentsAndAchievementsModal__footer"], [class^="Header_container__"], [class*="src--noBackground"] nav {
background-color: #3b4252 !important;
}
.onboarding-flow-wrap, body, .lightbox-window header, #basic-analysis #stacked-chart, .ride.segments-list tr.selected, .swim.segments-list tr.selected, .ride .segment-effort-detail .pr-comparison, .swim .segment-effort-detail .pr-comparison, .lightbox-window header, .edit-personal-records tr.editable-row > td, ul.routes-list li.route-card .actions, .footer-global, [class*="Header--container--"], [class*="LandingPageV2--main-content-"], .glossary-header, [class*="LandingPage--middle-column"], [class^="logged-out-home-page-ui--main-"], body > div#__next header + div > div, body > div#__next header + div > div div:not([class*="PrivacyToggle"]), [class*="Comments--empty"], [class*="packages-ui-ModalWithTabs-styles-module__tabList"], [class^="Desktop_container__"], body > .view > .container.react-container, [class*="MapsPage_page"] > [class*="styles_globalHeader_"], [class*="Desktop_middleColumn__"], [class*="src-components-Gallery-styles__page-body"], [class*="KudosCommentsAndAchievementsModal-module__footer"] {
background-color: #3b4252 !important;
}
.leaderboard .filters .option {
/*special, non important*/
background: #3b4252;
}
.flow-premium > .content-footer, .flow-container, #deny-or-accept-buttons, .search > .panel-default, .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th, #search-results.table .edit-col, .react-card-container > div > [class*="-feed-entry"], .activity-tags label:hover, [class*="ExpandableOptionList--"], [data-reach-dialog-content], .stats-container .table, [class*="ModalWithTabs--content"], .content > form.search[action], .segment-effort-detail, .segment-effort-detail .leaderboard-summary, #athlete-profile.card, .btn-white, .tab-contents > [data-sport], .tabbed-cards .tabs > li[aria-selected="true"] .tab, #progress-goals + .card, .drop-down-menu .options, .drop-down-menu .options .opt-group.premium, .slide-menu .options .opt-group.premium, .view section.feature-section, .starred-segments thead > tr, .goal.card, .activity-summary-container, .pagenav li > a:hover, .pagenav, .dropdown-menu, #js-dashboard-athlete-goals > .card, .dense > thead > tr, #notifications-drop-down, .card:not(#js-dashboard-athlete-goals), #map-control-container .button:not(#toggle-fullscreen):not(#create-route):not(:hover), #map-control-container .drop-down-menu .selection, #basic-analysis .chart, .lightbox-window .tabs, .lightbox-window #tab-contents, [class*="SegmentDetailsSideBar--card--"], .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > li > a, .pagination > li > span, .leaderboard .leaderboards-upsell, .table-striped > tbody > tr:nth-of-type(2n), .table-leaderboard th, .ride .segment-effort-detail .segment-leaderboard thead, .swim .segment-effort-detail .segment-leaderboard thead, #profile-heatmap-upsell, .invite-friends, ul.tabs > li.selected .tab, ul.tabs > li[aria-selected="true"] .tab, .edit-personal-records td.readonly-column, .edit-personal-records, .striped > li:nth-child(2n), .striped > div:nth-child(2n), .striped > tr:nth-child(2n), #settings-menu a:link, #settings-menu a:visited, #explorer .main-content #segments-sidebar, .page > .panel, #race-table > thead th, .year-calendar a:not(:hover), #search-results > thead > tr > th, ._3Qs1zA618wFVYn1omT73_U, .g7N7fBojz_GFCESrdaxzf, ._2wk2mpI6KzJRgwh0uUGnGU:hover .cQx-n1x8ZWjdIAziPar_Y, ._2wk2mpI6KzJRgwh0uUGnGU:active .cQx-n1x8ZWjdIAziPar_Y, ._2wk2mpI6KzJRgwh0uUGnGU:focus .cQx-n1x8ZWjdIAziPar_Y, .more-stats > table.unstyled tr > th, .more-stats > table.unstyled tr > td, .month-calendar.marginless th, .leaflet-popup-content-wrapper, .map-legends, .map-tooltip, .segment-info-box, .segment-info-box .records, ul.routes-list li.route-card, .slide-menu .options, [class^="EntryHeader--icon-container--"], #map_canvas, #contextual-health, #uploadFile form, [class*="Activity--card--"], .list-apps .app-card, .index-heading section .upsell, [class*="HeaderWithOwnerMetadata--icon-container--"], [class*="PromoEntry--card--"], [class*=" Card--"], [class*="LandingPage--main--"], .ui-dialog, .ui-dialog-titlebar, [role="dialog"] > [class^="Modal--content-"], #appUpsell, .glossary-body, [class^="src-components-NotificationsList-NotificationsList__notification-unread"], [class^="src-components-NotificationsList-NotificationsList__notifications"], #__next > header > div ul > li div li *, #__next > header > div nav > ul > li:not([class*="styles_navItem"]), [class*="-packages-feed-ui-src-components-media-"], [class*="HeaderWithOwnerMetadata__icon-container"], .invite-friends + .drop-down-menu > div:not(:hover), .my-segments > thead th, [class^="LimitedProfileEntry--content--"], [class*="packages-ui-ModalWithTabs-styles__tab-list"], [class*="-HeaderWithOwnerMetadata-module__avatar"], [class*="OwnerMetadata-module__iconContainer"], #elevation-profile, .leaflet-control-attribution, .mapboxgl-ctrl-scale, [class*="MoreActivities--more-activities"], .uploads .drop-down-menu.enabled> .selection, .uploads .drop-down-menu[class*="workout-type"] > .selection, [class*="--packages-ui-Card-Card-module__card--nHcH9"], [class*="packages-ui-Button-styles-module__default"], [class*="-components-Footer-Footer"] [class*="css"][class*="-control"], [class*="packages-ui-Select-Select-module"] [class*="css"][class*="-control"], [class^="Footer_footer__"], [class*="-ui-Button-Button-module__default--jLxgA"], .seg-leaderboard-upsell, #roster thead th, [class*="styles_menuItems_"], [class*="styles_menuItems_"] [class*="styles"], [class*="-EmptyState-EmptyState-module__iconCircleContainer"], [class*="NotificationsList"], [class*="NotificationsList"] a, [class*="packages-shared-ui-src-challenges"], [class*="PromotedDoradoSection-styles__challenge-info"], .activity-summary-v2 .activity-breakdown .cycling, [class*="SubscriptionValueProps-module__"], [class*="ModalWithTabs--tabList"], [class*="styles_navItem"] > a[class*="Button_default_"], [class*="Leaderboard--privacy-section"], [class*="LeaderboardsTable--paywall-banner"], [class*="DropdownSelect"] > .react-select__control, [id*="listbox"][class*="react-select__menu"] {
background-color: #434c5e !important;
}
.feed-pagination.pagination {
background-image: linear-gradient(#434c5e, #0000) !important;
}
.description-overflow:not(.expand-description) .description-container::after {
background-image: linear-gradient(rgba(0,0,0,0),#3b4252) !important;
}
.btn-accept-cookie-banner, .table-sortable > thead button:hover, .panel-footer, input:not([type="range"]):not([role="combobox"]), textarea, .textarea-clone, [class*="ModalWithTabs--tab-list"], [class*="KudosCommentsAndAchievementsModal--footer"], [class*="Button--default--"], [class*="Button--default--"]:link, [class*="Button--default--"]:visited, [class*="AchievementCelebration--achievement-celebration"], .activity-indicator, .drop-down-menu .options a:hover, .slide-menu .options a:hover, .drop-down-menu .options .clickable:hover, .slide-menu .options .clickable:hover, .drop-down-menu .options .btn:hover, .slide-menu .options .btn:hover, #global-header .nav-group .drop-down-menu:hover, #global-header .nav-group .drop-down-menu.active, #global-header .nav-group .drop-down-menu:hover .nav-link, #global-header .nav-group .drop-down-menu.active .nav-link, .button.minimal, button.minimal, .pagenav li > a:hover, .pagenav li > a:active, .actions-menu > .button:hover, .actions-menu > .slide-menu .selection:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .sidebar .upsell, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .selection:hover, .pagination a:hover, .pagination span:hover, .pagination em:hover, :not(.photo-nav) > .btn:active, :not(.photo-nav) > .button:active, :not(.photo-nav) > button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .selection:active, .pagination a:active, .pagination span:active, .pagination em:active, .active.btn, .active.button, button.active, input.active[type="submit"], input.active[type="button"], input.active[type="reset"], .active.selection, .pagination a.active, .pagination span.active, .pagination em.active, .drop-down-menu.active .selection, .editable-setting:hover, .editable-setting.editing, .btn-default, .pinned .pinnable, .local-legend-container, .upsell-text-container, .drop-down-menu a:hover, .drop-down-menu .clickable:hover, .dropdown a:hover, .dropdown .clickable:hover, #notifications-drop-down li a:hover, basic-analysis #stacked-chart, ul.tabs ...