open-nomad/website/source/assets/stylesheets/_variables.scss

99 lines
2.4 KiB
SCSS
Raw Normal View History

2017-03-28 03:37:59 +00:00
// Colors
2019-10-03 20:07:53 +00:00
$white: #ffffff;
2017-03-28 03:37:59 +00:00
$black: #000000;
2019-10-03 20:07:53 +00:00
$gray: #1d1e23;
$gray-light: #cccccc;
2017-03-28 03:37:59 +00:00
2019-10-03 20:07:53 +00:00
$vagrant-l3: #eff5ff;
$vagrant-l2: #d0e0ff;
$vagrant-l1: #66a2ff;
$vagrant: #1563ff;
$vagrant-d1: #0d44cc;
$vagrant-d2: #08368b;
$packer-l3: #ebf8ff;
$packer-l2: #bfe8fe;
$packer-l1: #6bceff;
$packer: #00acff;
$packer-d1: #0074ba;
$packer-d2: #005283;
$nomad-l3: #ebfdf7;
$nomad-l2: #c1f1e0;
$nomad-l1: #6bd8b4;
$nomad-on-dark: #00bc7f;
$nomad: #00bc7f;
$nomad-d1: #007854;
$nomad-d2: #004c3a;
$terraform-l3: #f5f3ff;
$terraform-l2: #ddd6fa;
$terraform-l1: #a28ce8;
$terraform-on-dark: #7c65ef;
$terraform: #623ce4;
$terraform-d1: #3c2aa8;
$terraform-d2: #2a1c73;
$consul-l3: #fff2f8;
$consul-l2: #f8d9e7;
$consul-l1: #e07eac;
$consul-on-dark: #e03a89;
$consul: #ca2171;
$consul-d1: #8e134a;
$consul-d2: #650d34;
$vault-l3: #f7f7f9;
$vault-l2: #dcdde0;
$vault-l1: #bdbec2;
$vault: #4c4c53;
$vault-d1: #323339;
$vault-d2: #1d1e23;
2017-03-28 03:37:59 +00:00
// Typography
2019-10-03 20:07:53 +00:00
$font-size-default: 16px;
$font-weight-light: 300;
$font-weight-book: $font-weight-light;
$font-weight-reg: 400;
$font-weight-medium: 500;
$font-weight-semi-bold: 600;
$font-weight-bold: 700;
$font-display: "gilmer-web", "Gilmer", Geneva, Tahoma, Helvetica, Verdana,
sans-serif;
$font-body: "metro-web", "Metro", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
$font-monospace: "dejavu-sans-mono-web", monospace;
2017-03-28 03:37:59 +00:00
// Body
2017-03-28 14:52:36 +00:00
$body-font-color: $gray;
2019-10-03 20:07:53 +00:00
$body-link-color: $nomad;
2017-03-28 03:37:59 +00:00
// Home
$home-header-background-color: transparent;
2017-03-28 14:52:36 +00:00
$home-header-link-color: $gray;
2017-03-28 03:37:59 +00:00
$home-header-link-color-hover: $black;
// Sidebar
$sidebar-background-color: $white;
2019-10-03 20:07:53 +00:00
$sidebar-font-size: $font-size-default - 2;
2017-03-28 03:37:59 +00:00
$sidebar-link-color: $body-font-color;
$sidebar-link-color-hover: $black;
$sidebar-link-color-active: $body-link-color;
2019-10-03 20:07:53 +00:00
$sidebar-font-family: $font-body;
2017-03-28 03:37:59 +00:00
$sidebar-font-weight: $font-weight-reg;
// Header
2019-10-03 20:07:53 +00:00
$header-background-color: $nomad;
$header-font-size: $font-size-default - 2;
2017-03-28 03:37:59 +00:00
$header-height: 92px;
$header-link-color: rgba($white, 0.85);
$header-link-color-hover: $white;
// Footer
2019-10-03 20:07:53 +00:00
$footer-font-size: $font-size-default - 2;
2017-03-28 03:37:59 +00:00
$footer-link-color: $body-font-color;
$footer-link-color-hover: $black;
// Button
$button-background: $white;
2019-10-03 20:07:53 +00:00
$button-font-color: $black;
$button-font-family: $font-display;
$button-font-size: 0.938rem;
2017-03-28 03:37:59 +00:00
$button-font-weight: $font-weight-bold;
2019-10-03 20:07:53 +00:00
$button-primary-background: $nomad;
2017-03-28 03:37:59 +00:00
$button-primary-font-color: $white;