From 658c5921e293e7fb7f3ce2c2e3db492f199bb9d3 Mon Sep 17 00:00:00 2001 From: Sergey Andrievskiy Date: Fri, 21 Jun 2019 15:06:07 +0300 Subject: [PATCH] refactor(js themes): add Nebular themes copies as a base Could be removed after upgrading to Nebular 4.2 --- src/app/@theme/styles/theme.corporate.ts | 47 +++++++++++++++++++++++- src/app/@theme/styles/theme.cosmic.ts | 47 +++++++++++++++++++++++- src/app/@theme/styles/theme.default.ts | 47 +++++++++++++++++++++++- 3 files changed, 138 insertions(+), 3 deletions(-) diff --git a/src/app/@theme/styles/theme.corporate.ts b/src/app/@theme/styles/theme.corporate.ts index 5b6760d8..c3569ed8 100644 --- a/src/app/@theme/styles/theme.corporate.ts +++ b/src/app/@theme/styles/theme.corporate.ts @@ -1,3 +1,48 @@ +import { NbJSThemeOptions } from '@nebular/theme'; + +const palette = { + primary: '#73a1ff', + success: '#5dcfe3', + info: '#ba7fec', + warning: '#ffa36b', + danger: '#ff6b83', +}; + +const theme = { + fontMain: 'Open Sans, sans-serif', + fontSecondary: 'Raleway, sans-serif', + + bg: '#ffffff', + bg2: '#f7f9fc', + bg3: '#edf1f7', + bg4: '#e4e9f2', + + border: '#ffffff', + border2: '#f7f9fc', + border3: '#edf1f7', + border4: '#e4e9f2', + border5: '#c5cee0', + + fg: '#8f9bb3', + fgHeading: '#1a2138', + fgText: '#1a2138', + fgHighlight: palette.primary, + layoutBg: '#f7f9fc', + separator: '#edf1f7', + + primary: palette.primary, + success: palette.success, + info: palette.info, + warning: palette.warning, + danger: palette.danger, + + primaryLight: '#598bff', + successLight: '#2ce69b', + infoLight: '#42aaff', + warningLight: '#ffc94d', + dangerLight: '#ff708d', +}; + export const CORPORATE_THEME = { name: 'corporate', base: 'default', @@ -301,4 +346,4 @@ export const CORPORATE_THEME = { tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;', }, }, -}; +} as NbJSThemeOptions; diff --git a/src/app/@theme/styles/theme.cosmic.ts b/src/app/@theme/styles/theme.cosmic.ts index 9fb59cc9..d2a88ef7 100644 --- a/src/app/@theme/styles/theme.cosmic.ts +++ b/src/app/@theme/styles/theme.cosmic.ts @@ -1,3 +1,48 @@ +import { NbJSThemeOptions } from '@nebular/theme'; + +const palette = { + primary: '#a16eff', + success: '#00d68f', + info: '#0095ff', + warning: '#ffaa00', + danger: '#ff3d71', +}; + +const theme = { + fontMain: 'Open Sans, sans-serif', + fontSecondary: 'Raleway, sans-serif', + + bg: '#323259', + bg2: '#252547', + bg3: '#1b1b38', + bg4: '#13132b', + + border: '#323259', + border2: '#252547', + border3: '#1b1b38', + border4: '#13132b', + border5: '#13132b', + + fg: '#b4b4db', + fgHeading: '#ffffff', + fgText: '#ffffff', + fgHighlight: palette.primary, + layoutBg: '#151a30', + separator: '#151a30', + + primary: palette.primary, + success: palette.success, + info: palette.info, + warning: palette.warning, + danger: palette.danger, + + primaryLight: '#b18aff', + successLight: '#2ce69b', + infoLight: '#42aaff', + warningLight: '#ffc94d', + dangerLight: '#ff708d', +}; + export const COSMIC_THEME = { name: 'cosmic', base: 'default', @@ -301,4 +346,4 @@ export const COSMIC_THEME = { tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 4px 16px;', }, }, -}; +} as NbJSThemeOptions; diff --git a/src/app/@theme/styles/theme.default.ts b/src/app/@theme/styles/theme.default.ts index a7e0656a..0c8b72a1 100644 --- a/src/app/@theme/styles/theme.default.ts +++ b/src/app/@theme/styles/theme.default.ts @@ -1,3 +1,48 @@ +import { NbJSThemeOptions } from '@nebular/theme'; + +const palette = { + primary: '#3366ff', + success: '#00d68f', + info: '#0095ff', + warning: '#ffaa00', + danger: '#ff3d71', +}; + +const theme = { + fontMain: 'Open Sans, sans-serif', + fontSecondary: 'Raleway, sans-serif', + + bg: '#ffffff', + bg2: '#f7f9fc', + bg3: '#edf1f7', + bg4: '#e4e9f2', + + border: '#ffffff', + border2: '#f7f9fc', + border3: '#edf1f7', + border4: '#e4e9f2', + border5: '#c5cee0', + + fg: '#8f9bb3', + fgHeading: '#1a2138', + fgText: '#1a2138', + fgHighlight: palette.primary, + layoutBg: '#f7f9fc', + separator: '#edf1f7', + + primary: palette.primary, + success: palette.success, + info: palette.info, + warning: palette.warning, + danger: palette.danger, + + primaryLight: '#598bff', + successLight: '#2ce69b', + infoLight: '#42aaff', + warningLight: '#ffc94d', + dangerLight: '#ff708d', +}; + export const DEFAULT_THEME = { name: 'default', base: null, @@ -304,4 +349,4 @@ export const DEFAULT_THEME = { tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;', }, }, -}; +} as NbJSThemeOptions;