Continue working on v2 of the PC sheet (w/ Material design now)

This commit is contained in:
Oliver-Akins 2024-02-27 22:49:39 -07:00
parent 6d2d02b077
commit 753d72b4e0
7 changed files with 249 additions and 23 deletions

View file

@ -1,7 +1,28 @@
$bg-base: #202b38;
$t: transparent;
$background: #0a0a0a;
$surface: #121212;
$primary: $t;
$secondary: $t;
$on-background: $t;
$on-surface: $t;
$on-primary: $t;
$on-secondary: $t;
.actor--pc {
--sheet-bg: #{$bg-base};
--nav-bg: var(--panel-bg);
--panel-bg: rgba(255, 255, 255, 0.05);
--sheet-bg: #{$background};
--nav-bg: #{$surface};
--panel-bg: #{$surface};
/* Elevation backgrounds to following Material design */
--elevation-0dp: #{$surface};
--elevation-1dp: color-mix(in lab, #{$surface}, white 5%);
--elevation-2dp: color-mix(in lab, #{$surface}, white 7%);
--elevation-3dp: color-mix(in lab, #{$surface}, white 8%);
--elevation-4dp: color-mix(in lab, #{$surface}, white 9%);
--elevation-6dp: color-mix(in lab, #{$surface}, white 11%);
--elevation-8dp: color-mix(in lab, #{$surface}, white 12%);
--elevation-12dp: color-mix(in lab, #{$surface}, white 14%);
--elevation-16dp: color-mix(in lab, #{$surface}, white 15%);
--elevation-24dp: color-mix(in lab, #{$surface}, white 16%);
}