skyler
/
Lightningbeam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make active layer more obvious

This commit is contained in:
Skyler Lehmkuhl 2024-12-08 00:53:19 -05:00
parent bd85a157fc
commit 7a065111f0
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles.css
View File

@ -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;