82 lines
2.4 KiB
SCSS
82 lines
2.4 KiB
SCSS
@use '@lucas-labs/lui-micro' as lui;
|
|
@use './utils/color-utils' as c;
|
|
@use './theme' as theme;
|
|
|
|
$is-dark: true;
|
|
|
|
$brand: #a6c6f7;
|
|
|
|
$colors: (
|
|
theme: (
|
|
'rosewater': c.variants(#f5e0dc, $is-dark),
|
|
'flamingo': c.variants(#f2cdcd, $is-dark),
|
|
'pink': c.variants(#f5c2e7, $is-dark),
|
|
'mauve': c.variants($brand, $is-dark),
|
|
'red': c.variants(#f38ba8, $is-dark),
|
|
'maroon': c.variants(#eba0ac, $is-dark),
|
|
'peach': c.variants(#fab387, $is-dark),
|
|
'yellow': c.variants(#f9e2af, $is-dark),
|
|
'green': c.variants($brand, $is-dark),
|
|
'dark-green': c.variants(#00E676, $is-dark),
|
|
'teal': c.variants(#94e2d5, $is-dark),
|
|
'sky': c.variants(#89dceb, $is-dark),
|
|
'sapphire': c.variants(#74c7ec, $is-dark),
|
|
'blue': c.variants(#89b4fa, $is-dark),
|
|
'lavender': c.variants(#b4befe, $is-dark),
|
|
'black': c.variants(#181825, $is-dark),
|
|
'white': c.variants(#e6edf3, $is-dark),
|
|
),
|
|
text: #e6edf3,
|
|
primary: c.variants($brand, $is-dark),
|
|
secondary: c.variants(#5d5f7a, $is-dark),
|
|
elevation: (
|
|
'1': #000000, // crust
|
|
'2': #040407, // mantle
|
|
'3': #07070f, // base
|
|
'4': #161720, // surface0
|
|
'5': #1a1a25, // surface1
|
|
'6': #222330, // surface2
|
|
'7': #393c4d, // overlay0
|
|
'8': #515569, // overlay1
|
|
'9': #6b7188, // overlay2
|
|
'10': #868ca5, // subtext0
|
|
'11': #9aa2c2, // subtext1
|
|
'12': #b6c0e0, //
|
|
)
|
|
);
|
|
|
|
// init lui-micro, css-vars only (no reboot, no basic)
|
|
@include lui.init(
|
|
$theme: (
|
|
colors: $colors,
|
|
variables: (
|
|
'base-font-size': 14px,
|
|
'font-family': '"Outfit", Inter, Roboto, sans-serif',
|
|
'code-font-family': '"Source Code Pro", "Roboto Mono", Consolas, monospace',
|
|
'measure': (
|
|
'.25x': 4px,
|
|
'.5x': 8px,
|
|
'1x': 16px,
|
|
'1.25x': 20px,
|
|
'1.5x': 24px,
|
|
'2x': 32px,
|
|
'3x': 48px,
|
|
'4x': 64px,
|
|
),
|
|
'repo-home': (
|
|
'sidebar-width': 296px,
|
|
)
|
|
),
|
|
),
|
|
|
|
$options: (
|
|
reboot: false,
|
|
basic: false,
|
|
fg-var-name: 'text',
|
|
bg-var-name: 'elevation/1',
|
|
),
|
|
);
|
|
|
|
@include theme.make-theme(
|
|
$is-dark: $is-dark,
|
|
); |