mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-02-12 03:14:20 +01:00
feat(dashboard): improve electricity card styles fot default theme
This commit is contained in:
parent
325dc2a9d7
commit
7bccda807a
10 changed files with 228 additions and 145 deletions
|
|
@ -31,10 +31,23 @@ export const COSMIC_THEME = {
|
|||
|
||||
electricity: {
|
||||
tooltipBg: 'rgba(0, 255, 170, 0.35)',
|
||||
axisColor: '#a1a1e5',
|
||||
tooltipLineColor: 'rgba(255, 255, 255, 0.1)',
|
||||
tooltipLineWidth: '1',
|
||||
tooltipBorderColor: '#00d977',
|
||||
tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35);border-radius: 10px;padding: 8px 24px;',
|
||||
tooltipTextColor: '#ffffff',
|
||||
|
||||
xAxisColor: 'rgba(161, 161 ,229, 0.3)',
|
||||
xAxisTextColor: '#a1a1e5',
|
||||
yAxisSplitLine: 'rgba(161, 161 ,229, 0.2)',
|
||||
|
||||
itemBorderColor: '#ffffff',
|
||||
lineStyle: 'dotted',
|
||||
lineWidth: '6',
|
||||
lineGradFrom: '#00ffaa',
|
||||
lineGradTo: '#fff835',
|
||||
lineShadow: 'rgba(14, 16, 48, 0.4)',
|
||||
|
||||
areaGradFrom: 'rgba(188, 92, 255, 0.5)',
|
||||
areaGradTo: 'rgba(188, 92, 255, 0)',
|
||||
shadowLineDarkBg: '#a695ff',
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ export const DEFAULT_THEME = {
|
|||
base: null,
|
||||
variables: {
|
||||
|
||||
temperature: ['#7bff24', '#31ffad', '#2ec7fe', '#fff024', '#f7bd59'],
|
||||
temperature: ['#42db7d'],
|
||||
|
||||
solar: {
|
||||
color: '#19977E',
|
||||
|
|
@ -24,14 +24,27 @@ export const DEFAULT_THEME = {
|
|||
},
|
||||
|
||||
electricity: {
|
||||
tooltipBg: 'rgba(0, 255, 170, 0.35)',
|
||||
axisColor: '#a1a1e5',
|
||||
lineGradFrom: '#00ffaa',
|
||||
lineGradTo: '#fff835',
|
||||
lineShadow: 'rgba(14, 16, 48, 0.4)',
|
||||
areaGradFrom: 'rgba(188, 92, 255, 0.5)',
|
||||
areaGradTo: 'rgba(188, 92, 255, 0)',
|
||||
shadowLineDarkBg: '#a695ff',
|
||||
tooltipBg: '#ffffff',
|
||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||
tooltipLineWidth: '0',
|
||||
tooltipBorderColor: '#ebeef2',
|
||||
tooltipExtraCss: 'border-radius: 10px;padding: 8px 24px;',
|
||||
tooltipTextColor: '#222222',
|
||||
|
||||
xAxisColor: 'rgba(0, 0, 0, 0)',
|
||||
xAxisTextColor: '#222222',
|
||||
yAxisSplitLine: '#ebeef2',
|
||||
|
||||
itemBorderColor: '#42db7d',
|
||||
lineStyle: 'solid',
|
||||
lineWidth: '4',
|
||||
lineGradFrom: '#42db7d',
|
||||
lineGradTo: '#42db7d',
|
||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||
|
||||
areaGradFrom: '#ebeef2',
|
||||
areaGradTo: '#ebeef2',
|
||||
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||
},
|
||||
|
||||
bubbleMap: {
|
||||
|
|
|
|||
|
|
@ -68,7 +68,6 @@ const NB_THEME_PROVIDERS = [
|
|||
[DEFAULT_THEME, COSMIC_THEME],
|
||||
).providers,
|
||||
...NbSidebarModule.forRoot().providers,
|
||||
...NbSidebarModule.forRoot().providers,
|
||||
...NbMenuModule.forRoot().providers,
|
||||
];
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue