Style designed for making Strava, sport monitoring site NORD
Strava Nord by SignorBananone
Details
AuthorSignorBananone
LicenseCC-BY-SA-4.0
Categorystrava.com
Created
Updated
Size41 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Style based on ATX's Strava Darkest Fusion but Nord.
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
@namespace Strava Nord for userstyles.world by SignorBananone
@description Style designed for making Strava Nord, fork of ATX's Strava Darkest Fusion
@version 2024.07.16
@license CC-BY-SA-4.0
@author SignorBananone, ATX
@preprocessor stylus
==/UserStyle== */
@-moz-document regexp("https:\\/\\/(?:www\\.)?strava\\.com.*") {
#__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: #2E3440 !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, [class*="Comments--empty"], [class*="packages-ui-ModalWithTabs-styles-module__tabList"], [class^="Desktop_container__"], body > .view > .container.react-container, [class*="MapsPage_page"] > [class*="styles_globalHeader_"] {
background-color: #2E3440 !important;
}
.leaderboard .filters .option {
/*special, non important*/
background-color: #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, [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"] {
background-color: #3B4252 !important;
}
.feed-pagination.pagination {
background-image: linear-gradient(#3B4252, #0000) !important;
}
.btn-accept-cookie-banner, .table-sortable > thead button:hover, .panel-footer, input:not([type="range"]), 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 > li:hover .tab, .s-chart-tooltip, .infobox, :not(.photo-nav):not(.media-body) > .btn, .button, :not([class*="KudosAndComments--"]):not([class*="GroupActivity"]):not(.photo-nav):not(.drop-down-menu) > button:not([class^="src-Notifications__nav-bar-button"]):not([class*="-components-KudosAndComments-KudosAndComments__count-button"]):not([class*="Activity__headline-text-btn"]):not([class*="-ActivityEntryBody__achievements-trophy"]), input[type="submit"], input[type="button"], input[type="reset"], :not(.subactions):not(.drop-down-menu) > .selection, .pagination a, .pagination span, .pagination em, table.unstyled tr, table.unstyled tr:nth-child(2n), .ride .segment-effort-detail .leaderboard-footer, .swim .segment-effort-detail .leaderboard-footer, #settings-menu a:hover, #settings-menu a:active, #explorer #segment-list ul li:hover, .form-control, .css-1jl1bc3-control, .css-1liq7bz-control, .css-16j759p-control, .css-drn9af-control, .activity-stats .secondary-stats.inline-stats, .month-calendar td:not(:disabled), .leaflet-bar, ul.routes-list li.route-card .timestamp, .dropzone, .leaderboard-page .leaders tbody td, .gear, #interval-date-range .drop-down-menu > div:not(:hover), #distance-unit-dd > div, #activity-type-dd > div, #workout-type-run-dd > div, #elevation-unit-dd > div, #sauce-infopanel tabl...