/* ==UserStyle==
@name         Garmin Connect Dark Mode (Updated)
@version      1.3
@namespace    typpi.online
@description  Garmin Connect Dark Dashboard
@author       Nick2bad4u
@license      UnLicense
@downloadURL none
==/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;
  }
}