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: #6296e2;
|
|
|
|
$colors: (
|
|
theme: (
|
|
'rosewater': c.variants(#dc8a78, $is-dark),
|
|
'flamingo': c.variants(#dd7878, $is-dark),
|
|
'pink': c.variants(#ea76cb, $is-dark),
|
|
'mauve': c.variants($brand, $is-dark),
|
|
'red': c.variants(#d20f39, $is-dark),
|
|
'maroon': c.variants(#e64553, $is-dark),
|
|
'peach': c.variants(#fe640b, $is-dark),
|
|
'yellow': c.variants(#df8e1d, $is-dark),
|
|
'green': c.variants($brand, $is-dark),
|
|
'dark-green': c.variants(#11752d, $is-dark),
|
|
'teal': c.variants(#179299, $is-dark),
|
|
'sky': c.variants(#04a5e5, $is-dark),
|
|
'sapphire': c.variants(#209fb5, $is-dark),
|
|
'blue': c.variants(#1e66f5, $is-dark),
|
|
'lavender': c.variants(#7287fd, $is-dark),
|
|
'black': c.variants(#181825, $is-dark),
|
|
'white': c.variants(#e6edf3, $is-dark),
|
|
),
|
|
text: #4c4f69,
|
|
primary: c.variants($brand, $is-dark),
|
|
secondary: c.variants(#5d5f7a, $is-dark),
|
|
elevation: (
|
|
'1': #dce0e8, // crust
|
|
'2': #e6e9ef, // mantle
|
|
'3': #eff1f5, // base
|
|
'4': #ccd0da, // surface0
|
|
'5': #bcc0cc, // surface1
|
|
'6': #acb0be, // surface2
|
|
'7': #9ca0b0, // overlay0
|
|
'8': #8c8fa1, // overlay1
|
|
'9': #7c7f93, // overlay2
|
|
'10': #6c6f85, // subtext0
|
|
'11': #5c5f77, // subtext1
|
|
'12': #4c4f69, //
|
|
)
|
|
);
|
|
|
|
// 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,
|
|
); |