63 lines
1.7 KiB
SCSS
63 lines
1.7 KiB
SCSS
$font-title: 'MiTicaRegular', serif;
|
|
$font-body: 'SingleDayRegular', sans-serif;
|
|
|
|
$color-page-background: #050607;
|
|
$color-surface: #111518;
|
|
$color-surface-raised: #171b1f;
|
|
$color-surface-strong: #232323;
|
|
$color-surface-warm: #3a2a12;
|
|
$color-text: #f8f1dd;
|
|
$color-text-muted: #b9ad96;
|
|
$color-text-dim: #7d745f;
|
|
$color-gold: #d6b25e;
|
|
$color-gold-strong: #f5d67b;
|
|
$color-gold-dim: #80642f;
|
|
$color-border: #3b3326;
|
|
$color-border-strong: #72582b;
|
|
$color-danger: #b44747;
|
|
$color-success: #61d47a;
|
|
$color-warning: #d7bb52;
|
|
$color-shadow: rgba(0, 0, 0, 0.42);
|
|
|
|
$space-1: 4px;
|
|
$space-2: 8px;
|
|
$space-3: 12px;
|
|
$space-4: 16px;
|
|
$space-5: 20px;
|
|
$space-6: 24px;
|
|
$space-8: 32px;
|
|
|
|
$radius-sharp: 0;
|
|
$radius-control: 4px;
|
|
$radius-panel: 6px;
|
|
|
|
$control-height-sm: 28px;
|
|
$control-height-md: 38px;
|
|
$control-height-lg: 46px;
|
|
|
|
$z-overlay: 20;
|
|
$z-toolbar: 30;
|
|
$z-status: 40;
|
|
|
|
:root {
|
|
--blb-font-title: #{$font-title};
|
|
--blb-font-body: #{$font-body};
|
|
--blb-color-page-background: #{$color-page-background};
|
|
--blb-color-surface: #{$color-surface};
|
|
--blb-color-surface-raised: #{$color-surface-raised};
|
|
--blb-color-surface-strong: #{$color-surface-strong};
|
|
--blb-color-surface-warm: #{$color-surface-warm};
|
|
--blb-color-text: #{$color-text};
|
|
--blb-color-text-muted: #{$color-text-muted};
|
|
--blb-color-text-dim: #{$color-text-dim};
|
|
--blb-color-gold: #{$color-gold};
|
|
--blb-color-gold-strong: #{$color-gold-strong};
|
|
--blb-color-gold-dim: #{$color-gold-dim};
|
|
--blb-color-border: #{$color-border};
|
|
--blb-color-border-strong: #{$color-border-strong};
|
|
--blb-color-danger: #{$color-danger};
|
|
--blb-color-success: #{$color-success};
|
|
--blb-color-warning: #{$color-warning};
|
|
--blb-shadow: #{$color-shadow};
|
|
}
|