Fix contrast issues in non-default themes

- Fix contrast of window text in Dark and Occult themes
- Fix contrast of Edit Colors luminosity arrow in Dark and Occult themes
- Add borders in Edit Colors in Modern theme (for contrast)

src/functions.js

@@ -486,7 +486,7 @@ function show_edit_colors_window($swatch_to_edit, color_selection_slot_to_edit)
 			luminosity_canvas.ctx.fillRect(0, y, luminosity_canvas.width, 6);
 		}
 
-		lum_arrow_canvas.ctx.fillStyle = "black";
+		lum_arrow_canvas.ctx.fillStyle = getComputedStyle($w.$content[0]).getPropertyValue("--ButtonText");
 		for (let x = 0; x < lum_arrow_canvas.width; x++) {
 			lum_arrow_canvas.ctx.fillRect(x, lum_arrow_canvas.width-x-1, 1, 1+x*2);
 		}

styles/layout.css

@@ -702,8 +702,6 @@ html, body, .jspaint {
 	max-width: calc(100vw - 10px);
 	max-height: calc(100vh - 100px);
 	overflow: auto;
-	background: white;
-	color: black;
 }
 .history-entry {
 	cursor: pointer;

styles/themes/classic.css

@@ -292,6 +292,7 @@ body,
 .window-content {
 	font-family: Arial, sans-serif;
 	font-size: 16px;
+	color: var(--WindowText);
 }
 
 .help-window .item {
@@ -331,6 +332,11 @@ body,
 	mix-blend-mode: difference;
 } */
 
+.history-view {
+	background: var(--Window);
+	color: var(--WindowText);
+}
+
 input[type=text],
 input[type=url] {
 	/* @TODO: fancy 3d inset border (might need a surrounding element because pseudo elements won't work with input) */

styles/themes/modern.css

@@ -1,6 +1,7 @@
 :root {
 	--theme-loaded: "modern.css";
 	--Hilight: #0178d7;
+	--ButtonText: #000000;
 }
 
 body {
@@ -79,6 +80,7 @@ body {
 .window-content {
 	padding: 16px;
 	background: white;
+	color: black;
 	border-bottom-left-radius: 2px;
 	border-bottom-right-radius: 2px;
 }
@@ -234,6 +236,11 @@ body {
 	margin-left: 1px;
 }
 
+.edit-colors-window .inset-shallow {
+	border: 1px solid rgba(0, 0, 0, 0.5);
+	border-radius: 3px;
+}
+
 .edit-colors-window .swatch {
 	width: 20px;
 	height: 17px;
@@ -358,6 +365,11 @@ body,
 	color: white;
 } */
 
+.history-view {
+	background: white;
+	color: black;
+}
+
 input:invalid {
 	box-shadow: 0 0 0 2px red;
 }