dark mode for client

css/nav.css

@@ -7,7 +7,7 @@ nav {
 
 nav a, nav h1, nav label {
 	text-align: left;
-	padding: 14px 16px;
+	padding: 8px 10px;
 	text-decoration: none;
 }
 
@@ -17,8 +17,8 @@ nav a, nav h1, nav label {
 
 @media screen and (min-width: 600px){
 	#hamitems a:hover, #hamitems a[aria-current="true"], #hamitems:hover a[aria-current="true"]:hover {
-		background-color: white;
-		color: black;
+		background-color: #303030;
+		color: white;
 	}
 	
 	#hamitems:hover a[aria-current="true"] {

css/style.css

@@ -20,6 +20,26 @@ body {
 
 main {
 	max-width: 100vw;
+	background-color: #303030;
+	color: white;
+}
+
+.w3-card {
+	background-color: #202020;
+	box-shadow: 0 2px 5px 0 black;
+}
+
+th {
+	background-color: #080808;
+}
+
+td {
+	background-color: #202020;
+}
+
+input, select, textarea {
+	background-color: #303030;
+	color: white;
 }
 
 img.clickable {

images/actions/instance/add-instance.svg

@@ -1 +0,0 @@
-<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g id="_21-Add" data-name="21-Add" fill="#000"><path d="M25,0H7A7,7,0,0,0,0,7V25a7,7,0,0,0,7,7H25a7,7,0,0,0,7-7V7A7,7,0,0,0,25,0Zm5,25a5,5,0,0,1-5,5H7a5,5,0,0,1-5-5V7A5,5,0,0,1,7,2H25a5,5,0,0,1,5,5Z"/><polygon points="17 6 15 6 15 15 6 15 6 17 15 17 15 26 17 26 17 17 26 17 26 15 17 15 17 6"/></g></svg>