Artists and images

src/js/views/Artist.js

@@ -343,7 +343,7 @@ class Artist extends React.Component{
 						<h1>{this.props.artist ? this.props.artist.name : null}</h1>
 						<div className="actions">
 							<button className="primary" onClick={e => this.props.mopidyActions.playURIs(uris_to_play, this.props.artist.uri)}>Play</button>
-							{is_spotify ? <FollowButton className="white" uri={this.props.params.uri} removeText="Remove from library" addText="Add to library" is_following={this.inLibrary()} /> : null}
+							{is_spotify ? <FollowButton uri={this.props.params.uri} removeText="Remove from library" addText="Add to library" is_following={this.inLibrary()} /> : null}
 							<ContextMenuTrigger className="white" onTrigger={e => this.handleContextMenu(e)} />
 						</div>
 						{ this.renderSubViewMenu() }

src/scss/components/_images.scss

@@ -90,6 +90,6 @@
 	}
 
 	.light-theme & {
-		background: $faint_grey;
+		background: $white;
 	}
 }

src/scss/components/_lists.scss

@@ -108,6 +108,11 @@
 			.col {
 				&.name { 
 					width: 36%;
+
+					.light-theme & .flag {
+						background: $light_grey;
+						color: $white;
+					}
 				}
 				&.artists,
 				&.album { 

src/scss/components/_sub-views.scss

@@ -10,16 +10,28 @@
 		border-bottom: 3px solid transparent;
 		cursor: pointer;
 
+		.light-theme & {
+			color: $darkest_grey;
+		}
+
 		h4 {
 			margin: 8px 0 4px;
 		}
 
 		&.active {
 			border-color: $white;
+
+			.light-theme & {
+				border-color: $darkest_grey
+			}
 		}
 
 		&:not(.active):hover {
 			border-color: rgba(255,255,255,0.2);
+
+			.light-theme & {
+				border-color: rgba(0,0,0,0.2);
+			}
 		}
 	}