/* * Bootstrap overrides https://getbootstrap.com/docs/4.0/getting-started/theming/ * All values defined in bootstrap source * https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss can be overwritten here * Make sure not to add !default to values here */ // Colors: // Grayscale and brand colors for use across Bootstrap. $theme-colors: ( // Timeline / button 'primary': #5cc700, // Title 'info': #00a9ac, //menu 'menu': #182d32, // pink 'secondary': #fd006c ); // Options: // Quickly modify global styling by enabling or disabling optional features. $enable-rounded: true; $enable-shadows: false; $enable-gradients: false; $enable-transitions: true; $enable-hover-media-query: false; $enable-grid-classes: true; $enable-print-styles: true; // Components: // Define common padding and border radius sizes and more. $border-radius: 0.15rem; $border-radius-lg: 0.125rem; $border-radius-sm: 0.1rem; // Body: // Settings for the `` element. $body-bg: #fff; $body-color: #000; $font-family-base: 'Open Sans', sans-serif; // Typography: // Font, line-height, and color for body text, headings, and more. $font-size-base: 1rem; $headings-color: #002a6e; $headings-font-weight: 600; $dropdown-link-hover-color: white; $dropdown-link-hover-bg: #343a40; $sidebar-width: 10rem; :root { --primary-color: red; --info-color: #000; --menu-color: #000; --pink-color: #fd006c; } $primary: var(--primary-color); $info-color: var(--info-color); $menuColor: var(--menu-color); $secondaryColor: var(--pink-color); h2 { color: $menuColor; }