mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-01-07 18:18:50 +01:00
112 lines
3.3 KiB
SCSS
112 lines
3.3 KiB
SCSS
// @nebular theming framework
|
|
@import '~@nebular/theme/styles/theming';
|
|
// @nebular out of the box themes
|
|
@import '~@nebular/theme/styles/themes';
|
|
|
|
// which themes you what to enable (empty to enable all)
|
|
$nb-enabled-themes: (default, cosmic, corporate);
|
|
|
|
$nb-themes: nb-register-theme((
|
|
// app wise variables for each theme
|
|
sidebar-header-gap: 2rem,
|
|
sidebar-header-height: initial,
|
|
layout-content-width: 1400px,
|
|
|
|
font-main: Roboto,
|
|
font-secondary: Exo,
|
|
|
|
switcher-background: #ebeff5,
|
|
switcher-background-percentage: 50%,
|
|
drops-icon-line-gadient: -webkit-linear-gradient(#01dbb5, #0bbb79),
|
|
|
|
list-item-border-width: 1px,
|
|
|
|
slide-out-container-width: 30%,
|
|
slide-out-background: linear-gradient(270deg, #f7fafb 0%, #ecf2f5 100%),
|
|
slide-out-shadow-color: 0 4px 14px 0 #a2d2c8,
|
|
slide-out-shadow-color-rtl: 0 4px 14px 0 #a2d2c8,
|
|
|
|
chart-panel-summary-box-shadow: none,
|
|
chart-panel-summary-background-color: #ecf2f5,
|
|
chart-panel-summary-border-color: #ebeff1,
|
|
chart-panel-summary-border-width: 1px,
|
|
|
|
ecommerce-card-border-width: 1px,
|
|
|
|
progress-bar-background: linear-gradient(90deg, #3edd81 0%, #3bddaf 100%),
|
|
|
|
release-banner-fg: #ffffff,
|
|
release-banner-bg: #3366ff,
|
|
release-banner-cta: release-banner-fg,
|
|
release-banner-separator: #2454e3,
|
|
), default, default);
|
|
|
|
$nb-themes: nb-register-theme((
|
|
// app wise variables for each theme
|
|
sidebar-header-gap: 2rem,
|
|
sidebar-header-height: initial,
|
|
layout-content-width: 1400px,
|
|
|
|
font-main: Roboto,
|
|
font-secondary: Exo,
|
|
|
|
switcher-background: #4e41a5,
|
|
switcher-background-percentage: 14%,
|
|
drops-icon-line-gadient: -webkit-linear-gradient(#a258fe, #7958fa),
|
|
|
|
list-item-border-width: 1px,
|
|
|
|
slide-out-container-width: 30%,
|
|
slide-out-background: radial-gradient(circle, #302c6e 0%, #423f8c 100%),
|
|
slide-out-shadow-color: 2px 0 3px rgba(19, 19, 94, 0.9),
|
|
slide-out-shadow-color-rtl: -2px 0 3px rgba(19, 19, 94, 0.9),
|
|
|
|
chart-panel-summary-box-shadow: none,
|
|
chart-panel-summary-background-color: rgba(0, 0, 0, 0.1),
|
|
chart-panel-summary-border-color: #332e73,
|
|
chart-panel-summary-border-width: 1px,
|
|
|
|
ecommerce-card-border-width: 1px,
|
|
|
|
progress-bar-background: linear-gradient(90deg, #00c7c7 0%, #00d977 100%),
|
|
|
|
release-banner-fg: #3366ff,
|
|
release-banner-bg: #ffffff,
|
|
release-banner-cta: #5d72b3,
|
|
release-banner-separator: #ebedf2,
|
|
), cosmic, cosmic);
|
|
|
|
$nb-themes: nb-register-theme((
|
|
// app wise variables for each theme
|
|
sidebar-header-gap: 2rem,
|
|
sidebar-header-height: initial,
|
|
layout-content-width: 1400px,
|
|
|
|
font-main: Roboto,
|
|
font-secondary: Exo,
|
|
|
|
switcher-background: #2b2d34,
|
|
switcher-background-percentage: 14%,
|
|
drops-icon-line-gadient: -webkit-linear-gradient(#e9e8eb, #a7a2be),
|
|
|
|
list-item-border-width: 1px,
|
|
|
|
slide-out-container-width: 30%,
|
|
slide-out-background: linear-gradient(270deg, #f7fafb 0%, #ecf2f5 100%),
|
|
slide-out-shadow-color: 0 4px 14px 0 #a2d2c8,
|
|
slide-out-shadow-color-rtl: 0 4px 14px 0 #a2d2c8,
|
|
|
|
chart-panel-summary-box-shadow: none,
|
|
chart-panel-summary-background-color: #f7fafb,
|
|
chart-panel-summary-border-color: #ebeff1,
|
|
chart-panel-summary-border-width: 1px,
|
|
|
|
ecommerce-card-border-width: 1px,
|
|
|
|
progress-bar-background: linear-gradient(90deg, #ff9f6f 0%, #ff8b97 100%),
|
|
|
|
release-banner-fg: #ffffff,
|
|
release-banner-bg: #3366ff,
|
|
release-banner-cta: release-banner-fg,
|
|
release-banner-separator: #2454e3,
|
|
), corporate, corporate);
|