141 lines
4.8 KiB
SCSS
141 lines
4.8 KiB
SCSS
/*
|
|
* App Global variables SCSS
|
|
* ----------------------------------------------------------------------------
|
|
* Place here all global variables.
|
|
*/
|
|
|
|
$white: #ffffff !default;
|
|
$gray-100: #f8f9fa !default;
|
|
$gray-200: #e9ecef !default;
|
|
$gray-300: #dee2e6 !default; // Stroke
|
|
$gray-400: #ced4da !default;
|
|
$gray-500: #8f959e !default; // Stroke on inputs
|
|
$gray-600: #6a737b !default;
|
|
$gray-700: #495057 !default;
|
|
$gray-800: #343a40 !default;
|
|
$gray-900: #1d2125 !default; // Copy text
|
|
$black: #000000 !default; // Avoid usage
|
|
|
|
$blue: #0f6cbf !default;
|
|
$cyan: #008196 !default; // Not used.
|
|
$green: #357a32 !default;
|
|
$red: #ca3120 !default;
|
|
$yellow: #f0ad4e !default;
|
|
|
|
$brand-color: #ff7518 !default;
|
|
|
|
$text-color: $gray-900 !default;
|
|
$text-color-rgb: color-to-rgb-list($text-color) !default;
|
|
$text-color-dark: $white !default;
|
|
$text-color-dark-rgb: color-to-rgb-list($text-color-dark) !default;
|
|
|
|
$background-color: $white !default;
|
|
$background-color-rgb: color-to-rgb-list($background-color) !default;
|
|
$background-color-dark: $gray-900 !default; // #1a1a1a
|
|
$background-color-dark-rgb: color-to-rgb-list($background-color-dark) !default;
|
|
|
|
$ion-item-background: $white !default;
|
|
$ion-item-background-rgb: color-to-rgb-list($ion-item-background) !default;
|
|
$ion-item-background-dark: $gray-900 !default;
|
|
$ion-item-background-dark-rgb: color-to-rgb-list($ion-item-background-dark) !default;
|
|
|
|
$primary: $brand-color !default;
|
|
$secondary: $gray-300 !default;
|
|
$danger: $red !default;
|
|
$warning: $yellow !default;
|
|
$success: $green !default;
|
|
$info: $blue !default;
|
|
$light: $gray-100 !default;
|
|
$medium: $gray-700 !default;
|
|
$dark: $gray-900 !default;
|
|
|
|
$colors: (
|
|
primary: (light: $primary, dark: $primary),
|
|
secondary: (light: $secondary, dark: $gray-700),
|
|
success: (light: $success),
|
|
warning: (light: $warning),
|
|
danger: (light: $danger),
|
|
info: (light: $info),
|
|
light: (light: $light, dark: $dark),
|
|
medium: (light: $medium, dark: $gray-200),
|
|
dark: (light: $dark, dark: $light),
|
|
) !default;
|
|
|
|
/**
|
|
* Layout Breakpoints
|
|
*
|
|
* https://ionicframework.com/docs/layout/grid#default-breakpoints
|
|
*/
|
|
|
|
// The minimum dimensions at which your layout will change,
|
|
// adapting to different screen sizes, for use in media queries
|
|
$screen-breakpoints: (
|
|
xs: 0px,
|
|
sm: 576px,
|
|
md: 768px,
|
|
lg: 992px,
|
|
tablet: 992px,
|
|
xl: 1200px
|
|
) !default;
|
|
|
|
$core-course-image-background: #81ecec, #74b9ff, #a29bfe, #dfe6e9, #00b894, #0984e3, #b2bec3, #fdcb6e, #fd79a8, #6c5ce7 !default;
|
|
$core-dd-question-colors: #FFFFFF, #B0C4DE, #DCDCDC, #D8BFD8, #87CEFA, #DAA520, #FFD700, #F0E68C !default;
|
|
$core-text-hightlight-background-color: lighten($blue, 40%) !default;
|
|
|
|
$core-fixed-url: false !default;
|
|
$core-dashboard-logo: false !default;
|
|
$core-always-show-main-menu: false !default;
|
|
$core-format-text-never-shorten: false !default;
|
|
|
|
$core-hide-courseimage-on-course: false !default;
|
|
$core-hide-progress-on-course: false !default;
|
|
$core-hide-progress-on-section-selector: false !default;
|
|
|
|
$core-course-hide-thumb-on-cards: false !default;
|
|
$core-course-thumb-on-cards-background: null !default;
|
|
$core-course-hide-progress-on-cards: false !default;
|
|
|
|
// Configuration options for login page.
|
|
$core-login-button-outline: false !default;
|
|
$core-login-button-outline-dark: $core-login-button-outline !default;
|
|
$core-login-loading-color: false !default;
|
|
$core-login-loading-color-dark: $text-color-dark !default;
|
|
$core-login-hide-forgot-password: false !default;
|
|
$core-login-hide-need-help: false !default;
|
|
$core-login-hide-qrcode: false !default;
|
|
|
|
// Configuration options for more page. (deprecated on 4.0)
|
|
$core-more-hide-siteinfo: false !default;
|
|
$core-more-hide-sitename: false !default;
|
|
$core-more-hide-siteurl: false !default;
|
|
|
|
// Configuration options for user page.
|
|
$core-user-hide-siteinfo: $core-more-hide-siteinfo !default;
|
|
$core-user-hide-sitename: $core-more-hide-sitename !default;
|
|
$core-user-hide-siteurl: $core-more-hide-siteurl !default;
|
|
|
|
// Activity icon background colors.
|
|
$activity-icon-colors: (
|
|
administration: #5d63f6,
|
|
assessment: #eb66a2,
|
|
collaboration: #f7634d,
|
|
communication: #11a676,
|
|
content: #399be2,
|
|
interface: #a378ff
|
|
) !default;
|
|
|
|
$calendar-event-category-category: #8e24aa !default;
|
|
$calendar-event-category-course: $red !default;
|
|
$calendar-event-category-group: $yellow !default;
|
|
$calendar-event-category-user: $blue !default;
|
|
$calendar-event-category-site: $green !default;
|
|
|
|
// Calendar event category background colors.
|
|
$calendar-event-category-colors: (
|
|
category: $calendar-event-category-category,
|
|
course: $calendar-event-category-course,
|
|
group: $calendar-event-category-group,
|
|
user: $calendar-event-category-user,
|
|
site: $calendar-event-category-site,
|
|
) !default;
|