feat(segments): add some variables for special types

inkdropapp · Oct 22, 2024 · cdfe524 · cdfe524
1 parent 51b1587
commit cdfe524
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less
@@ -198,15 +198,15 @@
 .ui.piled.segments:before,
 .ui.piled.segment:after,
 .ui.piled.segment:before {
-  background-color: @white;
+  background-color: var(--piled-segments-background, @white);
   visibility: visible;
   content: '';
   display: block;
   height: 100%;
   left: 0px;
   position: absolute;
   width: 100%;
-  border: @piledBorder;
+  border: var(--piled-segments-border, 1px solid var(--border-color));
   box-shadow: @piledBoxShadow;
 }
 
@@ -261,7 +261,7 @@
   left: 0%;
 
   border-top: 1px solid @borderColor;
-  background: @stackedPageBackground;
+  background: var(--stacked-segment-page-background, @stackedPageBackground);
 
   width: 100%;
   height: @stackedHeight;

diff --git a/src/site/globals/site.overrides b/src/site/globals/site.overrides
@@ -1180,6 +1180,7 @@
     0 8px 12px -1px hsl(var(--hsl-neutral-900) / .03);
   --grouped-segment-group-border-radius: var(--default-border-radius);
   --grouped-segment-hover-background: var(--off-white);
+  --piled-segments-background: var(--subtle-transparent-black);
 
 
   /*-------------------
@@ -2238,6 +2239,9 @@ body.acrylic-window {
     0 8px 12px -1px hsl(var(--hsl-neutral-900) / .03);
   --grouped-segment-group-border-radius: var(--default-border-radius);
   --grouped-segment-hover-background: hsl(var(--hsl-neutral-800) / 80%);
+  --stacked-segment-page-background: var(var(--subtle-transparent-black));
+  --piled-segments-background: var(--strong-transparent-white);
+
   /*-------------------
         Form
   --------------------*/