Improve table styling

diff --git a/build.gradle.kts b/build.gradle.kts
index b7b84ea33cfbbf40e66d1a821e052222ef497693..60b001ce139be7fc6ae439de92f8debc55d93fb8 100644 (file)
--- 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 126055384dab78ecdd6789eb68f90d69237c8710..b2d1d207f26806c225ad70e0ef1d8ddfa2046a91 100644 (file)
--- 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],