-

gui/styles.css

@@ -1,6 +1,8 @@
 body {
 	font-family: Arial;
 	font-size: 11pt;
+	background: #202020;
+	color: #ffffff;
 }
 
 .pane {
@@ -16,15 +18,15 @@ body {
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	border: 1px solid black;
+	border: 1px solid #505050;
     margin-bottom: 5px;
 }
 
 button {
 	background: #e0e0e0;
 	border: none;
-	border-left: 1px solid black;
-	border-right: 1px solid black;
+	border-left: 1px solid #505050;
+	border-right: 1px solid #505050;
 }
 
 button:hover {
@@ -56,7 +58,7 @@ input.h-slider {
 	justify-content: center;
 	align-items: center;
 	/*width: 4em;*/
-	border-left: 1px solid black;
+	border-left: 1px solid #505050;
 }
 
 .buttons span.time, .buttons span.totaltime {
@@ -73,13 +75,13 @@ input.h-slider {
 }
 
 .music-info {
-    border: 1px solid black;
+    border: 1px solid #505050;
     width: 30%;
     height: 100%;
 }
 
 .music-library {
-    border-bottom: 1px solid black;
+    border-bottom: 1px solid #505050;
     width: 100%;
     height: 50%;
 }
@@ -91,7 +93,7 @@ input.h-slider {
 }
 
 .music-playing {
-    border: 1px solid black;
+    border: 1px solid #505050;
     border-left: none;
     width: 70%;
     height: 100%;
@@ -124,6 +126,7 @@ table.music-library tr td {
 
 table.music-library tr:hover td {
    background: #e0e0e0;
+   color: black;
 }
 
 .popup-menu, .popup-submenu {
@@ -135,6 +138,7 @@ table.music-library tr:hover td {
 	z-index: 9999;
 	border: 1px solid black;
 	background: #e0e0e0;
+	color: black;
 }
 
 .popup-submenu {
@@ -149,6 +153,11 @@ table.music-library tr:hover td {
 .menubar .menu-item {
 	min-width: unset;
 	width: unset;
+	color: black;
+}
+
+input[type="range"] {
+	accent-color: #c97101;
 }
 
 .menu-item span.menu-name {
@@ -167,17 +176,35 @@ table.tracks td.number {
 	text-align: right;
 }
 
-table.tracks tr {
+table.tracks tr, table.tracks td {
 	cursor: default;
+	user-select: none;
 }
 
 table.tracks tr:hover {
    background: #e0e0e0;
+   color: black;
+}
+
+table.tracks tr:hover.current {
+	color: #955c12;
 }
 
 table.tracks tr.current {
 	font-weight: bold;
-	color: blue;
+	color: #f3961e;
+}
+
+.album-art .content img {
+	width: auto;
+	height: calc(100% - 20px);
+	aspect-ratio: 1 / 1;
+	margin: auto;
+}
+
+.album-art .content {
+	display: flex;
+	justify-content: center;
 }