gsui.css: CSS, --gsui-item-brdtop/bottom

gridsound · Mar 1, 2025 · 04569a0 · 04569a0
1 parent 74d43e7
commit 04569a0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/gsui.css b/gsui.css
@@ -55,6 +55,8 @@ body {
 	--gsui-timeline-loop-bg: #656586;
 	--gsui-items-bg: #474747;
 	--gsui-item-bg: #5c5c5c;
+	--gsui-item-brdtop: 2px solid #fff1;
+	--gsui-item-brdbottom: 2px solid #0000003b;
 	--gsui-item-more-bg: #fff2;
 	--gsui-item-bg-disabled: #505050;
 	--gsui-item-bg-selected: #616161;

diff --git a/gsuiChannel/gsuiChannel.css b/gsuiChannel/gsuiChannel.css
@@ -8,8 +8,8 @@ gsui-channel {
 	height: 100%;
 	min-width: 50px;
 	min-height: 160px;
-	border-left: 2px solid #ffffff11;
-	border-right: 2px solid #0000003b;
+	border-left: var( --gsui-item-brdtop );
+	border-right: var( --gsui-item-brdbottom );
 	background-color: var( --gsuiChannel-bg, var( --gsui-item-bg ) );
 	transition: .2s background-color;
 }

diff --git a/gsuiDrumrow/gsuiDrumrow.css b/gsuiDrumrow/gsuiDrumrow.css
@@ -10,8 +10,8 @@ gsui-drumrow {
 	box-sizing: border-box;
 	height: 1em;
 	min-height: 1em;
-	border-top: 2px solid #ffffff11;
-	border-bottom: 2px solid #0000003b;
+	border-top: var( --gsui-item-brdtop );
+	border-bottom: var( --gsui-item-brdbottom );
 	background-color: var( --gsui-item-bg );
 	transition:
 		.2s height,

diff --git a/gsuiEffect/gsuiEffect.css b/gsuiEffect/gsuiEffect.css
@@ -11,14 +11,14 @@ gsui-effect[ enable ] {
 	display: flex;
 	height: 36px;
 	box-sizing: border-box;
-	border-bottom: 2px solid #0002;
+	border-bottom: var( --gsui-item-brdbottom );
 	font-size: 12px;
 }
 gsui-effect:not( [ expanded ] ) + gsui-effect .gsuiEffect-head {
-	border-top: 2px solid #fff1;
+	border-top: var( --gsui-item-brdtop );
 }
 gsui-effect[ expanded ] + gsui-effect .gsuiEffect-head {
-	border-top: 2px solid #0001;
+	border-top: var( --gsui-item-brdbottom );
 }
 .gsuiEffect-expand,
 .gsuiEffect-remove {