Continue working on v2 of the PC sheet (w/ Material design now)
This commit is contained in:
parent
6d2d02b077
commit
753d72b4e0
7 changed files with 249 additions and 23 deletions
|
|
@ -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%);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue