Implement support for dedicated theme CSS files from our gresource.

Properly implement light and gruvbox themes. Yay!

theme/variants/dark/_cover-art-button.scss

@@ -1,7 +0,0 @@
-@import '../../vars';
-
-.cover-art-button {
-	& > revealer > box { // Inner controls
-		background-color: rgba(0,0,0,0.75);
-	}
-}

theme/variants/dark/_disc-view.scss

@@ -1,21 +0,0 @@
-@import '../../vars';
-
-.disc-view {
-	& > box { // Horizontal box with image and disc label
-		color: #ccc;
-	}
-
-	& .track-list {
-		& > row {
-			&:not(:active):not(:selected) { // Neither active nor selected, see gtk overrides
-				&:nth-child(odd):not(:hover) {
-					background-color: $midnight;
-				}
-
-				&:nth-child(even), &:hover {
-					background-color: $grey;
-				}
-			}
-		}
-	}
-}

theme/variants/dark/_main.scss

@@ -1,21 +0,0 @@
-@import '../../vars';
-
-window {
-	&.koto-theme-dark {
-		background-color: $grey;
-
-		& > headerbar, & > headerbar:active {
-			background-color: $midnight;
-		}
-
-		.koto-dialog-container {
-			background-color: transparentize($midnight, 0.75);
-		}
-
-		@import 'cover-art-button';
-		@import 'disc-view';
-		@import 'music-local';
-		@import 'player-bar';
-		@import 'playlist-page';
-	}
-}

theme/variants/dark/_music-local.scss

@@ -1,7 +0,0 @@
-.page-music-local {
-	& > .artist-list {
-		&, & > viewport, & > viewport > list {
-			background-color: $midnight;
-		}
-	}
-}

theme/variants/dark/_player-bar.scss

@@ -1,15 +0,0 @@
-@import '../../vars';
-
-.player-bar {
-	background-color: $midnight;
-
-	.koto-button {
-		&:not(.toggled) {
-			color: $darkgrey;
-		}
-
-		&.toggled {
-			color: white;
-		}
-	}
-}

theme/variants/dark/_playlist-page.scss

@@ -1,13 +0,0 @@
-@import '../../vars';
-
-.playlist-page {
-	.track-list-content { // Our Track List
-		& > .track-list-columned { // Column content
-			& > row {
-				&:nth-child(odd):not(:selected) {
-					background-color: $midnight;
-				}
-			}
-		}
-	}
-}

theme/variants/dark/_vars.scss

@@ -0,0 +1,25 @@
+$koto-primary-color: $green;
+
+$bg-primary : #2e2e2e;
+$bg-secondary : $midnight;
+
+$border-color: black;
+
+$text-color-bright: white;
+$text-color-faded: $palewhite;
+
+$button-destructive-color-bg: $red;
+$button-destructive-color-text: white;
+$button-suggested-color-bg: $koto-primary-color;
+$button-suggested-color-text: $midnight;
+$button-normal-color-bg: $midnight;
+$button-normal-color-text: $text-color-bright;
+$button-normal-color-border: black;
+
+$input-background: $bg-primary;
+
+$artist-list-bg: $bg-secondary;
+$player-bar-icon-color: $darkgrey;
+
+$selected-row-color-bg : $koto-primary-color;
+$selected-row-color-text : $midnight;