60 lines
2 KiB
SCSS
60 lines
2 KiB
SCSS
$t: transparent;
|
|
|
|
$background: #0a0a0a;
|
|
$surface: #121212;
|
|
$primary: #005300;
|
|
$secondary: #6c056c;
|
|
$on-background: $t;
|
|
$on-surface: white;
|
|
$on-primary: $t;
|
|
$on-secondary: $t;
|
|
|
|
$title-font: 'Pixelify Sans', sans-serif;
|
|
$body-font: sans-serif;
|
|
|
|
.actor--pc-v2 {
|
|
--sheet-bg: #{$background};
|
|
--nav-bg: #{$surface};
|
|
--nav-button-text: #{$on-surface};
|
|
|
|
--tab-font: #{$title-font};
|
|
--input-font: #{$body-font};
|
|
|
|
--scrollbar-handle-color: #{$primary};
|
|
--scrollbar-handle-border-color: color-mix(in lab, white 40%, var(--scrollbar-handle-color));
|
|
|
|
/* Elevation backgrounds to following Material design */
|
|
--elevation-0dp-bg: #{$surface};
|
|
--elevation-1dp-bg: color-mix(in lab, transparent, white 5%);
|
|
--elevation-2dp-bg: color-mix(in lab, transparent, white 7%);
|
|
--elevation-3dp-bg: color-mix(in lab, transparent, white 8%);
|
|
--elevation-4dp-bg: color-mix(in lab, transparent, white 9%);
|
|
--elevation-6dp-bg: color-mix(in lab, transparent, white 11%);
|
|
--elevation-8dp-bg: color-mix(in lab, transparent, white 12%);
|
|
--elevation-12dp-bg: color-mix(in lab, transparent, white 14%);
|
|
--elevation-16dp-bg: color-mix(in lab, transparent, white 15%);
|
|
--elevation-24dp-bg: color-mix(in lab, transparent, white 16%);
|
|
|
|
--stat-header-text-color: #{$on-surface};
|
|
--stat-dice-select-text-color: #{$on-surface};
|
|
--stat-dice-select-bg: #{$surface};
|
|
--stat-roll-button-text-color: #{$on-surface};
|
|
--stat-divider-color: #{$secondary};
|
|
--stat-not-chosen-placeholder-text-color: #{$on-surface};
|
|
--skill-name-text-color: #{$on-surface};
|
|
--skill-training-select-bg: #{$surface};
|
|
--skill-training-select-text-color: #{$on-surface};
|
|
--skill-roll-button-text-color: #{$on-surface};
|
|
|
|
/* Common Inventory Item Variables */
|
|
--inventory-item-name-font: #{$body-font};
|
|
--inventory-item-name-font-size: 0.875rem;
|
|
|
|
/* Material inventory item details */
|
|
--inventory-material-color: white;
|
|
--inventory-material-hover-color: white;
|
|
--inventory-material-focus-color: white;
|
|
|
|
/* Untyped (custom) inventory item details */
|
|
--inventory-untyped-color: white;
|
|
}
|