102 lines
2.4 KiB
SCSS
102 lines
2.4 KiB
SCSS
// Color system
|
|
$white: #fff !default;
|
|
$gray-100: #f8f9fa !default;
|
|
$gray-200: #e9ecef !default;
|
|
$gray-300: #dee2e6 !default;
|
|
$gray-400: #ced4da !default;
|
|
$gray-500: #adb5bd !default;
|
|
$gray-600: #6c757d !default;
|
|
$gray-700: #495057 !default;
|
|
$gray-800: #343a40 !default;
|
|
$gray-900: #212529 !default;
|
|
$black: #000 !default;
|
|
|
|
$blue: #0d6efd !default;
|
|
$indigo: #6610f2 !default;
|
|
$purple: #6f42c1 !default;
|
|
$pink: #d63384 !default;
|
|
$red: #da0000 !default; // Customized
|
|
$orange: hsla(30, 100%, 50%, 1) !default; // The Gold color from God
|
|
$green: hsl(134, 87%, 30%) !default; // Customized
|
|
$green: #198754 !default;
|
|
$teal: #20c997 !default;
|
|
$cyan: #0dcaf0 !default;
|
|
|
|
$primary: $purple;
|
|
$info: $blue;
|
|
$warning: $orange;
|
|
|
|
// Customize the light and dark text colors for use in our color contrast function.
|
|
$primary-50: #f1e8ff;
|
|
$secondary-50: #e9eff2;
|
|
$success-50: #d9ffe1;
|
|
$info-50: hsl(215, 100%, 97%);
|
|
$warning-50: hsl(50, 100%, 96%);
|
|
$danger-50: hsl(350, 100%, 96%);
|
|
|
|
// Custom schematic colors
|
|
// TODO: Remove this section
|
|
$primary-lighter: #af83ff;
|
|
$primary-lightest: #f1e8ff;
|
|
$secondary-lighter: #e3e6e8;
|
|
$secondary-lightest: #e9eff2;
|
|
$success-lighter: #42ad5b;
|
|
$success-lightest: #d9ffe1;
|
|
$info-lighter: #67a3fb;
|
|
$info-lightest: hsla(215, 100%, 97%, 1);
|
|
$warning-lighter: #ffb972;
|
|
$warning-lightest: hsla(50, 100%, 96%, 1);
|
|
$danger-lighter: #ff7991;
|
|
$danger-lightest: hsl(350, 100%, 96%);
|
|
|
|
// Options
|
|
$enable-shadows: true;
|
|
|
|
// Body
|
|
$body-bg: hsl(260, 27%, 94%);
|
|
|
|
// Links
|
|
$link-decoration: none;
|
|
$link-hover-decoration: underline;
|
|
|
|
// Typography
|
|
$font-family-sans-serif: "Roboto", sans-serif !default;
|
|
$font-size-base: 0.9rem;
|
|
$line-height-base: 1.6;
|
|
|
|
$h1-font-size: $font-size-base * 1.6 !default;
|
|
$h2-font-size: $font-size-base * 1.4 !default;
|
|
$h3-font-size: $font-size-base * 1.3 !default;
|
|
$h4-font-size: $font-size-base * 1.2 !default;
|
|
$h5-font-size: $font-size-base * 1.1 !default;
|
|
$h6-font-size: $font-size-base !default;
|
|
$headings-font-weight: bold; // Make headings bold
|
|
|
|
// Code
|
|
$code-font-size: 100%;
|
|
$code-color: $primary;
|
|
|
|
// Forms
|
|
$input-bg: $white;
|
|
$input-color: $black;
|
|
$input-transition: null;
|
|
|
|
// Buttons
|
|
$btn-box-shadow: null;
|
|
$enable-gradients: true;
|
|
$btn-transition: none;
|
|
|
|
// Navs
|
|
$nav-link-transition: none;
|
|
|
|
// Navbar
|
|
$navbar-dark-color: rgba($white, .8) !default;
|
|
$navbar-dark-hover-color: $white!default;
|
|
|
|
// Breadcrumb
|
|
$breadcrumb-divider: quote(">");
|
|
|
|
// Cards
|
|
$card-border-width: 0;
|
|
$card-box-shadow: 0 .125rem .25rem rgba($black, .075);
|