add new app themes

This commit is contained in:
jeffvli
2025-12-14 06:06:27 -08:00
parent 0f4534c34c
commit 69de9a98f0
32 changed files with 943 additions and 88 deletions
@@ -187,19 +187,10 @@
pointer-events: none;
background: linear-gradient(
to bottom,
rgb(0 0 0 / 50%) 0%,
rgb(0 0 0 / 5%) 50%,
darken(var(--theme-colors-background), 10%) 0%,
darken(var(--theme-colors-background), 5%) 50%,
transparent 100%
);
@mixin light {
background: linear-gradient(
to bottom,
var(--theme-colors-background) 0%,
alpha(var(--theme-colors-background), 0.05) 50%,
transparent 100%
);
}
}
.item-table-left-scroll-shadow {
@@ -210,18 +201,21 @@
z-index: 1;
width: 8px;
pointer-events: none;
background: linear-gradient(
to right,
rgb(0 0 0 / 50%) 0%,
rgb(0 0 0 / 5%) 50%,
transparent 100%
);
@mixin dark {
background: linear-gradient(
to right,
darken(var(--theme-colors-background), 10%) 0%,
darken(var(--theme-colors-background), 5%) 50%,
transparent 100%
);
}
@mixin light {
background: linear-gradient(
to right,
var(--theme-colors-background) 0%,
alpha(var(--theme-colors-background), 0.05) 50%,
darken(var(--theme-colors-background), 5%) 0%,
darken(var(--theme-colors-background), 3%) 50%,
transparent 100%
);
}
@@ -235,18 +229,21 @@
z-index: 1;
width: 8px;
pointer-events: none;
background: linear-gradient(
to left,
rgb(0 0 0 / 50%) 0%,
rgb(0 0 0 / 5%) 50%,
transparent 100%
);
@mixin dark {
background: linear-gradient(
to left,
darken(var(--theme-colors-background), 10%) 0%,
darken(var(--theme-colors-background), 5%) 50%,
transparent 100%
);
}
@mixin light {
background: linear-gradient(
to left,
var(--theme-colors-background) 0%,
alpha(var(--theme-colors-background), 0.05) 50%,
darken(var(--theme-colors-background), 5%) 0%,
darken(var(--theme-colors-background), 3%) 50%,
transparent 100%
);
}
@@ -260,18 +257,21 @@
z-index: 1;
height: 8px;
pointer-events: none;
background: linear-gradient(
to bottom,
rgb(0 0 0 / 50%) 0%,
rgb(0 0 0 / 5%) 50%,
transparent 100%
);
@mixin dark {
background: linear-gradient(
to bottom,
darken(var(--theme-colors-background), 10%) 0%,
darken(var(--theme-colors-background), 5%) 50%,
transparent 100%
);
}
@mixin light {
background: linear-gradient(
to bottom,
var(--theme-colors-background) 0%,
alpha(var(--theme-colors-background), 0.05) 50%,
darken(var(--theme-colors-background), 5%) 0%,
darken(var(--theme-colors-background), 3%) 50%,
transparent 100%
);
}