mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-23 10:50:13 +01:00
refactor(js themes): add Nebular themes copies as a base
Could be removed after upgrading to Nebular 4.2
This commit is contained in:
parent
17ac4df308
commit
658c5921e2
3 changed files with 138 additions and 3 deletions
|
|
@ -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 = {
|
export const CORPORATE_THEME = {
|
||||||
name: 'corporate',
|
name: 'corporate',
|
||||||
base: 'default',
|
base: 'default',
|
||||||
|
|
@ -301,4 +346,4 @@ export const CORPORATE_THEME = {
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
} as NbJSThemeOptions;
|
||||||
|
|
|
||||||
|
|
@ -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 = {
|
export const COSMIC_THEME = {
|
||||||
name: 'cosmic',
|
name: 'cosmic',
|
||||||
base: 'default',
|
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;',
|
tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
} as NbJSThemeOptions;
|
||||||
|
|
|
||||||
|
|
@ -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 = {
|
export const DEFAULT_THEME = {
|
||||||
name: 'default',
|
name: 'default',
|
||||||
base: null,
|
base: null,
|
||||||
|
|
@ -304,4 +349,4 @@ export const DEFAULT_THEME = {
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
} as NbJSThemeOptions;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue