Light theme typography

src/scss/components/_lists.scss

@@ -17,6 +17,15 @@
 		border-bottom: 1px solid rgba(255,255,255,0.05);
 		border-top: 1px solid rgba(255,255,255,0.05);
 
+		:root .notouch:not(.dragging) &:not(.header):not(.no-click).hover {
+			background: rgba(255,255,255,0.03);
+			cursor: pointer;
+
+			.light-theme & {
+				background: rgba(0,0,0,0.03);
+			}
+		}
+
 		&.selected {
 			background: rgba(255,255,255,0.08) !important;
 
@@ -28,6 +37,14 @@
 			}
 		}
 
+		.light-theme & {
+			border-color: rgba(0,0,0,0.05);
+
+			&.selected {
+				background: rgba(0,0,0,0.08) !important;
+			}
+		}
+
 		&.playing {
 			color: $turquoise;
 		}
@@ -60,11 +77,6 @@
 			right: 40px;
 		}
 
-		:root .notouch:not(.dragging) &:not(.header):not(.no-click).hover {
-			background: rgba(255,255,255,0.03);
-			cursor: pointer;
-		}
-
 		&.header {
 			font-size: 10px;
 			color: $grey;

src/scss/global/_core.scss

@@ -43,6 +43,7 @@ html {
 
 	.light-theme {
 		background: $white;
+		color: $dark_grey;
 	}
 }
 
@@ -146,6 +147,10 @@ h1 {
 	font-weight: 700;
 	font-size: 3rem;
 	line-height: 3.2rem;
+
+	.light-theme & {
+		color: $dark_grey;
+	}
 }
 
 h2 {