Update all stylesheets so they have greater specificity than the rese…

…t css
joedolson · Sep 28, 2024 · 0917cbc · 0917cbc
1 parent 0af9384
commit 0917cbc
Show file tree

Hide file tree

Showing 8 changed files with 400 additions and 400 deletions.
diff --git a/src/styles/dark.css b/src/styles/dark.css
@@ -1,125 +1,125 @@
 /* A theme in dark grays and blacks with light text and dark blue highlighting. */
-.mc-main .event-title {
+.mc-main.dark .event-title {
     color: #fff;
 }
 
-.mc-main, .mc-list {
+.mc-main.dark, .mc-list {
     background: #333;
     color: #fff;
 }
 
-.mc-main a {
+.mc-main.dark a {
     color: #9cf;
     text-decoration: none;
 }
 
-.mc-main a:hover {
+.mc-main.dark a:hover {
     text-decoration: underline;
     color: #fff;
 }
 
-.mc-main .heading, .mc-main .my-calendar-date-switcher,
-.mc-main .category-key, .mc-main .calendar-event .details,
-.mc-main .calendar-events {
+.mc-main.dark .heading, .mc-main.dark .my-calendar-date-switcher,
+.mc-main.dark .category-key, .mc-main.dark .calendar-event .details,
+.mc-main.dark .calendar-events {
     background: #222;
     color: #fff;
 }
 
-.mc-main .category-key .no-icon {
+.mc-main.dark .category-key .no-icon {
     border: 1px solid #bbb;
 }
 
-.mc-main, .mc-list {
+.mc-main.dark, .mc-list {
     background: #333;
     color: #fff;
 }
 
-.mc-main .my-calendar-header a,
-.mc-main .my-calendar-footer a {
+.mc-main.dark .my-calendar-header a,
+.mc-main.dark .my-calendar-footer a {
 	background: var(--primary-dark);
 	color: var(--primary-light);
 }
 
-.mc-main .my-calendar-header a:focus,
-.mc-main .my-calendar-footer a:focus,
-.mc-main .my-calendar-header a:hover,
-.mc-main .my-calendar-footer a:hover {
+.mc-main.dark .my-calendar-header a:focus,
+.mc-main.dark .my-calendar-footer a:focus,
+.mc-main.dark .my-calendar-header a:hover,
+.mc-main.dark .my-calendar-footer a:hover {
 	background: var(--secondary-dark);
 	color: var(--secondary-light);
 	outline-color: var(--primary-light) !important;
 }
 
-.mc-main .my-calendar-footer .mc-active, .mc-main .my-calendar-header .mc-active {
+.mc-main.dark .my-calendar-footer .mc-active, .mc-main.dark .my-calendar-header .mc-active {
 	background-color: var(--secondary-dark);
 }
 
-.mc-main .my-calendar-date-switcher input, .mc-main .my-calendar-date-switcher select {
+.mc-main.dark .my-calendar-date-switcher input, .mc-main.dark .my-calendar-date-switcher select {
     color: #333;
 }
 
-.mc-main .my-calendar-date-switcher label {
+.mc-main.dark .my-calendar-date-switcher label {
     color: #fff;
 }
 
-.mc-main .list-event .details, .mc-main td {
+.mc-main.dark .list-event .details, .mc-main.dark td {
     border: 1px solid #222;
 }
 
-.mc-main .calendar-event .details, .mc-main .calendar-events {
+.mc-main.dark .calendar-event .details, .mc-main.dark .calendar-events {
     background: #444;
     border: 1px solid #222;
     color: #fff;
 }
 
-.mc-main .my-calendar-nav li a, .mc-main .calendar-event .details, .mc-main .calendar-events {
+.mc-main.dark .my-calendar-nav li a, .mc-main.dark .calendar-event .details, .mc-main.dark .calendar-events {
     border: 1px solid #444;
 }
 
-.mc-main .list-event .details {
+.mc-main.dark .list-event .details {
     background: #252525;
     color: #eee;
 }
 
-.mc-main .mc-list .odd {
+.mc-main.dark .mc-list .odd {
     background: #353535;
 }
 
-.mc-main .odd .list-event .details {
+.mc-main.dark .odd .list-event .details {
     background: #151515;
     border: 1px solid #353535;
 }
 
-.mc-main .nextmonth, .mc-main .nextmonth .weekend {
+.mc-main.dark .nextmonth, .mc-main.dark .nextmonth .weekend {
     color: #999;
 }
 
-.mc-main .current-day {
+.mc-main.dark .current-day {
     background: #224;
 }
 
-.mc-main .current-day .mc-date {
+.mc-main.dark .current-day .mc-date {
     color: #fff;
     background: #111;
 }
 
-.mc-main .weekend {
+.mc-main.dark .weekend {
     background: #555 !important;
     color: #fff !important;
 }
 
-.mc-main .mc-date {
+.mc-main.dark .mc-date {
     background: #080808;
     color: #fff;
 }
 
-.mc-main .mc_edit_links a,
-.mc-main .my-calendar-footer a,
-.mc-main .my-calendar-header a {
+.mc-main.dark .mc_edit_links a,
+.mc-main.dark .my-calendar-footer a,
+.mc-main.dark .my-calendar-header a {
     color: #bbf;
     background: var(--primary-dark);
 }
 
-.mc-main .my-calendar-nav li a:hover {
+.mc-main.dark .my-calendar-nav li a:hover {
     color: #fff;
     border: 1px solid #aaf;
 }
@@ -136,56 +136,56 @@
     color: #bbb;
 }
 
-.mc-main .event-title, .mc-main .event-title a {
+.mc-main.dark .event-title, .mc-main.dark .event-title a {
     color: #fff;
 }
 
-.mc-main h2 {
+.mc-main.dark h2 {
     color: #fff;
 }
 
-.mc-main .calendar-event .details, .mc-main .calendar-events {
+.mc-main.dark .calendar-event .details, .mc-main.dark .calendar-events {
     border: 2px solid #222;
     box-shadow: 3px 3px 10px #000;
 }
 
-.mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a {
+.mc-main.dark.mini .day-with-date span, .mc-main.dark.mini .day-with-date a {
     color: #fff;
 }
 
-.mc-main .mini-event .sub-details {
+.mc-main.dark .mini-event .sub-details {
     border-bottom: 1px solid #ccc;
 }
 
-.mc-main .nextmonth {
+.mc-main.dark .nextmonth {
     background: #f6f6f6;
     color: #888;
 }
 
-.mc-main .nextmonth .event-title {
+.mc-main.dark .nextmonth .event-title {
     opacity: .7;
 }
 
-.mc-main .nextmonth .weekend {
+.mc-main.dark .nextmonth .weekend {
     color: #888;
     background: #161616 !important;
 }
 
-.mc-main .nextmonth {
+.mc-main.dark .nextmonth {
     background: #000;
     color: #666 !important;
 }
 
-.mc-main .nextmonth .mc-date {
+.mc-main.dark .nextmonth .mc-date {
     background: #161616;
 }
 
-.mc-main .vcard, #mc_event .vcard {
+.mc-main.dark .vcard, #mc_event .vcard {
     background: #111;
     border: 1px solid #333;
 }
 
-.mc-main .mc_edit_links {
+.mc-main.dark .mc_edit_links {
 	background: var(--primary-dark);
 	border: none;
 }