From 7a065111f01047b9fc5ed3eea7f419efce1b18aa Mon Sep 17 00:00:00 2001
From: Skyler Lehmkuhl <skycooler@gmail.com>
Date: Sun, 8 Dec 2024 00:53:19 -0500
Subject: [PATCH] make active layer more obvious

---
 src/styles.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 42b5020..2232207 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -335,9 +335,9 @@ button {
 .layer-header {
   width: 100%;
   height: calc( 2 * var(--lineheight));
-  background-color: #bbb;
+  background-color: #aaa;
   border-top: 1px solid #ddd;
-  border-bottom: 1px solid #aaa;
+  border-bottom: 1px solid #999;
   flex-shrink: 0;
   cursor: pointer;
 }
@@ -353,8 +353,12 @@ button {
   padding-left: 1em;
   padding-top: 5px;
   display: inline-block;
+  color: #666;
   cursor: text;
 }
+.layer-header.active > .layer-name {
+  color: #000;
+}
 .layer-track {
   min-width: 100%;
   height: calc( 2 * var(--lineheight));
@@ -571,13 +575,19 @@ button {
     background-color: #222222;
   }
   .layer-header {
-    background-color: #3f3f3f;
+    background-color: #222;
     border-top: 1px solid #4f4f4f;
-    border-bottom: 1px solid #222222;
+    border-bottom: 1px solid #111;
   }
   .layer-header.active {
     background-color: #444;
   }
+  .layer-name {
+    color: #aaa
+  }
+  .layer-header.active > .layer-name {
+    color: #fff;
+  }
   .layer-header.audio {
     background-color: #23253b;
     border-top: 1px solid #403f4e;