From: Lanius Trolling <lanius@laniustrolling.dev>
Date: Wed, 14 Jun 2023 13:29:36 +0000 (-0400)
Subject: Improve table styling
X-Git-Url: https://gitweb.starshipfights.net/?a=commitdiff_plain;h=1109d46faf5fabb6893376838369be92ac58c0e2;p=factbooks

Improve table styling
---

diff --git a/build.gradle.kts b/build.gradle.kts
index b7b84ea..60b001c 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -49,13 +49,12 @@ dependencies {
 	
 	implementation("io.ktor:ktor-server-call-id:2.3.1")
 	implementation("io.ktor:ktor-server-call-logging:2.3.1")
-	implementation("io.ktor:ktor-server-conditional-headers:2.3.1")
 	implementation("io.ktor:ktor-server-forwarded-header:2.3.1")
 	implementation("io.ktor:ktor-server-html-builder:2.3.1")
 	implementation("io.ktor:ktor-server-sessions-jvm:2.3.1")
 	implementation("io.ktor:ktor-server-status-pages:2.3.1")
 	
-	implementation("org.jetbrains.kotlinx:kotlinx-html-jvm:0.8.0")
+	implementation("org.jetbrains.kotlinx:kotlinx-html-jvm:0.8.1")
 	
 	implementation("com.samskivert:jmustache:1.15")
 	implementation("org.apache.groovy:groovy-jsr223:4.0.10")
@@ -71,7 +70,7 @@ dependencies {
 		exclude("org.jetbrains.kotlinx", "kotlinx-serialization-core-jvm")
 	}
 	
-	implementation("org.slf4j:slf4j-api:2.0.5")
+	implementation("org.slf4j:slf4j-api:2.0.7")
 	implementation("ch.qos.logback:logback-classic:1.4.7")
 }
 
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
index 1260553..b2d1d20 100644
--- a/src/main/resources/static/style.css
+++ b/src/main/resources/static/style.css
@@ -173,7 +173,8 @@ html {
 	--a-v-fg: #63c;
 
 	--tbl-border: #036;
-	--tbl-backgr: #eee;
+	--tbl-td-bgr: #eee;
+	--tbl-th-bgr: #258;
 
 	--input-bg: #aaa;
 	--input-ul: #222;
@@ -245,7 +246,8 @@ html[data-theme="dark"] {
 	--a-v-fg: #96f;
 
 	--tbl-border: #9cf;
-	--tbl-backgr: #111;
+	--tbl-td-bgr: #111;
+	--tbl-th-bgr: #7ad;
 
 	--input-bg: #555;
 	--input-ul: #ddd;
@@ -318,7 +320,8 @@ html[data-theme="dark"] {
 		--a-v-fg: #63c;
 
 		--tbl-border: #036;
-		--tbl-backgr: #eee;
+		--tbl-td-bgr: #eee;
+		--tbl-th-bgr: #258;
 
 		--input-bg: #aaa;
 		--input-ul: #222;
@@ -390,7 +393,8 @@ html[data-theme="dark"] {
 		--a-v-fg: #96f;
 
 		--tbl-border: #9cf;
-		--tbl-backgr: #111;
+		--tbl-td-bgr: #111;
+		--tbl-th-bgr: #7ad;
 
 		--input-bg: #555;
 		--input-ul: #ddd;
@@ -719,24 +723,24 @@ table {
 
 td {
 	border: 0.125rem solid var(--tbl-border);
-	background-color: var(--tbl-backgr);
+	background-color: var(--tbl-td-bgr);
 	font-size: 0.85em;
 	padding: 0.3em;
 }
 
 th {
 	border: 0.125rem solid var(--tbl-border);
-	background-color: var(--tbl-border);
+	background-color: var(--tbl-th-bgr);
 	padding: 0.15em 0;
 
 	text-align: center;
-	vertical-align: center;
+	vertical-align: middle;
 
 	font-family: Oxanium, monospace;
 	font-size: 1.0em;
 	font-variant: small-caps;
 	font-weight: 700;
-	color: var(--tbl-backgr);
+	color: var(--tbl-td-bgr);
 }
 
 input[type=text],