Ümit Tunç
178 lines
9.8 KiB
SCSS
178 lines
9.8 KiB
SCSS
//
|
|
// Codebase themes variables
|
|
// --------------------------------------------------
|
|
|
|
// Elegance Theme
|
|
$theme-elegance-primary: #d262e3 !default;
|
|
$theme-elegance-light: lighten($theme-elegance-primary, 12%) !default;
|
|
$theme-elegance-lighter: lighten($theme-elegance-primary, 22%) !default;
|
|
$theme-elegance-dark: #403537 !default;
|
|
$theme-elegance-darker: #332a2c !default;
|
|
|
|
$theme-elegance-body-bg: #f4f2f5 !default;
|
|
$theme-elegance-body-bg-dark: darken($theme-elegance-body-bg, 4%) !default;
|
|
$theme-elegance-body-bg-light: lighten($theme-elegance-body-bg, 2%) !default;
|
|
|
|
$theme-elegance-body-color: $body-color !default;
|
|
$theme-elegance-body-color-dark: $body-color-dark !default;
|
|
$theme-elegance-body-color-light: $theme-elegance-body-bg-dark !default;
|
|
|
|
$theme-elegance-link-color: $theme-elegance-primary !default;
|
|
$theme-elegance-link-hover-color: darken($theme-elegance-primary, 20%) !default;
|
|
|
|
$theme-elegance-headings-color: $theme-elegance-body-color-dark !default;
|
|
$theme-elegance-headings-small-color: lighten($theme-elegance-body-color-dark, 30%) !default;
|
|
|
|
$theme-elegance-header-bg: $white !default;
|
|
$theme-elegance-header-inverse-bg: $theme-elegance-dark !default;
|
|
$theme-elegance-sidebar-bg: $white !default;
|
|
$theme-elegance-sidebar-inverse-bg: $theme-elegance-dark !default;
|
|
$theme-elegance-side-overlay-bg: $white !default;
|
|
|
|
$theme-elegance-input-color: $theme-elegance-body-color !default;
|
|
$theme-elegance-input-focus-color: $theme-elegance-body-color-dark !default;
|
|
$theme-elegance-input-border-color: darken($theme-elegance-body-bg-dark, 5%) !default;
|
|
$theme-elegance-input-focus-border-color: darken($theme-elegance-body-bg-dark, 25%) !default;
|
|
$theme-elegance-input-bg: $white !default;
|
|
$theme-elegance-input-focus-bg: $white !default;
|
|
|
|
|
|
// Pulse Theme
|
|
$theme-pulse-primary: #e74c3c !default;
|
|
$theme-pulse-light: lighten($theme-pulse-primary, 8%) !default;
|
|
$theme-pulse-lighter: lighten($theme-pulse-primary, 22%) !default;
|
|
$theme-pulse-dark: #383838 !default;
|
|
$theme-pulse-darker: #232323 !default;
|
|
|
|
$theme-pulse-body-bg: #f2f2f2 !default;
|
|
$theme-pulse-body-bg-dark: darken($theme-pulse-body-bg, 4%) !default;
|
|
$theme-pulse-body-bg-light: lighten($theme-pulse-body-bg, 2%) !default;
|
|
|
|
$theme-pulse-body-color: $body-color !default;
|
|
$theme-pulse-body-color-dark: $body-color-dark !default;
|
|
$theme-pulse-body-color-light: $theme-pulse-body-bg-dark !default;
|
|
|
|
$theme-pulse-link-color: $theme-pulse-primary !default;
|
|
$theme-pulse-link-hover-color: darken($theme-pulse-primary, 20%) !default;
|
|
|
|
$theme-pulse-headings-color: $theme-pulse-body-color-dark !default;
|
|
$theme-pulse-headings-small-color: lighten($theme-pulse-body-color-dark, 30%) !default;
|
|
|
|
$theme-pulse-header-bg: $white !default;
|
|
$theme-pulse-header-inverse-bg: $theme-pulse-dark !default;
|
|
$theme-pulse-sidebar-bg: $white !default;
|
|
$theme-pulse-sidebar-inverse-bg: $theme-pulse-dark !default;
|
|
$theme-pulse-side-overlay-bg: $white !default;
|
|
|
|
$theme-pulse-input-color: $theme-pulse-body-color !default;
|
|
$theme-pulse-input-focus-color: $theme-pulse-body-color-dark !default;
|
|
$theme-pulse-input-border-color: darken($theme-pulse-body-bg-dark, 5%) !default;
|
|
$theme-pulse-input-focus-border-color: darken($theme-pulse-body-bg-dark, 25%) !default;
|
|
$theme-pulse-input-bg: $white !default;
|
|
$theme-pulse-input-focus-bg: $white !default;
|
|
|
|
|
|
// Flat Theme
|
|
$theme-flat-primary: #70b29c !default;
|
|
$theme-flat-light: lighten($theme-flat-primary, 18%) !default;
|
|
$theme-flat-lighter: lighten($theme-flat-primary, 28%) !default;
|
|
$theme-flat-dark: #113f4c !default;
|
|
$theme-flat-darker: #0b2830 !default;
|
|
|
|
$theme-flat-body-bg: #f2f5f5 !default;
|
|
$theme-flat-body-bg-dark: darken($theme-flat-body-bg, 4%) !default;
|
|
$theme-flat-body-bg-light: lighten($theme-flat-body-bg, 2%) !default;
|
|
|
|
$theme-flat-body-color: $body-color !default;
|
|
$theme-flat-body-color-dark: $body-color-dark !default;
|
|
$theme-flat-body-color-light: $theme-flat-body-bg-dark !default;
|
|
|
|
$theme-flat-link-color: $theme-flat-primary !default;
|
|
$theme-flat-link-hover-color: darken($theme-flat-primary, 20%) !default;
|
|
|
|
$theme-flat-headings-color: $theme-flat-body-color-dark !default;
|
|
$theme-flat-headings-small-color: lighten($theme-flat-body-color-dark, 30%) !default;
|
|
|
|
$theme-flat-header-bg: $white !default;
|
|
$theme-flat-header-inverse-bg: $theme-flat-dark !default;
|
|
$theme-flat-sidebar-bg: $white !default;
|
|
$theme-flat-sidebar-inverse-bg: $theme-flat-dark !default;
|
|
$theme-flat-side-overlay-bg: $white !default;
|
|
|
|
$theme-flat-input-color: $theme-flat-body-color !default;
|
|
$theme-flat-input-focus-color: $theme-flat-body-color-dark !default;
|
|
$theme-flat-input-border-color: darken($theme-flat-body-bg-dark, 5%) !default;
|
|
$theme-flat-input-focus-border-color: darken($theme-flat-body-bg-dark, 25%) !default;
|
|
$theme-flat-input-bg: $white !default;
|
|
$theme-flat-input-focus-bg: $white !default;
|
|
|
|
|
|
// Corporate Theme
|
|
$theme-corporate-primary: #2facb2 !default;
|
|
$theme-corporate-light: lighten($theme-corporate-primary, 15%) !default;
|
|
$theme-corporate-lighter: lighten($theme-corporate-primary, 45%) !default;
|
|
$theme-corporate-dark: #323d4c !default;
|
|
$theme-corporate-darker: #252d38 !default;
|
|
|
|
$theme-corporate-body-bg: #f2f5f5 !default;
|
|
$theme-corporate-body-bg-dark: darken($theme-corporate-body-bg, 4%) !default;
|
|
$theme-corporate-body-bg-light: lighten($theme-corporate-body-bg, 2%) !default;
|
|
|
|
$theme-corporate-body-color: $body-color !default;
|
|
$theme-corporate-body-color-dark: $body-color-dark !default;
|
|
$theme-corporate-body-color-light: $theme-corporate-body-bg-dark !default;
|
|
|
|
$theme-corporate-link-color: $theme-corporate-primary !default;
|
|
$theme-corporate-link-hover-color: darken($theme-corporate-primary, 20%) !default;
|
|
|
|
$theme-corporate-headings-color: $theme-corporate-body-color-dark !default;
|
|
$theme-corporate-headings-small-color: lighten($theme-corporate-body-color-dark, 30%) !default;
|
|
|
|
$theme-corporate-header-bg: $white !default;
|
|
$theme-corporate-header-inverse-bg: $theme-corporate-dark !default;
|
|
$theme-corporate-sidebar-bg: $white !default;
|
|
$theme-corporate-sidebar-inverse-bg: $theme-corporate-dark !default;
|
|
$theme-corporate-side-overlay-bg: $white !default;
|
|
|
|
$theme-corporate-input-color: $theme-corporate-body-color !default;
|
|
$theme-corporate-input-focus-color: $theme-corporate-body-color-dark !default;
|
|
$theme-corporate-input-border-color: darken($theme-corporate-body-bg-dark, 5%) !default;
|
|
$theme-corporate-input-focus-border-color: darken($theme-corporate-body-bg-dark, 25%) !default;
|
|
$theme-corporate-input-bg: $white !default;
|
|
$theme-corporate-input-focus-bg: $white !default;
|
|
|
|
|
|
// Earth Theme
|
|
$theme-earth-primary: #6eab4d !default;
|
|
$theme-earth-light: lighten($theme-earth-primary, 18%) !default;
|
|
$theme-earth-lighter: lighten($theme-earth-primary, 42%) !default;
|
|
$theme-earth-dark: #424242 !default;
|
|
$theme-earth-darker: #222 !default;
|
|
|
|
$theme-earth-body-bg: #f2f2f2 !default;
|
|
$theme-earth-body-bg-dark: darken($theme-earth-body-bg, 4%) !default;
|
|
$theme-earth-body-bg-light: lighten($theme-earth-body-bg, 2%) !default;
|
|
|
|
$theme-earth-body-color: $body-color !default;
|
|
$theme-earth-body-color-dark: $body-color-dark !default;
|
|
$theme-earth-body-color-light: $theme-earth-body-bg-dark !default;
|
|
|
|
$theme-earth-link-color: $theme-earth-primary !default;
|
|
$theme-earth-link-hover-color: darken($theme-earth-primary, 20%) !default;
|
|
|
|
$theme-earth-headings-color: $theme-earth-body-color-dark !default;
|
|
$theme-earth-headings-small-color: lighten($theme-earth-body-color-dark, 30%) !default;
|
|
|
|
$theme-earth-header-bg: $white !default;
|
|
$theme-earth-header-inverse-bg: $theme-earth-dark !default;
|
|
$theme-earth-sidebar-bg: $white !default;
|
|
$theme-earth-sidebar-inverse-bg: $theme-earth-dark !default;
|
|
$theme-earth-side-overlay-bg: $white !default;
|
|
|
|
$theme-earth-input-color: $theme-earth-body-color !default;
|
|
$theme-earth-input-focus-color: $theme-earth-body-color-dark !default;
|
|
$theme-earth-input-border-color: darken($theme-earth-body-bg-dark, 5%) !default;
|
|
$theme-earth-input-focus-border-color: darken($theme-earth-body-bg-dark, 25%) !default;
|
|
$theme-earth-input-bg: $white !default;
|
|
$theme-earth-input-focus-bg: $white !default;
|