This repository has been archived on 2023-02-03. You can view files and clone it, but cannot push or open issues or pull requests.
autonomic.zone/src/assets/styles/libs/_vars.scss

100 lines
2.6 KiB
SCSS

@import "drac";
// Misc.
$misc: (
max-spotlights: 10,
max-features: 10,
z-index-base: 10000
);
// Duration.
$duration: (
transitions: 0.2s,
menu: 0.5s,
fadein: 3s
);
// Size.
$size: (
element-height: 2.75em,
element-margin: 2em,
letter-spacing: 0,
letter-spacing-alt: 0.1em
);
// Font.
$font: (
family: (-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif),
family-fixed: (SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace),
weight: 400,
weight-bold: 600,
weight-extrabold: 800
);
// Palette.
$palette: (
bg: $background,
fg: $foreground,
fg-bold: $foreground,
fg-light: rgba($foreground, 0.5),
border: $foreground,
border-bg: rgba(144,144,144,0.25),
border2: $foreground,
border2-bg: rgba(144,144,144,0.5),
accent1: (
bg: $pink,
fg-bold: #ffffff,
fg: mix($pink, #ffffff, 25%),
fg-light: mix($pink, #ffffff, 40%),
border: rgba(0,0,0,0.125),
border-bg: rgba(255,255,255,0.075),
border2: rgba(0,0,0,0.25),
border2-bg: rgba(255,255,255,0.2)
),
accent2: (
bg: #ffffff,
fg-bold: #41505E,
fg: #4E4852,
fg-light: #8E8892,
border: #dfdfdf,
border-bg: rgba(0,0,0,0.0375),
border2: #bfbfbf,
border2-bg: rgba(0,0,0,0.1)
),
accent3: (
bg: $red,
fg-bold: $foreground,
fg: #282a36,//mix($nord11, #ffffff, 25%),
fg-light: #282a36,
border: rgba(0,0,0,0.125),
border-bg: rgba(255,255,255,0.075),
border2: rgba(0,0,0,0.25),
border2-bg: rgba(255,255,255,0.2)
),
accent4: (
bg: mix(#44475a, #000, 50%),
fg-bold: $foreground,
fg: $dark-foreground,
fg-light: $dark-foreground,
border: rgba(0,0,0,0.125),
border-bg: rgba(255,255,255,0.075),
border2: rgba(0,0,0,0.25),
border2-bg: rgba(255,255,255,0.2)
),
accent5: (
bg: #e2e2e2,
fg-bold: #ffffff,
fg: mix($pink, #ffffff, 25%),
fg-light: mix($pink, #ffffff, 40%),
border: rgba(0,0,0,0.125),
border-bg: rgba(255,255,255,0.075),
border2: rgba(0,0,0,0.25),
border2-bg: rgba(255,255,255,0.2)
),
);