Garmin Connect Dark Dashboard
Garmin Connect Dark Mode (Updated) by Nick2bad4u
Imported and mirrored from https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/GarminConnectDark.user.css
Details
AuthorNick2bad4u
LicenseUnLicense
Categorygarmin
Created
Updated
Size1.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Garmin Connect Dark Mode (Updated)
@version 1.3
@namespace typpi.online
@description Garmin Connect Dark Dashboard
@author Nick2bad4u
@license UnLicense
==/UserStyle== */
@-moz-document domain("connect.garmin.com") {
:is(.connect-container) {
filter: invert(1) hue-rotate(180deg);
}
.main-nav,
.leaflet-zoom-animated,
html img,
.modal-backdrop,
.modal {
filter: invert(1) hue-rotate(180deg);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: 600;
}
th.weekly-totals.weekly-totals-header,
td.weekly-totals.weekly-totals-data {
filter: invert(1) hue-rotate(180deg);
color: #fff !important;
background-color: black !important;
}
.in.fade.modal-backdrop {
display: table !important;
}
[class*='modal']:not(
#pageContainer
> div
> div.modal.hide.fade.modal-wide.metrics-edit-modal.in
> div.modal-header
> h3,
#pageContainer
> div
> div
> div.row-fluid.list-items.flexItemAutoHeight
> ul
> li:nth-child(n)
> div
> div.pull-left.activity-name-type.title-col
> div.activity-name-edit.inline-edit.inline-edit-text-field
> button,
#activityIntroViewPlaceholder > div.page-header-content > h3 > div > div > button
) {
filter: invert(1) hue-rotate(180deg);
color: #000 !important;
background-color: #fff !important;
border-color: #5971c6f0;
}
}