Trainingpeaks.com Dark by tmiland

/* ==UserStyle==
@name         Trainingpeaks.com Dark
@description  Dark usercss theme for app.trainingpeaks.com for use with Stylus extension on most browsers.
@namespace    app.trainingpeaks.com
@version      1.0.0
@author       tmiland (https://github.com/tmiland)
@license      MIT
==/UserStyle== */

@-moz-document domain("app.trainingpeaks.com") {
body {
  background: #18191a;
  color: #fff;
}

.trainingPeaksAthleteHome .trainingPeaksAthleteHomeContent .column__right .athleteHomePersonalRecords .personalRecord .prValue .prFormattedValue {
  font-size: 1.429em;
  color: #fff;
}

.trainingPeaksAthleteHome .trainingPeaksAthleteHomeContent .column__right .athleteHomePersonalRecords .personalRecord .prDuration {
  color: #555;
}

.trainingPeaksAthleteHome .trainingPeaksAthleteHomeContent .column__center {
  background: #18191a;
}

.trainingPeaksAthleteHome .trainingPeaksAthleteHomeContent .column__left {
  background-color: #222;
}

.trainingPeaksAthleteHome .trainingPeaksAthleteHomeContent .column__right {
  background-color: #222;
}

.trainingPeaksAthleteHome .trainingPeaksAthleteHomeContent .trainingPeaksAthleteHomeWorkouts .metric {
  background-color: #222;
  border: 1px solid #333;
}

.calendar .dayContainer {
  background-color: #222;
}

.fullScreen .frameworkMainContentWell .day {
/*     background-color: #222; */
  border: 1px solid #333;
}

.calendar .summaryWidth {
  background-color: #18191a;
}

.calendarNavigation {
  border-bottom: 1px solid #333;
}

.libraries .tabs {
  background-color: #18191a;
  border-right: 1px solid #333;
}

.calendar .thisWeek .dayNumberContainer {
  background-color: #18191a;
}

.calendar .activities .activity {
  background-color: #18191a;
  border: 1px solid #333;
}

.workout.workoutNew .workoutDiv {
  background-color: #18191a;
  border: 1px solid #333;
}

.showComplianceColoring .workoutComplianceStatus.past.complete:not(.planned), .showComplianceColoring .workoutComplianceStatus.past.complete:not(.planned) .workoutDiv .titleContainer, .showComplianceColoring .workoutComplianceStatus.past.complete:not(.planned) .workoutDiv .workoutHeader {
  background-color: #18191a;
  border: 1px solid #333;
}

.calendar .dayNumberContainer {
  background-color: #18191a;
}

.calendar .meatBallsTower {
  width: 32px;
  border-right: 1px solid #333;
  background-color: #18191a;
}

.calendar .dayNames {
  background-color: #18191a;
}

.appContainer .appContainerLibrayAndContentContainer .appContainerMainContentContainer {
  border-left: 1px solid #333;
}

.libraries .tabs .libraryTabItem {
  border-right: 2px solid #333;
  border-left: 2px solid transparent;
}

#workOutQuickView, .QVShell {
  background-color: #18191a;
}

#chartsContainer {
  background-color: #333;
}

.fullScreen .frameworkHeader {
  background-color: #18191a;
}

.frameworkMainContentWell.dashboardContainer .scrollHeader {
  background-color: #18191a;
}

.frameworkScrollableContainer .scrollHeader {
  background-color: #18191a;
  border-bottom: 1px solid #333;
}

*, ::after, ::before {
  border-color: #333;
}
}