75 lines
2.3 KiB
SCSS
75 lines
2.3 KiB
SCSS
/*************************** Theme Colours****************************/
|
|
// Define theme colour scheme
|
|
$theme-color-primary: #005ae1;
|
|
|
|
$theme-text-color-primary: #252930;
|
|
$theme-text-color-secondary: lighten($theme-text-color-primary, 25%);
|
|
$theme-text-color-light: lighten($theme-text-color-primary, 40%);
|
|
|
|
$theme-bg-light: #f4fcf6;
|
|
$theme-bg-dark: $theme-color-primary;
|
|
$theme-bg-color: $theme-color-primary;
|
|
|
|
$theme-border-color: #efefef;
|
|
$theme-divider-color: #efefef;
|
|
|
|
$theme-divider: lighten($theme-text-color-primary, 75%);
|
|
|
|
$theme-color-new: #5ab66e;
|
|
$theme-error: #EC575B;
|
|
|
|
$smoky-white: #f5f5f5;
|
|
$google-color: #d73d32;
|
|
$facebook-color: #3b5998;
|
|
$twitter-color: #1DA1F2;
|
|
$github-color: #24282D;
|
|
$producthunt-color: #da552f;
|
|
$wordpress-color: #028cb0;
|
|
|
|
$single-col-max: 800px;
|
|
|
|
$theme-success-color: #5cb377;
|
|
$theme-success-color-dark: #39794D;
|
|
$theme-warning-color: #EEBF41;
|
|
$theme-warning-color-dark: #9E6100;
|
|
$theme-info-color: #5b99ea;
|
|
$theme-info-color-dark: #1c6fdc;
|
|
$theme-danger-color: #d26d69;
|
|
$theme-danger-color-dark: #b73c37;
|
|
|
|
|
|
|
|
/*************************** Variables Section. *****************************/
|
|
// Create variables to override the default value for variables used in the Bootstrap SCSS files.
|
|
|
|
$gray-100: lighten($theme-text-color-secondary, 65%);
|
|
$gray-200: lighten($theme-text-color-secondary, 55%);
|
|
$gray-300: lighten($theme-text-color-secondary, 50%);
|
|
$gray-400: lighten($theme-text-color-secondary, 45%);
|
|
$gray-500: lighten($theme-text-color-secondary, 40%);
|
|
$gray-600: lighten($theme-text-color-secondary, 30%);
|
|
$gray-700: lighten($theme-text-color-secondary, 20%);
|
|
$gray-800: lighten($theme-text-color-secondary, 10%);
|
|
$gray-900: $theme-text-color-primary;
|
|
|
|
$theme-colors: (
|
|
"primary": $theme-color-primary,
|
|
"secondary": $theme-text-color-secondary,
|
|
"success": $theme-success-color,
|
|
"danger": $theme-danger-color,
|
|
"warning": $theme-warning-color,
|
|
"info": $theme-info-color,
|
|
);
|
|
/*************************** SS variable overrides ****************************/
|
|
@import "ss-variables.scss";
|
|
|
|
/*************************** Import Bootstrap *****************************/
|
|
@import "bootstrap/scss/bootstrap.scss";
|
|
|
|
/*************************** Theme Styles Section ****************************/
|
|
@import "theme/styles.scss";
|
|
|
|
/*************************** SS theme overrides ****************************/
|
|
@import "ss-docs.scss";
|
|
|