refactor(js themes): add Nebular themes copies as a base

Could be removed after upgrading to Nebular 4.2
This commit is contained in:
Sergey Andrievskiy 2019-06-21 15:06:07 +03:00
parent 17ac4df308
commit 658c5921e2
3 changed files with 138 additions and 3 deletions

View file

@ -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;

View file

@ -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;

View file

@ -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;