mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-09-22 05:50:48 +02:00
feat: update Nebular to 4.1.2 (#5451)
This commit is contained in:
Sergey Andrievskiy
GitHub
parent
4febf1902c
commit
a2e93f9376
31 changed files with 728 additions and 1109 deletions
242
package-lock.json
generated
242
package-lock.json
generated
|
|
@ -699,7 +699,8 @@
|
||||||
"ansi-regex": {
|
"ansi-regex": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"aproba": {
|
"aproba": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
|
|
@ -720,12 +721,14 @@
|
||||||
"balanced-match": {
|
"balanced-match": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"balanced-match": "^1.0.0",
|
"balanced-match": "^1.0.0",
|
||||||
"concat-map": "0.0.1"
|
"concat-map": "0.0.1"
|
||||||
|
|
@ -740,17 +743,20 @@
|
||||||
"code-point-at": {
|
"code-point-at": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"concat-map": {
|
"concat-map": {
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"console-control-strings": {
|
"console-control-strings": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"core-util-is": {
|
"core-util-is": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
|
|
@ -867,7 +873,8 @@
|
||||||
"inherits": {
|
"inherits": {
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"ini": {
|
"ini": {
|
||||||
"version": "1.3.5",
|
"version": "1.3.5",
|
||||||
|
|
@ -879,6 +886,7 @@
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"number-is-nan": "^1.0.0"
|
"number-is-nan": "^1.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -893,6 +901,7 @@
|
||||||
"version": "3.0.4",
|
"version": "3.0.4",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"brace-expansion": "^1.1.7"
|
"brace-expansion": "^1.1.7"
|
||||||
}
|
}
|
||||||
|
|
@ -900,12 +909,14 @@
|
||||||
"minimist": {
|
"minimist": {
|
||||||
"version": "0.0.8",
|
"version": "0.0.8",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"minipass": {
|
"minipass": {
|
||||||
"version": "2.3.5",
|
"version": "2.3.5",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"safe-buffer": "^5.1.2",
|
"safe-buffer": "^5.1.2",
|
||||||
"yallist": "^3.0.0"
|
"yallist": "^3.0.0"
|
||||||
|
|
@ -924,6 +935,7 @@
|
||||||
"version": "0.5.1",
|
"version": "0.5.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"minimist": "0.0.8"
|
"minimist": "0.0.8"
|
||||||
}
|
}
|
||||||
|
|
@ -1004,7 +1016,8 @@
|
||||||
"number-is-nan": {
|
"number-is-nan": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"object-assign": {
|
"object-assign": {
|
||||||
"version": "4.1.1",
|
"version": "4.1.1",
|
||||||
|
|
@ -1016,6 +1029,7 @@
|
||||||
"version": "1.4.0",
|
"version": "1.4.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"wrappy": "1"
|
"wrappy": "1"
|
||||||
}
|
}
|
||||||
|
|
@ -1101,7 +1115,8 @@
|
||||||
"safe-buffer": {
|
"safe-buffer": {
|
||||||
"version": "5.1.2",
|
"version": "5.1.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"safer-buffer": {
|
"safer-buffer": {
|
||||||
"version": "2.1.2",
|
"version": "2.1.2",
|
||||||
|
|
@ -1137,6 +1152,7 @@
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"code-point-at": "^1.0.0",
|
"code-point-at": "^1.0.0",
|
||||||
"is-fullwidth-code-point": "^1.0.0",
|
"is-fullwidth-code-point": "^1.0.0",
|
||||||
|
|
@ -1156,6 +1172,7 @@
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"ansi-regex": "^2.0.0"
|
"ansi-regex": "^2.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -1199,12 +1216,14 @@
|
||||||
"wrappy": {
|
"wrappy": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"yallist": {
|
"yallist": {
|
||||||
"version": "3.0.3",
|
"version": "3.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -1639,29 +1658,24 @@
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"@nebular/auth": {
|
"@nebular/auth": {
|
||||||
"version": "4.1.0",
|
"version": "4.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/@nebular/auth/-/auth-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/@nebular/auth/-/auth-4.1.2.tgz",
|
||||||
"integrity": "sha512-ClKY922f9sJGkJ0+66A/fYglHcHzSr9bgnBwz8EV8as83nuxYwXo7lIi4kHcE0VdY4bRAywqneSg/KusjD4+Og=="
|
"integrity": "sha512-fLCZgQwHgI3B8Zh4+y8R6n4WP+vyrrkDH9PkrNbAWU2eMUjOh4xobkGrFZRtu/XxMS/Apq5BKV2OxrLcEh4nEQ=="
|
||||||
},
|
|
||||||
"@nebular/bootstrap": {
|
|
||||||
"version": "4.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@nebular/bootstrap/-/bootstrap-4.1.0.tgz",
|
|
||||||
"integrity": "sha512-zAwjKhZ8/s3nMmA/JEGpfU4X37hR+UARSK64bbqRpfkOowuKO2LXAweK2sw0y6fAXAUq5K977rBOzczZjqmS+g=="
|
|
||||||
},
|
},
|
||||||
"@nebular/eva-icons": {
|
"@nebular/eva-icons": {
|
||||||
"version": "4.1.0",
|
"version": "4.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/@nebular/eva-icons/-/eva-icons-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/@nebular/eva-icons/-/eva-icons-4.1.2.tgz",
|
||||||
"integrity": "sha512-ZN/vBjn6fZ//aQkj8nntZMRhyC6OzxES1MK8t64fQJmG0gNb9gUrgbQEJh9o3X1ZUYd6LZgerbZ5yLGCue8+wg=="
|
"integrity": "sha512-awIRdhtncfdJVsn1JqaZfDYM0OSeIl3PH+MQKDJ4sAw1ARAiAkfm9ia53XI/rDayhQS8rm4mK28xuXGXc/9DHw=="
|
||||||
},
|
},
|
||||||
"@nebular/security": {
|
"@nebular/security": {
|
||||||
"version": "4.1.0",
|
"version": "4.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/@nebular/security/-/security-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/@nebular/security/-/security-4.1.2.tgz",
|
||||||
"integrity": "sha512-S4u037/cmzMJo6faZE51B+cGlXimzM4irYSfMmkCr8yeuDt394urhBzTUDE7/dhW9AYo9jRAWW4i+V+wrnhOqw=="
|
"integrity": "sha512-MdG6UkCyeiKTyzdk8gOWn8tNuZhIQPW01142l/DowSeNKiu/+Zmj8FbkM+0c1IobhLKrS/TdoUP/3SODWP9S4g=="
|
||||||
},
|
},
|
||||||
"@nebular/theme": {
|
"@nebular/theme": {
|
||||||
"version": "4.1.0",
|
"version": "4.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-4.1.2.tgz",
|
||||||
"integrity": "sha512-pfYR7vrqcsJ0TBLXzQhk2FQbC9FXeQ5RR/timCkByswY/W87IhN10onSlLgm/DPlVvZq0T0vDBrl50/sjtU2xQ==",
|
"integrity": "sha512-6V3Fk3dQTm9yJNe3wDh20ljZen8C9Btvmtuk/nQHdLOyWG7/Znkean1fgmjfEm/98rfgj01a6RksEVXYnfLcVQ==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"intersection-observer": "0.5.0"
|
"intersection-observer": "0.5.0"
|
||||||
}
|
}
|
||||||
|
|
@ -2164,6 +2178,7 @@
|
||||||
"resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
|
||||||
"integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
|
"integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"kind-of": "^3.0.2",
|
"kind-of": "^3.0.2",
|
||||||
"longest": "^1.0.1",
|
"longest": "^1.0.1",
|
||||||
|
|
@ -7026,7 +7041,8 @@
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
|
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"aproba": {
|
"aproba": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
|
|
@ -7050,13 +7066,15 @@
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
|
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
|
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"balanced-match": "^1.0.0",
|
"balanced-match": "^1.0.0",
|
||||||
"concat-map": "0.0.1"
|
"concat-map": "0.0.1"
|
||||||
|
|
@ -7073,19 +7091,22 @@
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
|
"integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"concat-map": {
|
"concat-map": {
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
|
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"console-control-strings": {
|
"console-control-strings": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
|
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"core-util-is": {
|
"core-util-is": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
|
|
@ -7216,7 +7237,8 @@
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
|
"integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"ini": {
|
"ini": {
|
||||||
"version": "1.3.5",
|
"version": "1.3.5",
|
||||||
|
|
@ -7230,6 +7252,7 @@
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
|
"integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"number-is-nan": "^1.0.0"
|
"number-is-nan": "^1.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -7246,6 +7269,7 @@
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
|
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"brace-expansion": "^1.1.7"
|
"brace-expansion": "^1.1.7"
|
||||||
}
|
}
|
||||||
|
|
@ -7254,13 +7278,15 @@
|
||||||
"version": "0.0.8",
|
"version": "0.0.8",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
|
"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"minipass": {
|
"minipass": {
|
||||||
"version": "2.2.4",
|
"version": "2.2.4",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha512-hzXIWWet/BzWhYs2b+u7dRHlruXhwdgvlTMDKC6Cb1U7ps6Ac6yQlR39xsbjWJE377YTCtKwIXIpJ5oP+j5y8g==",
|
"integrity": "sha512-hzXIWWet/BzWhYs2b+u7dRHlruXhwdgvlTMDKC6Cb1U7ps6Ac6yQlR39xsbjWJE377YTCtKwIXIpJ5oP+j5y8g==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"safe-buffer": "^5.1.1",
|
"safe-buffer": "^5.1.1",
|
||||||
"yallist": "^3.0.0"
|
"yallist": "^3.0.0"
|
||||||
|
|
@ -7281,6 +7307,7 @@
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
|
"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"minimist": "0.0.8"
|
"minimist": "0.0.8"
|
||||||
}
|
}
|
||||||
|
|
@ -7369,7 +7396,8 @@
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
|
"integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"object-assign": {
|
"object-assign": {
|
||||||
"version": "4.1.1",
|
"version": "4.1.1",
|
||||||
|
|
@ -7383,6 +7411,7 @@
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
|
"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"wrappy": "1"
|
"wrappy": "1"
|
||||||
}
|
}
|
||||||
|
|
@ -7478,7 +7507,8 @@
|
||||||
"version": "5.1.1",
|
"version": "5.1.1",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
|
"integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"safer-buffer": {
|
"safer-buffer": {
|
||||||
"version": "2.1.2",
|
"version": "2.1.2",
|
||||||
|
|
@ -7520,6 +7550,7 @@
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
|
"integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"code-point-at": "^1.0.0",
|
"code-point-at": "^1.0.0",
|
||||||
"is-fullwidth-code-point": "^1.0.0",
|
"is-fullwidth-code-point": "^1.0.0",
|
||||||
|
|
@ -7541,6 +7572,7 @@
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
|
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"ansi-regex": "^2.0.0"
|
"ansi-regex": "^2.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -7589,13 +7621,15 @@
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
|
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"yallist": {
|
"yallist": {
|
||||||
"version": "3.0.2",
|
"version": "3.0.2",
|
||||||
"resolved": false,
|
"resolved": false,
|
||||||
"integrity": "sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k=",
|
"integrity": "sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -10396,13 +10430,15 @@
|
||||||
"version": "1.40.0",
|
"version": "1.40.0",
|
||||||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
|
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
|
||||||
"integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==",
|
"integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"mime-types": {
|
"mime-types": {
|
||||||
"version": "2.1.24",
|
"version": "2.1.24",
|
||||||
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
|
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
|
||||||
"integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
|
"integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"mime-db": "1.40.0"
|
"mime-db": "1.40.0"
|
||||||
}
|
}
|
||||||
|
|
@ -10955,7 +10991,8 @@
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
|
||||||
"integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=",
|
"integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=",
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"loose-envify": {
|
"loose-envify": {
|
||||||
"version": "1.3.1",
|
"version": "1.3.1",
|
||||||
|
|
@ -14586,7 +14623,8 @@
|
||||||
"ansi-regex": {
|
"ansi-regex": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"aproba": {
|
"aproba": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
|
|
@ -14607,12 +14645,14 @@
|
||||||
"balanced-match": {
|
"balanced-match": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"balanced-match": "^1.0.0",
|
"balanced-match": "^1.0.0",
|
||||||
"concat-map": "0.0.1"
|
"concat-map": "0.0.1"
|
||||||
|
|
@ -14627,17 +14667,20 @@
|
||||||
"code-point-at": {
|
"code-point-at": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"concat-map": {
|
"concat-map": {
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"console-control-strings": {
|
"console-control-strings": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"core-util-is": {
|
"core-util-is": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
|
|
@ -14754,7 +14797,8 @@
|
||||||
"inherits": {
|
"inherits": {
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"ini": {
|
"ini": {
|
||||||
"version": "1.3.5",
|
"version": "1.3.5",
|
||||||
|
|
@ -14766,6 +14810,7 @@
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"number-is-nan": "^1.0.0"
|
"number-is-nan": "^1.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -14780,6 +14825,7 @@
|
||||||
"version": "3.0.4",
|
"version": "3.0.4",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"brace-expansion": "^1.1.7"
|
"brace-expansion": "^1.1.7"
|
||||||
}
|
}
|
||||||
|
|
@ -14787,12 +14833,14 @@
|
||||||
"minimist": {
|
"minimist": {
|
||||||
"version": "0.0.8",
|
"version": "0.0.8",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"minipass": {
|
"minipass": {
|
||||||
"version": "2.3.5",
|
"version": "2.3.5",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"safe-buffer": "^5.1.2",
|
"safe-buffer": "^5.1.2",
|
||||||
"yallist": "^3.0.0"
|
"yallist": "^3.0.0"
|
||||||
|
|
@ -14811,6 +14859,7 @@
|
||||||
"version": "0.5.1",
|
"version": "0.5.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"minimist": "0.0.8"
|
"minimist": "0.0.8"
|
||||||
}
|
}
|
||||||
|
|
@ -14891,7 +14940,8 @@
|
||||||
"number-is-nan": {
|
"number-is-nan": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"object-assign": {
|
"object-assign": {
|
||||||
"version": "4.1.1",
|
"version": "4.1.1",
|
||||||
|
|
@ -14903,6 +14953,7 @@
|
||||||
"version": "1.4.0",
|
"version": "1.4.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"wrappy": "1"
|
"wrappy": "1"
|
||||||
}
|
}
|
||||||
|
|
@ -14988,7 +15039,8 @@
|
||||||
"safe-buffer": {
|
"safe-buffer": {
|
||||||
"version": "5.1.2",
|
"version": "5.1.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"safer-buffer": {
|
"safer-buffer": {
|
||||||
"version": "2.1.2",
|
"version": "2.1.2",
|
||||||
|
|
@ -15024,6 +15076,7 @@
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"code-point-at": "^1.0.0",
|
"code-point-at": "^1.0.0",
|
||||||
"is-fullwidth-code-point": "^1.0.0",
|
"is-fullwidth-code-point": "^1.0.0",
|
||||||
|
|
@ -15043,6 +15096,7 @@
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"ansi-regex": "^2.0.0"
|
"ansi-regex": "^2.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -15086,12 +15140,14 @@
|
||||||
"wrappy": {
|
"wrappy": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"yallist": {
|
"yallist": {
|
||||||
"version": "3.0.3",
|
"version": "3.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -18202,7 +18258,8 @@
|
||||||
"ansi-regex": {
|
"ansi-regex": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"aproba": {
|
"aproba": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
|
|
@ -18223,12 +18280,14 @@
|
||||||
"balanced-match": {
|
"balanced-match": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"balanced-match": "^1.0.0",
|
"balanced-match": "^1.0.0",
|
||||||
"concat-map": "0.0.1"
|
"concat-map": "0.0.1"
|
||||||
|
|
@ -18243,17 +18302,20 @@
|
||||||
"code-point-at": {
|
"code-point-at": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"concat-map": {
|
"concat-map": {
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"console-control-strings": {
|
"console-control-strings": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"core-util-is": {
|
"core-util-is": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
|
|
@ -18370,7 +18432,8 @@
|
||||||
"inherits": {
|
"inherits": {
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"ini": {
|
"ini": {
|
||||||
"version": "1.3.5",
|
"version": "1.3.5",
|
||||||
|
|
@ -18382,6 +18445,7 @@
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"number-is-nan": "^1.0.0"
|
"number-is-nan": "^1.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -18396,6 +18460,7 @@
|
||||||
"version": "3.0.4",
|
"version": "3.0.4",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"brace-expansion": "^1.1.7"
|
"brace-expansion": "^1.1.7"
|
||||||
}
|
}
|
||||||
|
|
@ -18403,12 +18468,14 @@
|
||||||
"minimist": {
|
"minimist": {
|
||||||
"version": "0.0.8",
|
"version": "0.0.8",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"minipass": {
|
"minipass": {
|
||||||
"version": "2.3.5",
|
"version": "2.3.5",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"safe-buffer": "^5.1.2",
|
"safe-buffer": "^5.1.2",
|
||||||
"yallist": "^3.0.0"
|
"yallist": "^3.0.0"
|
||||||
|
|
@ -18427,6 +18494,7 @@
|
||||||
"version": "0.5.1",
|
"version": "0.5.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"minimist": "0.0.8"
|
"minimist": "0.0.8"
|
||||||
}
|
}
|
||||||
|
|
@ -18507,7 +18575,8 @@
|
||||||
"number-is-nan": {
|
"number-is-nan": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"object-assign": {
|
"object-assign": {
|
||||||
"version": "4.1.1",
|
"version": "4.1.1",
|
||||||
|
|
@ -18519,6 +18588,7 @@
|
||||||
"version": "1.4.0",
|
"version": "1.4.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"wrappy": "1"
|
"wrappy": "1"
|
||||||
}
|
}
|
||||||
|
|
@ -18604,7 +18674,8 @@
|
||||||
"safe-buffer": {
|
"safe-buffer": {
|
||||||
"version": "5.1.2",
|
"version": "5.1.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"safer-buffer": {
|
"safer-buffer": {
|
||||||
"version": "2.1.2",
|
"version": "2.1.2",
|
||||||
|
|
@ -18640,6 +18711,7 @@
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"code-point-at": "^1.0.0",
|
"code-point-at": "^1.0.0",
|
||||||
"is-fullwidth-code-point": "^1.0.0",
|
"is-fullwidth-code-point": "^1.0.0",
|
||||||
|
|
@ -18659,6 +18731,7 @@
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"ansi-regex": "^2.0.0"
|
"ansi-regex": "^2.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -18702,12 +18775,14 @@
|
||||||
"wrappy": {
|
"wrappy": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"yallist": {
|
"yallist": {
|
||||||
"version": "3.0.3",
|
"version": "3.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -19615,7 +19690,8 @@
|
||||||
"ansi-regex": {
|
"ansi-regex": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"aproba": {
|
"aproba": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
|
|
@ -19636,12 +19712,14 @@
|
||||||
"balanced-match": {
|
"balanced-match": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"balanced-match": "^1.0.0",
|
"balanced-match": "^1.0.0",
|
||||||
"concat-map": "0.0.1"
|
"concat-map": "0.0.1"
|
||||||
|
|
@ -19656,17 +19734,20 @@
|
||||||
"code-point-at": {
|
"code-point-at": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"concat-map": {
|
"concat-map": {
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"console-control-strings": {
|
"console-control-strings": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"core-util-is": {
|
"core-util-is": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
|
|
@ -19783,7 +19864,8 @@
|
||||||
"inherits": {
|
"inherits": {
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"ini": {
|
"ini": {
|
||||||
"version": "1.3.5",
|
"version": "1.3.5",
|
||||||
|
|
@ -19795,6 +19877,7 @@
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"number-is-nan": "^1.0.0"
|
"number-is-nan": "^1.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -19809,6 +19892,7 @@
|
||||||
"version": "3.0.4",
|
"version": "3.0.4",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"brace-expansion": "^1.1.7"
|
"brace-expansion": "^1.1.7"
|
||||||
}
|
}
|
||||||
|
|
@ -19816,12 +19900,14 @@
|
||||||
"minimist": {
|
"minimist": {
|
||||||
"version": "0.0.8",
|
"version": "0.0.8",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"minipass": {
|
"minipass": {
|
||||||
"version": "2.3.5",
|
"version": "2.3.5",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"safe-buffer": "^5.1.2",
|
"safe-buffer": "^5.1.2",
|
||||||
"yallist": "^3.0.0"
|
"yallist": "^3.0.0"
|
||||||
|
|
@ -19840,6 +19926,7 @@
|
||||||
"version": "0.5.1",
|
"version": "0.5.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"minimist": "0.0.8"
|
"minimist": "0.0.8"
|
||||||
}
|
}
|
||||||
|
|
@ -19920,7 +20007,8 @@
|
||||||
"number-is-nan": {
|
"number-is-nan": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"object-assign": {
|
"object-assign": {
|
||||||
"version": "4.1.1",
|
"version": "4.1.1",
|
||||||
|
|
@ -19932,6 +20020,7 @@
|
||||||
"version": "1.4.0",
|
"version": "1.4.0",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"wrappy": "1"
|
"wrappy": "1"
|
||||||
}
|
}
|
||||||
|
|
@ -20017,7 +20106,8 @@
|
||||||
"safe-buffer": {
|
"safe-buffer": {
|
||||||
"version": "5.1.2",
|
"version": "5.1.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"safer-buffer": {
|
"safer-buffer": {
|
||||||
"version": "2.1.2",
|
"version": "2.1.2",
|
||||||
|
|
@ -20053,6 +20143,7 @@
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"code-point-at": "^1.0.0",
|
"code-point-at": "^1.0.0",
|
||||||
"is-fullwidth-code-point": "^1.0.0",
|
"is-fullwidth-code-point": "^1.0.0",
|
||||||
|
|
@ -20072,6 +20163,7 @@
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"ansi-regex": "^2.0.0"
|
"ansi-regex": "^2.0.0"
|
||||||
}
|
}
|
||||||
|
|
@ -20115,12 +20207,14 @@
|
||||||
"wrappy": {
|
"wrappy": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
},
|
},
|
||||||
"yallist": {
|
"yallist": {
|
||||||
"version": "3.0.3",
|
"version": "3.0.3",
|
||||||
"bundled": true,
|
"bundled": true,
|
||||||
"dev": true
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -40,11 +40,10 @@
|
||||||
"@angular/platform-browser-dynamic": "^8.0.0",
|
"@angular/platform-browser-dynamic": "^8.0.0",
|
||||||
"@angular/router": "^8.0.0",
|
"@angular/router": "^8.0.0",
|
||||||
"@asymmetrik/ngx-leaflet": "3.0.1",
|
"@asymmetrik/ngx-leaflet": "3.0.1",
|
||||||
"@nebular/auth": "4.1.0",
|
"@nebular/auth": "4.1.2",
|
||||||
"@nebular/bootstrap": "4.1.0",
|
"@nebular/eva-icons": "4.1.2",
|
||||||
"@nebular/eva-icons": "4.1.0",
|
"@nebular/security": "4.1.2",
|
||||||
"@nebular/security": "4.1.0",
|
"@nebular/theme": "4.1.2",
|
||||||
"@nebular/theme": "4.1.0",
|
|
||||||
"@swimlane/ngx-charts": "^10.0.0",
|
"@swimlane/ngx-charts": "^10.0.0",
|
||||||
"angular-tree-component": "7.2.0",
|
"angular-tree-component": "7.2.0",
|
||||||
"angular2-chartjs": "0.4.1",
|
"angular2-chartjs": "0.4.1",
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,4 @@
|
||||||
import { AfterViewInit, Component, Inject, PLATFORM_ID, ViewChild } from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
import { isPlatformBrowser } from '@angular/common';
|
|
||||||
import { NbLayoutComponent } from '@nebular/theme';
|
|
||||||
|
|
||||||
import { WindowModeBlockScrollService } from '../../services/window-mode-block-scroll.service';
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'ngx-one-column-layout',
|
selector: 'ngx-one-column-layout',
|
||||||
|
|
@ -27,18 +23,4 @@ import { WindowModeBlockScrollService } from '../../services/window-mode-block-s
|
||||||
</nb-layout>
|
</nb-layout>
|
||||||
`,
|
`,
|
||||||
})
|
})
|
||||||
export class OneColumnLayoutComponent implements AfterViewInit {
|
export class OneColumnLayoutComponent {}
|
||||||
|
|
||||||
@ViewChild(NbLayoutComponent, { static: false }) layout: NbLayoutComponent;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
@Inject(PLATFORM_ID) private platformId,
|
|
||||||
private windowModeBlockScrollService: WindowModeBlockScrollService,
|
|
||||||
) {}
|
|
||||||
|
|
||||||
ngAfterViewInit() {
|
|
||||||
if (isPlatformBrowser(this.platformId)) {
|
|
||||||
this.windowModeBlockScrollService.register(this.layout);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,132 +0,0 @@
|
||||||
import { Inject, Injectable, OnDestroy } from '@angular/core';
|
|
||||||
import { coerceCssPixelValue } from '@angular/cdk/coercion';
|
|
||||||
import {
|
|
||||||
NB_WINDOW,
|
|
||||||
NbLayoutComponent,
|
|
||||||
NbLayoutDimensions,
|
|
||||||
NbLayoutRulerService,
|
|
||||||
NbLayoutScrollService,
|
|
||||||
NbViewportRulerAdapter,
|
|
||||||
} from '@nebular/theme';
|
|
||||||
import { filter, map, take, takeUntil } from 'rxjs/operators';
|
|
||||||
import { fromEvent as observableFromEvent, merge, Subject } from 'rxjs';
|
|
||||||
|
|
||||||
@Injectable()
|
|
||||||
export class WindowModeBlockScrollService implements OnDestroy {
|
|
||||||
|
|
||||||
private destroy$ = new Subject<void>();
|
|
||||||
|
|
||||||
private blockEnabled = false;
|
|
||||||
private unblock$ = new Subject<void>();
|
|
||||||
|
|
||||||
private container: HTMLElement;
|
|
||||||
private content: HTMLElement;
|
|
||||||
|
|
||||||
private previousScrollPosition: { top: number, left: number };
|
|
||||||
private previousContainerStyles: { overflowY: string };
|
|
||||||
private previousContentStyles: { left: string, top: string, width: string, overflow: string, position: string };
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private scrollService: NbLayoutScrollService,
|
|
||||||
private viewportRuler: NbViewportRulerAdapter,
|
|
||||||
private layout: NbLayoutRulerService,
|
|
||||||
@Inject(NB_WINDOW) private window,
|
|
||||||
) {}
|
|
||||||
|
|
||||||
ngOnDestroy() {
|
|
||||||
this.destroy$.next();
|
|
||||||
this.destroy$.complete();
|
|
||||||
this.unblock$.complete();
|
|
||||||
}
|
|
||||||
|
|
||||||
register(layout: NbLayoutComponent) {
|
|
||||||
this.container = layout.scrollableContainerRef.nativeElement;
|
|
||||||
this.content = this.container.children[0] as HTMLElement;
|
|
||||||
|
|
||||||
this.scrollService.onScrollableChange()
|
|
||||||
.pipe(
|
|
||||||
filter(() => layout.withScrollValue),
|
|
||||||
map((scrollable: boolean) => !scrollable),
|
|
||||||
takeUntil(this.destroy$),
|
|
||||||
)
|
|
||||||
.subscribe((shouldBlock: boolean) => {
|
|
||||||
if (shouldBlock) {
|
|
||||||
this.blockScroll();
|
|
||||||
} else {
|
|
||||||
this.unblockScroll();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
blockScroll() {
|
|
||||||
if (!this.canBeBlocked()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.previousScrollPosition = this.viewportRuler.getViewportScrollPosition();
|
|
||||||
this.backupStyles();
|
|
||||||
|
|
||||||
this.container.style.overflowY = 'scroll';
|
|
||||||
this.content.style.overflow = 'hidden';
|
|
||||||
this.content.style.position = 'fixed';
|
|
||||||
this.updateContentSizeAndPosition();
|
|
||||||
|
|
||||||
observableFromEvent(this.window, 'resize')
|
|
||||||
.pipe(
|
|
||||||
takeUntil(merge(this.destroy$, this.unblock$).pipe(take(1))),
|
|
||||||
)
|
|
||||||
.subscribe(() => this.updateContentSizeAndPosition());
|
|
||||||
|
|
||||||
this.blockEnabled = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
unblockScroll() {
|
|
||||||
if (this.blockEnabled) {
|
|
||||||
this.restoreStyles();
|
|
||||||
this.scrollService.scrollTo(this.previousScrollPosition.left, this.previousScrollPosition.top);
|
|
||||||
this.unblock$.next();
|
|
||||||
this.blockEnabled = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private canBeBlocked(): boolean {
|
|
||||||
if (this.blockEnabled) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { height: containerHeight } = this.viewportRuler.getViewportSize();
|
|
||||||
return this.content.scrollHeight > containerHeight;
|
|
||||||
}
|
|
||||||
|
|
||||||
private updateContentSizeAndPosition() {
|
|
||||||
const { top, left } = this.container.getBoundingClientRect();
|
|
||||||
this.content.style.left = coerceCssPixelValue(-this.previousScrollPosition.left + left);
|
|
||||||
this.content.style.top = coerceCssPixelValue(-this.previousScrollPosition.top + top);
|
|
||||||
this.layout.getDimensions()
|
|
||||||
.pipe(
|
|
||||||
map(({ clientWidth }: NbLayoutDimensions) => coerceCssPixelValue(clientWidth)),
|
|
||||||
take(1),
|
|
||||||
)
|
|
||||||
.subscribe((clientWidth: string) => this.content.style.width = clientWidth);
|
|
||||||
}
|
|
||||||
|
|
||||||
private backupStyles() {
|
|
||||||
this.previousContainerStyles = { overflowY: this.container.style.overflowY };
|
|
||||||
this.previousContentStyles = {
|
|
||||||
overflow: this.content.style.overflow,
|
|
||||||
position: this.content.style.position,
|
|
||||||
left: this.content.style.left,
|
|
||||||
top: this.content.style.top,
|
|
||||||
width: this.content.style.width,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
private restoreStyles() {
|
|
||||||
this.container.style.overflowY = this.previousContainerStyles.overflowY;
|
|
||||||
this.content.style.overflow = this.previousContentStyles.overflow;
|
|
||||||
this.content.style.position = this.previousContentStyles.position;
|
|
||||||
this.content.style.left = this.previousContentStyles.left;
|
|
||||||
this.content.style.top = this.previousContentStyles.top;
|
|
||||||
this.content.style.width = this.previousContentStyles.width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
8
src/app/@theme/styles/_layout.scss
Normal file
8
src/app/@theme/styles/_layout.scss
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
@mixin ngx-layout() {
|
||||||
|
@include media-breakpoint-down(is) {
|
||||||
|
.row {
|
||||||
|
margin-left: -10px;
|
||||||
|
margin-right: -10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,15 +1,6 @@
|
||||||
@import './themes';
|
@import './themes';
|
||||||
|
|
||||||
@mixin nb-overrides() {
|
@mixin nb-overrides() {
|
||||||
// overrides bootstrap svg style
|
|
||||||
nb-icon svg {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
nb-auth-block .links nb-icon {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
nb-select.size-medium button {
|
nb-select.size-medium button {
|
||||||
padding: 0.4375rem 2.2rem 0.4375rem 1.125rem !important;
|
padding: 0.4375rem 2.2rem 0.4375rem 1.125rem !important;
|
||||||
|
|
||||||
|
|
@ -17,52 +8,4 @@
|
||||||
right: 0.41rem !important;
|
right: 0.41rem !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
nb-flip-card {
|
|
||||||
.front-container {
|
|
||||||
-webkit-backface-visibility: visible;
|
|
||||||
}
|
|
||||||
.back-container {
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flipped {
|
|
||||||
.front-container {
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
.back-container {
|
|
||||||
-webkit-backface-visibility: visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
nb-layout .layout .layout-container nb-sidebar {
|
|
||||||
&,
|
|
||||||
.main-container-fixed {
|
|
||||||
top: nb-theme(header-height);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: nb-theme(layout-window-mode-max-width) + 20px) {
|
|
||||||
@include f-window-mode(nb-theme(layout-window-mode-padding-top) / 4);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: nb-theme(layout-window-mode-max-width) + 150px) {
|
|
||||||
@include f-window-mode(nb-theme(layout-window-mode-padding-top) / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: nb-theme(layout-window-mode-max-width) + 300px) {
|
|
||||||
@include f-window-mode(nb-theme(layout-window-mode-padding-top));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin f-window-mode ($padding-top) {
|
|
||||||
nb-layout.window-mode nb-layout-header.fixed {
|
|
||||||
top: $padding-top;
|
|
||||||
}
|
|
||||||
|
|
||||||
nb-sidebar .main-container-fixed {
|
|
||||||
height: calc(100vh - #{nb-theme(header-height)} - #{$padding-top}) !important;
|
|
||||||
top: calc(#{nb-theme(header-height)} + #{$padding-top}) !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,12 +6,16 @@
|
||||||
// framework component themes (styles tied to theme variables)
|
// framework component themes (styles tied to theme variables)
|
||||||
@import '~@nebular/theme/styles/globals';
|
@import '~@nebular/theme/styles/globals';
|
||||||
@import '~@nebular/auth/styles/all';
|
@import '~@nebular/auth/styles/all';
|
||||||
@import '~@nebular/bootstrap/styles/globals';
|
|
||||||
|
|
||||||
|
@import '~bootstrap/scss/functions';
|
||||||
|
@import '~bootstrap/scss/variables';
|
||||||
|
@import '~bootstrap/scss/mixins';
|
||||||
|
@import '~bootstrap/scss/grid';
|
||||||
|
|
||||||
// loading progress bar theme
|
// loading progress bar theme
|
||||||
@import './pace.theme';
|
@import './pace.theme';
|
||||||
|
|
||||||
|
@import './layout';
|
||||||
@import './overrides';
|
@import './overrides';
|
||||||
|
|
||||||
// install the framework and custom global styles
|
// install the framework and custom global styles
|
||||||
|
|
@ -20,8 +24,8 @@
|
||||||
// framework global styles
|
// framework global styles
|
||||||
@include nb-theme-global();
|
@include nb-theme-global();
|
||||||
@include nb-auth-global();
|
@include nb-auth-global();
|
||||||
@include nb-bootstrap-global();
|
|
||||||
|
|
||||||
|
@include ngx-layout();
|
||||||
// loading progress bar
|
// loading progress bar
|
||||||
@include ngx-pace-theme();
|
@include ngx-pace-theme();
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,106 +1,64 @@
|
||||||
import { NbJSThemeOptions } from '@nebular/theme';
|
import { NbJSThemeOptions, CORPORATE_THEME as baseTheme } from '@nebular/theme';
|
||||||
|
|
||||||
const palette = {
|
const baseThemeVariables = baseTheme.variables;
|
||||||
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: 'corporate',
|
||||||
variables: {
|
variables: {
|
||||||
...theme,
|
|
||||||
|
|
||||||
temperature: {
|
temperature: {
|
||||||
arcFill: [ '#ffa36b', '#ffa36b', '#ff9e7a', '#ff9888', '#ff8ea0' ],
|
arcFill: [ '#ffa36b', '#ffa36b', '#ff9e7a', '#ff9888', '#ff8ea0' ],
|
||||||
arcEmpty: theme.bg2,
|
arcEmpty: baseThemeVariables.bg2,
|
||||||
thumbBg: theme.bg2,
|
thumbBg: baseThemeVariables.bg2,
|
||||||
thumbBorder: '#ffa36b',
|
thumbBorder: '#ffa36b',
|
||||||
},
|
},
|
||||||
|
|
||||||
solar: {
|
solar: {
|
||||||
gradientLeft: theme.primary,
|
gradientLeft: baseThemeVariables.primary,
|
||||||
gradientRight: theme.primary,
|
gradientRight: baseThemeVariables.primary,
|
||||||
shadowColor: 'rgba(0, 0, 0, 0)',
|
shadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondSeriesFill: theme.bg2,
|
secondSeriesFill: baseThemeVariables.bg2,
|
||||||
radius: ['80%', '90%'],
|
radius: ['80%', '90%'],
|
||||||
},
|
},
|
||||||
|
|
||||||
traffic: {
|
traffic: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
yAxisSplitLine: 'rgba(0, 0, 0, 0)',
|
yAxisSplitLine: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
lineBg: theme.primary,
|
lineBg: baseThemeVariables.primary,
|
||||||
lineShadowBlur: '0',
|
lineShadowBlur: '0',
|
||||||
itemColor: theme.border4,
|
itemColor: baseThemeVariables.border4,
|
||||||
itemBorderColor: theme.border4,
|
itemBorderColor: baseThemeVariables.border4,
|
||||||
itemEmphasisBorderColor: theme.primaryLight,
|
itemEmphasisBorderColor: baseThemeVariables.primaryLight,
|
||||||
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
shadowLineShadow: 'rgba(0, 0, 0, 0)',
|
shadowLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
gradFrom: theme.bg,
|
gradFrom: baseThemeVariables.bg,
|
||||||
gradTo: theme.bg,
|
gradTo: baseThemeVariables.bg,
|
||||||
},
|
},
|
||||||
|
|
||||||
electricity: {
|
electricity: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: theme.fgText,
|
tooltipLineColor: baseThemeVariables.fgText,
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
axisLineColor: theme.border3,
|
axisLineColor: baseThemeVariables.border3,
|
||||||
xAxisTextColor: theme.fg,
|
xAxisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'solid',
|
lineStyle: 'solid',
|
||||||
lineWidth: '4',
|
lineWidth: '4',
|
||||||
lineGradFrom: theme.primary,
|
lineGradFrom: baseThemeVariables.primary,
|
||||||
lineGradTo: theme.primary,
|
lineGradTo: baseThemeVariables.primary,
|
||||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
areaGradFrom: 'rgba(0, 0, 0, 0)',
|
areaGradFrom: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
@ -109,118 +67,118 @@ export const CORPORATE_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
bubbleMap: {
|
bubbleMap: {
|
||||||
titleColor: theme.fgText,
|
titleColor: baseThemeVariables.fgText,
|
||||||
areaColor: theme.bg4,
|
areaColor: baseThemeVariables.bg4,
|
||||||
areaHoverColor: theme.fgHighlight,
|
areaHoverColor: baseThemeVariables.fgHighlight,
|
||||||
areaBorderColor: theme.border5,
|
areaBorderColor: baseThemeVariables.border5,
|
||||||
},
|
},
|
||||||
|
|
||||||
profitBarAnimationEchart: {
|
profitBarAnimationEchart: {
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
|
|
||||||
firstAnimationBarColor: theme.primary,
|
firstAnimationBarColor: baseThemeVariables.primary,
|
||||||
secondAnimationBarColor: theme.success,
|
secondAnimationBarColor: baseThemeVariables.success,
|
||||||
|
|
||||||
splitLineStyleOpacity: '1',
|
splitLineStyleOpacity: '1',
|
||||||
splitLineStyleWidth: '1',
|
splitLineStyleWidth: '1',
|
||||||
splitLineStyleColor: theme.separator,
|
splitLineStyleColor: baseThemeVariables.separator,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
||||||
trafficBarEchart: {
|
trafficBarEchart: {
|
||||||
gradientFrom: theme.warningLight,
|
gradientFrom: baseThemeVariables.warningLight,
|
||||||
gradientTo: theme.warning,
|
gradientTo: baseThemeVariables.warning,
|
||||||
shadow: theme.warningLight,
|
shadow: baseThemeVariables.warningLight,
|
||||||
shadowBlur: '0',
|
shadowBlur: '0',
|
||||||
|
|
||||||
axisTextColor: theme.fgText,
|
axisTextColor: baseThemeVariables.fgText,
|
||||||
axisFontSize: '12',
|
axisFontSize: '12',
|
||||||
|
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
},
|
},
|
||||||
|
|
||||||
countryOrders: {
|
countryOrders: {
|
||||||
countryBorderColor: theme.border4,
|
countryBorderColor: baseThemeVariables.border4,
|
||||||
countryFillColor: theme.bg4,
|
countryFillColor: baseThemeVariables.bg4,
|
||||||
countryBorderWidth: '1',
|
countryBorderWidth: '1',
|
||||||
hoveredCountryBorderColor: theme.primary,
|
hoveredCountryBorderColor: baseThemeVariables.primary,
|
||||||
hoveredCountryFillColor: theme.primaryLight,
|
hoveredCountryFillColor: baseThemeVariables.primaryLight,
|
||||||
hoveredCountryBorderWidth: '1',
|
hoveredCountryBorderWidth: '1',
|
||||||
|
|
||||||
chartAxisLineColor: theme.border4,
|
chartAxisLineColor: baseThemeVariables.border4,
|
||||||
chartAxisTextColor: theme.fg,
|
chartAxisTextColor: baseThemeVariables.fg,
|
||||||
chartAxisFontSize: '16',
|
chartAxisFontSize: '16',
|
||||||
chartGradientTo: theme.primary,
|
chartGradientTo: baseThemeVariables.primary,
|
||||||
chartGradientFrom: theme.primaryLight,
|
chartGradientFrom: baseThemeVariables.primaryLight,
|
||||||
chartAxisSplitLine: theme.separator,
|
chartAxisSplitLine: baseThemeVariables.separator,
|
||||||
chartShadowLineColor: theme.primaryLight,
|
chartShadowLineColor: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
chartLineBottomShadowColor: theme.primary,
|
chartLineBottomShadowColor: baseThemeVariables.primary,
|
||||||
|
|
||||||
chartInnerLineColor: theme.bg2,
|
chartInnerLineColor: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
echarts: {
|
echarts: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.fgText,
|
axisLineColor: baseThemeVariables.fgText,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
||||||
tooltipBackgroundColor: theme.primary,
|
tooltipBackgroundColor: baseThemeVariables.primary,
|
||||||
areaOpacity: '0.7',
|
areaOpacity: '0.7',
|
||||||
},
|
},
|
||||||
|
|
||||||
chartjs: {
|
chartjs: {
|
||||||
axisLineColor: theme.separator,
|
axisLineColor: baseThemeVariables.separator,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
},
|
},
|
||||||
|
|
||||||
orders: {
|
orders: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'solid',
|
lineStyle: 'solid',
|
||||||
lineWidth: '4',
|
lineWidth: '4',
|
||||||
|
|
||||||
// first line
|
// first line
|
||||||
firstAreaGradFrom: theme.bg3,
|
firstAreaGradFrom: baseThemeVariables.bg3,
|
||||||
firstAreaGradTo: theme.bg3,
|
firstAreaGradTo: baseThemeVariables.bg3,
|
||||||
firstShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
firstShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// second line
|
// second line
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
secondAreaGradFrom: 'rgba(0, 0, 0, 0)',
|
secondAreaGradFrom: 'rgba(0, 0, 0, 0)',
|
||||||
secondAreaGradTo: 'rgba(0, 0, 0, 0)',
|
secondAreaGradTo: 'rgba(0, 0, 0, 0)',
|
||||||
secondShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
secondShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// third line
|
// third line
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.successLight,
|
thirdLineGradTo: baseThemeVariables.successLight,
|
||||||
|
|
||||||
thirdAreaGradFrom: 'rgba(0, 0, 0, 0)',
|
thirdAreaGradFrom: 'rgba(0, 0, 0, 0)',
|
||||||
thirdAreaGradTo: 'rgba(0, 0, 0, 0)',
|
thirdAreaGradTo: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
@ -228,82 +186,82 @@ export const CORPORATE_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
profit: {
|
profit: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
areaOpacity: '1',
|
areaOpacity: '1',
|
||||||
|
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
|
|
||||||
// first bar
|
// first bar
|
||||||
firstLineGradFrom: theme.bg3,
|
firstLineGradFrom: baseThemeVariables.bg3,
|
||||||
firstLineGradTo: theme.bg3,
|
firstLineGradTo: baseThemeVariables.bg3,
|
||||||
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// second bar
|
// second bar
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// third bar
|
// third bar
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.success,
|
thirdLineGradTo: baseThemeVariables.success,
|
||||||
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
orderProfitLegend: {
|
orderProfitLegend: {
|
||||||
firstItem: theme.success,
|
firstItem: baseThemeVariables.success,
|
||||||
secondItem: theme.primary,
|
secondItem: baseThemeVariables.primary,
|
||||||
thirdItem: theme.bg3,
|
thirdItem: baseThemeVariables.bg3,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitors: {
|
visitors: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '1',
|
tooltipLineWidth: '1',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'dotted',
|
lineStyle: 'dotted',
|
||||||
lineWidth: '6',
|
lineWidth: '6',
|
||||||
lineGradFrom: '#ffffff',
|
lineGradFrom: '#ffffff',
|
||||||
lineGradTo: '#ffffff',
|
lineGradTo: '#ffffff',
|
||||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
areaGradFrom: theme.primary,
|
areaGradFrom: baseThemeVariables.primary,
|
||||||
areaGradTo: theme.primaryLight,
|
areaGradTo: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
innerLineStyle: 'solid',
|
innerLineStyle: 'solid',
|
||||||
innerLineWidth: '1',
|
innerLineWidth: '1',
|
||||||
|
|
||||||
innerAreaGradFrom: theme.success,
|
innerAreaGradFrom: baseThemeVariables.success,
|
||||||
innerAreaGradTo: theme.success,
|
innerAreaGradTo: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsLegend: {
|
visitorsLegend: {
|
||||||
firstIcon: theme.success,
|
firstIcon: baseThemeVariables.success,
|
||||||
secondIcon: theme.primary,
|
secondIcon: baseThemeVariables.primary,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPie: {
|
visitorsPie: {
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.success,
|
firstPieGradientRight: baseThemeVariables.success,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
firstPieRadius: ['65%', '90%'],
|
firstPieRadius: ['65%', '90%'],
|
||||||
|
|
||||||
secondPieGradientLeft: theme.warning,
|
secondPieGradientLeft: baseThemeVariables.warning,
|
||||||
secondPieGradientRight: theme.warningLight,
|
secondPieGradientRight: baseThemeVariables.warningLight,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondPieRadius: ['63%', '92%'],
|
secondPieRadius: ['63%', '92%'],
|
||||||
shadowOffsetX: '-4',
|
shadowOffsetX: '-4',
|
||||||
|
|
@ -311,8 +269,8 @@ export const CORPORATE_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPieLegend: {
|
visitorsPieLegend: {
|
||||||
firstSection: theme.warning,
|
firstSection: baseThemeVariables.warning,
|
||||||
secondSection: theme.success,
|
secondSection: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
earningPie: {
|
earningPie: {
|
||||||
|
|
@ -321,28 +279,28 @@ export const CORPORATE_THEME = {
|
||||||
|
|
||||||
fontSize: '22',
|
fontSize: '22',
|
||||||
|
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.success,
|
firstPieGradientRight: baseThemeVariables.success,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
secondPieGradientLeft: theme.primary,
|
secondPieGradientLeft: baseThemeVariables.primary,
|
||||||
secondPieGradientRight: theme.primary,
|
secondPieGradientRight: baseThemeVariables.primary,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
thirdPieGradientLeft: theme.warning,
|
thirdPieGradientLeft: baseThemeVariables.warning,
|
||||||
thirdPieGradientRight: theme.warning,
|
thirdPieGradientRight: baseThemeVariables.warning,
|
||||||
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
earningLine: {
|
earningLine: {
|
||||||
gradFrom: theme.primary,
|
gradFrom: baseThemeVariables.primary,
|
||||||
gradTo: theme.primary,
|
gradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,309 +1,267 @@
|
||||||
import { NbJSThemeOptions } from '@nebular/theme';
|
import { NbJSThemeOptions, COSMIC_THEME as baseTheme } from '@nebular/theme';
|
||||||
|
|
||||||
const palette = {
|
const baseThemeVariables = baseTheme.variables;
|
||||||
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: 'cosmic',
|
||||||
variables: {
|
variables: {
|
||||||
...theme,
|
|
||||||
|
|
||||||
temperature: {
|
temperature: {
|
||||||
arcFill: [ '#2ec7fe', '#31ffad', '#7bff24', '#fff024', '#f7bd59' ],
|
arcFill: [ '#2ec7fe', '#31ffad', '#7bff24', '#fff024', '#f7bd59' ],
|
||||||
arcEmpty: theme.bg2,
|
arcEmpty: baseThemeVariables.bg2,
|
||||||
thumbBg: '#ffffff',
|
thumbBg: '#ffffff',
|
||||||
thumbBorder: '#ffffff',
|
thumbBorder: '#ffffff',
|
||||||
},
|
},
|
||||||
|
|
||||||
solar: {
|
solar: {
|
||||||
gradientLeft: theme.primary,
|
gradientLeft: baseThemeVariables.primary,
|
||||||
gradientRight: theme.primary,
|
gradientRight: baseThemeVariables.primary,
|
||||||
shadowColor: 'rgba(0, 0, 0, 0)',
|
shadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondSeriesFill: theme.bg2,
|
secondSeriesFill: baseThemeVariables.bg2,
|
||||||
radius: ['70%', '90%'],
|
radius: ['70%', '90%'],
|
||||||
},
|
},
|
||||||
|
|
||||||
traffic: {
|
traffic: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(50, 50, 89); border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(50, 50, 89); border-radius: 10px; padding: 4px 16px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
lineBg: theme.border2,
|
lineBg: baseThemeVariables.border2,
|
||||||
lineShadowBlur: '14',
|
lineShadowBlur: '14',
|
||||||
itemColor: theme.border2,
|
itemColor: baseThemeVariables.border2,
|
||||||
itemBorderColor: theme.border2,
|
itemBorderColor: baseThemeVariables.border2,
|
||||||
itemEmphasisBorderColor: theme.primary,
|
itemEmphasisBorderColor: baseThemeVariables.primary,
|
||||||
shadowLineDarkBg: theme.border3,
|
shadowLineDarkBg: baseThemeVariables.border3,
|
||||||
shadowLineShadow: theme.border3,
|
shadowLineShadow: baseThemeVariables.border3,
|
||||||
gradFrom: theme.bg,
|
gradFrom: baseThemeVariables.bg,
|
||||||
gradTo: theme.bg2,
|
gradTo: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
electricity: {
|
electricity: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: theme.fgText,
|
tooltipLineColor: baseThemeVariables.fgText,
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'box-shadow: 0px 2px 46px 0 rgba(0, 255, 170, 0.35); border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
axisLineColor: theme.border3,
|
axisLineColor: baseThemeVariables.border3,
|
||||||
xAxisTextColor: theme.fg,
|
xAxisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.border2,
|
itemBorderColor: baseThemeVariables.border2,
|
||||||
lineStyle: 'dotted',
|
lineStyle: 'dotted',
|
||||||
lineWidth: '6',
|
lineWidth: '6',
|
||||||
lineGradFrom: theme.success,
|
lineGradFrom: baseThemeVariables.success,
|
||||||
lineGradTo: theme.warning,
|
lineGradTo: baseThemeVariables.warning,
|
||||||
lineShadow: theme.bg4,
|
lineShadow: baseThemeVariables.bg4,
|
||||||
|
|
||||||
areaGradFrom: theme.bg2,
|
areaGradFrom: baseThemeVariables.bg2,
|
||||||
areaGradTo: theme.bg3,
|
areaGradTo: baseThemeVariables.bg3,
|
||||||
shadowLineDarkBg: theme.bg3,
|
shadowLineDarkBg: baseThemeVariables.bg3,
|
||||||
},
|
},
|
||||||
|
|
||||||
bubbleMap: {
|
bubbleMap: {
|
||||||
titleColor: theme.fgText,
|
titleColor: baseThemeVariables.fgText,
|
||||||
areaColor: theme.bg4,
|
areaColor: baseThemeVariables.bg4,
|
||||||
areaHoverColor: theme.fgHighlight,
|
areaHoverColor: baseThemeVariables.fgHighlight,
|
||||||
areaBorderColor: theme.border5,
|
areaBorderColor: baseThemeVariables.border5,
|
||||||
},
|
},
|
||||||
|
|
||||||
profitBarAnimationEchart: {
|
profitBarAnimationEchart: {
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
|
|
||||||
firstAnimationBarColor: theme.primary,
|
firstAnimationBarColor: baseThemeVariables.primary,
|
||||||
secondAnimationBarColor: theme.success,
|
secondAnimationBarColor: baseThemeVariables.success,
|
||||||
|
|
||||||
splitLineStyleOpacity: '1',
|
splitLineStyleOpacity: '1',
|
||||||
splitLineStyleWidth: '1',
|
splitLineStyleWidth: '1',
|
||||||
splitLineStyleColor: theme.border2,
|
splitLineStyleColor: baseThemeVariables.border2,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
||||||
trafficBarEchart: {
|
trafficBarEchart: {
|
||||||
gradientFrom: theme.warningLight,
|
gradientFrom: baseThemeVariables.warningLight,
|
||||||
gradientTo: theme.warning,
|
gradientTo: baseThemeVariables.warning,
|
||||||
shadow: theme.warningLight,
|
shadow: baseThemeVariables.warningLight,
|
||||||
shadowBlur: '5',
|
shadowBlur: '5',
|
||||||
|
|
||||||
axisTextColor: theme.fgText,
|
axisTextColor: baseThemeVariables.fgText,
|
||||||
axisFontSize: '12',
|
axisFontSize: '12',
|
||||||
|
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
},
|
},
|
||||||
|
|
||||||
countryOrders: {
|
countryOrders: {
|
||||||
countryBorderColor: theme.border4,
|
countryBorderColor: baseThemeVariables.border4,
|
||||||
countryFillColor: theme.bg3,
|
countryFillColor: baseThemeVariables.bg3,
|
||||||
countryBorderWidth: '1',
|
countryBorderWidth: '1',
|
||||||
hoveredCountryBorderColor: theme.primary,
|
hoveredCountryBorderColor: baseThemeVariables.primary,
|
||||||
hoveredCountryFillColor: theme.primaryLight,
|
hoveredCountryFillColor: baseThemeVariables.primaryLight,
|
||||||
hoveredCountryBorderWidth: '1',
|
hoveredCountryBorderWidth: '1',
|
||||||
|
|
||||||
chartAxisLineColor: theme.border4,
|
chartAxisLineColor: baseThemeVariables.border4,
|
||||||
chartAxisTextColor: theme.fg,
|
chartAxisTextColor: baseThemeVariables.fg,
|
||||||
chartAxisFontSize: '16',
|
chartAxisFontSize: '16',
|
||||||
chartGradientTo: theme.primary,
|
chartGradientTo: baseThemeVariables.primary,
|
||||||
chartGradientFrom: theme.primaryLight,
|
chartGradientFrom: baseThemeVariables.primaryLight,
|
||||||
chartAxisSplitLine: theme.separator,
|
chartAxisSplitLine: baseThemeVariables.separator,
|
||||||
chartShadowLineColor: theme.primaryLight,
|
chartShadowLineColor: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
chartLineBottomShadowColor: theme.primary,
|
chartLineBottomShadowColor: baseThemeVariables.primary,
|
||||||
|
|
||||||
chartInnerLineColor: theme.bg2,
|
chartInnerLineColor: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
echarts: {
|
echarts: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.fgText,
|
axisLineColor: baseThemeVariables.fgText,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
||||||
tooltipBackgroundColor: theme.primary,
|
tooltipBackgroundColor: baseThemeVariables.primary,
|
||||||
areaOpacity: '1',
|
areaOpacity: '1',
|
||||||
},
|
},
|
||||||
|
|
||||||
chartjs: {
|
chartjs: {
|
||||||
axisLineColor: theme.separator,
|
axisLineColor: baseThemeVariables.separator,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
},
|
},
|
||||||
|
|
||||||
orders: {
|
orders: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'solid',
|
lineStyle: 'solid',
|
||||||
lineWidth: '4',
|
lineWidth: '4',
|
||||||
|
|
||||||
// first line
|
// first line
|
||||||
firstAreaGradFrom: theme.bg2,
|
firstAreaGradFrom: baseThemeVariables.bg2,
|
||||||
firstAreaGradTo: theme.bg2,
|
firstAreaGradTo: baseThemeVariables.bg2,
|
||||||
firstShadowLineDarkBg: theme.bg2,
|
firstShadowLineDarkBg: baseThemeVariables.bg2,
|
||||||
|
|
||||||
// second line
|
// second line
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
secondAreaGradFrom: 'rgba(161, 110, 255, 0.8)',
|
secondAreaGradFrom: 'rgba(161, 110, 255, 0.8)',
|
||||||
secondAreaGradTo: 'rgba(161, 110, 255, 0.5)',
|
secondAreaGradTo: 'rgba(161, 110, 255, 0.5)',
|
||||||
secondShadowLineDarkBg: theme.primary,
|
secondShadowLineDarkBg: baseThemeVariables.primary,
|
||||||
|
|
||||||
// third line
|
// third line
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.successLight,
|
thirdLineGradTo: baseThemeVariables.successLight,
|
||||||
|
|
||||||
thirdAreaGradFrom: 'rgba(0, 214, 143, 0.7)',
|
thirdAreaGradFrom: 'rgba(0, 214, 143, 0.7)',
|
||||||
thirdAreaGradTo: 'rgba(0, 214, 143, 0.4)',
|
thirdAreaGradTo: 'rgba(0, 214, 143, 0.4)',
|
||||||
thirdShadowLineDarkBg: theme.success,
|
thirdShadowLineDarkBg: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
profit: {
|
profit: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
areaOpacity: '1',
|
areaOpacity: '1',
|
||||||
|
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
|
|
||||||
// first bar
|
// first bar
|
||||||
firstLineGradFrom: theme.bg2,
|
firstLineGradFrom: baseThemeVariables.bg2,
|
||||||
firstLineGradTo: theme.bg2,
|
firstLineGradTo: baseThemeVariables.bg2,
|
||||||
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// second bar
|
// second bar
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// third bar
|
// third bar
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.successLight,
|
thirdLineGradTo: baseThemeVariables.successLight,
|
||||||
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
orderProfitLegend: {
|
orderProfitLegend: {
|
||||||
firstItem: theme.success,
|
firstItem: baseThemeVariables.success,
|
||||||
secondItem: theme.primary,
|
secondItem: baseThemeVariables.primary,
|
||||||
thirdItem: theme.bg2,
|
thirdItem: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitors: {
|
visitors: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '1',
|
tooltipLineWidth: '1',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'dotted',
|
lineStyle: 'dotted',
|
||||||
lineWidth: '6',
|
lineWidth: '6',
|
||||||
lineGradFrom: '#ffffff',
|
lineGradFrom: '#ffffff',
|
||||||
lineGradTo: '#ffffff',
|
lineGradTo: '#ffffff',
|
||||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
areaGradFrom: theme.primary,
|
areaGradFrom: baseThemeVariables.primary,
|
||||||
areaGradTo: theme.primaryLight,
|
areaGradTo: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
innerLineStyle: 'solid',
|
innerLineStyle: 'solid',
|
||||||
innerLineWidth: '1',
|
innerLineWidth: '1',
|
||||||
|
|
||||||
innerAreaGradFrom: theme.success,
|
innerAreaGradFrom: baseThemeVariables.success,
|
||||||
innerAreaGradTo: theme.success,
|
innerAreaGradTo: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsLegend: {
|
visitorsLegend: {
|
||||||
firstIcon: theme.success,
|
firstIcon: baseThemeVariables.success,
|
||||||
secondIcon: theme.primary,
|
secondIcon: baseThemeVariables.primary,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPie: {
|
visitorsPie: {
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.successLight,
|
firstPieGradientRight: baseThemeVariables.successLight,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
firstPieRadius: ['70%', '90%'],
|
firstPieRadius: ['70%', '90%'],
|
||||||
|
|
||||||
secondPieGradientLeft: theme.warning,
|
secondPieGradientLeft: baseThemeVariables.warning,
|
||||||
secondPieGradientRight: theme.warningLight,
|
secondPieGradientRight: baseThemeVariables.warningLight,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondPieRadius: ['60%', '95%'],
|
secondPieRadius: ['60%', '95%'],
|
||||||
shadowOffsetX: '0',
|
shadowOffsetX: '0',
|
||||||
|
|
@ -311,8 +269,8 @@ export const COSMIC_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPieLegend: {
|
visitorsPieLegend: {
|
||||||
firstSection: theme.warning,
|
firstSection: baseThemeVariables.warning,
|
||||||
secondSection: theme.success,
|
secondSection: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
earningPie: {
|
earningPie: {
|
||||||
|
|
@ -321,28 +279,28 @@ export const COSMIC_THEME = {
|
||||||
|
|
||||||
fontSize: '22',
|
fontSize: '22',
|
||||||
|
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.success,
|
firstPieGradientRight: baseThemeVariables.success,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
secondPieGradientLeft: theme.primary,
|
secondPieGradientLeft: baseThemeVariables.primary,
|
||||||
secondPieGradientRight: theme.primary,
|
secondPieGradientRight: baseThemeVariables.primary,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
thirdPieGradientLeft: theme.warning,
|
thirdPieGradientLeft: baseThemeVariables.warning,
|
||||||
thirdPieGradientRight: theme.warning,
|
thirdPieGradientRight: baseThemeVariables.warning,
|
||||||
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
earningLine: {
|
earningLine: {
|
||||||
gradFrom: theme.primary,
|
gradFrom: baseThemeVariables.primary,
|
||||||
gradTo: theme.primary,
|
gradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,226 +1,190 @@
|
||||||
import { NbJSThemeOptions } from '@nebular/theme';
|
import { NbJSThemeOptions, DARK_THEME as baseTheme } from '@nebular/theme';
|
||||||
|
|
||||||
const palette = {
|
const baseThemeVariables = baseTheme.variables;
|
||||||
primary: '#3366ff',
|
|
||||||
success: '#00d68f',
|
|
||||||
info: '#0095ff',
|
|
||||||
warning: '#ffaa00',
|
|
||||||
danger: '#ff3d71',
|
|
||||||
};
|
|
||||||
|
|
||||||
const theme = {
|
|
||||||
fontMain: 'Open Sans, sans-serif',
|
|
||||||
fontSecondary: 'Raleway, sans-serif',
|
|
||||||
|
|
||||||
bg: '#222b45',
|
|
||||||
bg2: '#1a2138',
|
|
||||||
bg3: '#151a30',
|
|
||||||
bg4: '#101426',
|
|
||||||
|
|
||||||
border: '#222b45',
|
|
||||||
border2: '#1a2138',
|
|
||||||
border3: '#151a30',
|
|
||||||
border4: '#101426',
|
|
||||||
border5: '#101426',
|
|
||||||
|
|
||||||
fg: '#8f9bb3',
|
|
||||||
fgHeading: '#ffffff',
|
|
||||||
fgText: '#ffffff',
|
|
||||||
fgHighlight: palette.primary,
|
|
||||||
layoutBg: '#1b1b38',
|
|
||||||
separator: '#1b1b38',
|
|
||||||
|
|
||||||
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 DARK_THEME = {
|
export const DARK_THEME = {
|
||||||
name: 'dark',
|
name: 'dark',
|
||||||
|
base: 'dark',
|
||||||
variables: {
|
variables: {
|
||||||
...theme,
|
|
||||||
|
|
||||||
temperature: {
|
temperature: {
|
||||||
arcFill: [ theme.primary, theme.primary, theme.primary, theme.primary, theme.primary ],
|
arcFill: [
|
||||||
arcEmpty: theme.bg2,
|
baseThemeVariables.primary,
|
||||||
thumbBg: theme.bg2,
|
baseThemeVariables.primary,
|
||||||
thumbBorder: theme.primary,
|
baseThemeVariables.primary,
|
||||||
|
baseThemeVariables.primary,
|
||||||
|
baseThemeVariables.primary,
|
||||||
|
],
|
||||||
|
arcEmpty: baseThemeVariables.bg2,
|
||||||
|
thumbBg: baseThemeVariables.bg2,
|
||||||
|
thumbBorder: baseThemeVariables.primary,
|
||||||
},
|
},
|
||||||
|
|
||||||
solar: {
|
solar: {
|
||||||
gradientLeft: theme.primary,
|
gradientLeft: baseThemeVariables.primary,
|
||||||
gradientRight: theme.primary,
|
gradientRight: baseThemeVariables.primary,
|
||||||
shadowColor: 'rgba(0, 0, 0, 0)',
|
shadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondSeriesFill: theme.bg2,
|
secondSeriesFill: baseThemeVariables.bg2,
|
||||||
radius: ['80%', '90%'],
|
radius: ['80%', '90%'],
|
||||||
},
|
},
|
||||||
|
|
||||||
traffic: {
|
traffic: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
lineBg: theme.border4,
|
lineBg: baseThemeVariables.border4,
|
||||||
lineShadowBlur: '1',
|
lineShadowBlur: '1',
|
||||||
itemColor: theme.border4,
|
itemColor: baseThemeVariables.border4,
|
||||||
itemBorderColor: theme.border4,
|
itemBorderColor: baseThemeVariables.border4,
|
||||||
itemEmphasisBorderColor: theme.primary,
|
itemEmphasisBorderColor: baseThemeVariables.primary,
|
||||||
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
shadowLineShadow: 'rgba(0, 0, 0, 0)',
|
shadowLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
gradFrom: theme.bg2,
|
gradFrom: baseThemeVariables.bg2,
|
||||||
gradTo: theme.bg2,
|
gradTo: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
electricity: {
|
electricity: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: theme.fgText,
|
tooltipLineColor: baseThemeVariables.fgText,
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
axisLineColor: theme.border3,
|
axisLineColor: baseThemeVariables.border3,
|
||||||
xAxisTextColor: theme.fg,
|
xAxisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'solid',
|
lineStyle: 'solid',
|
||||||
lineWidth: '4',
|
lineWidth: '4',
|
||||||
lineGradFrom: theme.primary,
|
lineGradFrom: baseThemeVariables.primary,
|
||||||
lineGradTo: theme.primary,
|
lineGradTo: baseThemeVariables.primary,
|
||||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
areaGradFrom: theme.bg2,
|
areaGradFrom: baseThemeVariables.bg2,
|
||||||
areaGradTo: theme.bg2,
|
areaGradTo: baseThemeVariables.bg2,
|
||||||
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
bubbleMap: {
|
bubbleMap: {
|
||||||
titleColor: theme.fgText,
|
titleColor: baseThemeVariables.fgText,
|
||||||
areaColor: theme.bg4,
|
areaColor: baseThemeVariables.bg4,
|
||||||
areaHoverColor: theme.fgHighlight,
|
areaHoverColor: baseThemeVariables.fgHighlight,
|
||||||
areaBorderColor: theme.border5,
|
areaBorderColor: baseThemeVariables.border5,
|
||||||
},
|
},
|
||||||
|
|
||||||
profitBarAnimationEchart: {
|
profitBarAnimationEchart: {
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
|
|
||||||
firstAnimationBarColor: theme.primary,
|
firstAnimationBarColor: baseThemeVariables.primary,
|
||||||
secondAnimationBarColor: theme.success,
|
secondAnimationBarColor: baseThemeVariables.success,
|
||||||
|
|
||||||
splitLineStyleOpacity: '1',
|
splitLineStyleOpacity: '1',
|
||||||
splitLineStyleWidth: '1',
|
splitLineStyleWidth: '1',
|
||||||
splitLineStyleColor: theme.separator,
|
splitLineStyleColor: baseThemeVariables.separator,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
||||||
trafficBarEchart: {
|
trafficBarEchart: {
|
||||||
gradientFrom: theme.warningLight,
|
gradientFrom: baseThemeVariables.warningLight,
|
||||||
gradientTo: theme.warning,
|
gradientTo: baseThemeVariables.warning,
|
||||||
shadow: theme.warningLight,
|
shadow: baseThemeVariables.warningLight,
|
||||||
shadowBlur: '0',
|
shadowBlur: '0',
|
||||||
|
|
||||||
axisTextColor: theme.fgText,
|
axisTextColor: baseThemeVariables.fgText,
|
||||||
axisFontSize: '12',
|
axisFontSize: '12',
|
||||||
|
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
},
|
},
|
||||||
|
|
||||||
countryOrders: {
|
countryOrders: {
|
||||||
countryBorderColor: theme.border4,
|
countryBorderColor: baseThemeVariables.border4,
|
||||||
countryFillColor: theme.bg3,
|
countryFillColor: baseThemeVariables.bg3,
|
||||||
countryBorderWidth: '1',
|
countryBorderWidth: '1',
|
||||||
hoveredCountryBorderColor: theme.primary,
|
hoveredCountryBorderColor: baseThemeVariables.primary,
|
||||||
hoveredCountryFillColor: theme.primaryLight,
|
hoveredCountryFillColor: baseThemeVariables.primaryLight,
|
||||||
hoveredCountryBorderWidth: '1',
|
hoveredCountryBorderWidth: '1',
|
||||||
|
|
||||||
chartAxisLineColor: theme.border4,
|
chartAxisLineColor: baseThemeVariables.border4,
|
||||||
chartAxisTextColor: theme.fg,
|
chartAxisTextColor: baseThemeVariables.fg,
|
||||||
chartAxisFontSize: '16',
|
chartAxisFontSize: '16',
|
||||||
chartGradientTo: theme.primary,
|
chartGradientTo: baseThemeVariables.primary,
|
||||||
chartGradientFrom: theme.primaryLight,
|
chartGradientFrom: baseThemeVariables.primaryLight,
|
||||||
chartAxisSplitLine: theme.separator,
|
chartAxisSplitLine: baseThemeVariables.separator,
|
||||||
chartShadowLineColor: theme.primaryLight,
|
chartShadowLineColor: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
chartLineBottomShadowColor: theme.primary,
|
chartLineBottomShadowColor: baseThemeVariables.primary,
|
||||||
|
|
||||||
chartInnerLineColor: theme.bg2,
|
chartInnerLineColor: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
echarts: {
|
echarts: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.fgText,
|
axisLineColor: baseThemeVariables.fgText,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
||||||
tooltipBackgroundColor: theme.primary,
|
tooltipBackgroundColor: baseThemeVariables.primary,
|
||||||
areaOpacity: '0.7',
|
areaOpacity: '0.7',
|
||||||
},
|
},
|
||||||
|
|
||||||
chartjs: {
|
chartjs: {
|
||||||
axisLineColor: theme.separator,
|
axisLineColor: baseThemeVariables.separator,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
},
|
},
|
||||||
|
|
||||||
orders: {
|
orders: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'solid',
|
lineStyle: 'solid',
|
||||||
lineWidth: '4',
|
lineWidth: '4',
|
||||||
|
|
||||||
// first line
|
// first line
|
||||||
firstAreaGradFrom: theme.bg3,
|
firstAreaGradFrom: baseThemeVariables.bg3,
|
||||||
firstAreaGradTo: theme.bg3,
|
firstAreaGradTo: baseThemeVariables.bg3,
|
||||||
firstShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
firstShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// second line
|
// second line
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
secondAreaGradFrom: 'rgba(51, 102, 255, 0.2)',
|
secondAreaGradFrom: 'rgba(51, 102, 255, 0.2)',
|
||||||
secondAreaGradTo: 'rgba(51, 102, 255, 0)',
|
secondAreaGradTo: 'rgba(51, 102, 255, 0)',
|
||||||
secondShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
secondShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// third line
|
// third line
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.successLight,
|
thirdLineGradTo: baseThemeVariables.successLight,
|
||||||
|
|
||||||
thirdAreaGradFrom: 'rgba(0, 214, 143, 0.2)',
|
thirdAreaGradFrom: 'rgba(0, 214, 143, 0.2)',
|
||||||
thirdAreaGradTo: 'rgba(0, 214, 143, 0)',
|
thirdAreaGradTo: 'rgba(0, 214, 143, 0)',
|
||||||
|
|
@ -228,82 +192,82 @@ export const DARK_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
profit: {
|
profit: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
areaOpacity: '1',
|
areaOpacity: '1',
|
||||||
|
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
|
|
||||||
// first bar
|
// first bar
|
||||||
firstLineGradFrom: theme.bg3,
|
firstLineGradFrom: baseThemeVariables.bg3,
|
||||||
firstLineGradTo: theme.bg3,
|
firstLineGradTo: baseThemeVariables.bg3,
|
||||||
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// second bar
|
// second bar
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// third bar
|
// third bar
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.successLight,
|
thirdLineGradTo: baseThemeVariables.successLight,
|
||||||
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
orderProfitLegend: {
|
orderProfitLegend: {
|
||||||
firstItem: theme.success,
|
firstItem: baseThemeVariables.success,
|
||||||
secondItem: theme.primary,
|
secondItem: baseThemeVariables.primary,
|
||||||
thirdItem: theme.bg3,
|
thirdItem: baseThemeVariables.bg3,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitors: {
|
visitors: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'dotted',
|
lineStyle: 'dotted',
|
||||||
lineWidth: '6',
|
lineWidth: '6',
|
||||||
lineGradFrom: '#ffffff',
|
lineGradFrom: '#ffffff',
|
||||||
lineGradTo: '#ffffff',
|
lineGradTo: '#ffffff',
|
||||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
areaGradFrom: theme.primary,
|
areaGradFrom: baseThemeVariables.primary,
|
||||||
areaGradTo: theme.primaryLight,
|
areaGradTo: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
innerLineStyle: 'solid',
|
innerLineStyle: 'solid',
|
||||||
innerLineWidth: '1',
|
innerLineWidth: '1',
|
||||||
|
|
||||||
innerAreaGradFrom: theme.success,
|
innerAreaGradFrom: baseThemeVariables.success,
|
||||||
innerAreaGradTo: theme.success,
|
innerAreaGradTo: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsLegend: {
|
visitorsLegend: {
|
||||||
firstIcon: theme.success,
|
firstIcon: baseThemeVariables.success,
|
||||||
secondIcon: theme.primary,
|
secondIcon: baseThemeVariables.primary,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPie: {
|
visitorsPie: {
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.success,
|
firstPieGradientRight: baseThemeVariables.success,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
firstPieRadius: ['70%', '90%'],
|
firstPieRadius: ['70%', '90%'],
|
||||||
|
|
||||||
secondPieGradientLeft: theme.warning,
|
secondPieGradientLeft: baseThemeVariables.warning,
|
||||||
secondPieGradientRight: theme.warningLight,
|
secondPieGradientRight: baseThemeVariables.warningLight,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondPieRadius: ['60%', '97%'],
|
secondPieRadius: ['60%', '97%'],
|
||||||
shadowOffsetX: '0',
|
shadowOffsetX: '0',
|
||||||
|
|
@ -311,8 +275,8 @@ export const DARK_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPieLegend: {
|
visitorsPieLegend: {
|
||||||
firstSection: theme.warning,
|
firstSection: baseThemeVariables.warning,
|
||||||
secondSection: theme.success,
|
secondSection: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
earningPie: {
|
earningPie: {
|
||||||
|
|
@ -321,28 +285,28 @@ export const DARK_THEME = {
|
||||||
|
|
||||||
fontSize: '22',
|
fontSize: '22',
|
||||||
|
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.success,
|
firstPieGradientRight: baseThemeVariables.success,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
secondPieGradientLeft: theme.primary,
|
secondPieGradientLeft: baseThemeVariables.primary,
|
||||||
secondPieGradientRight: theme.primary,
|
secondPieGradientRight: baseThemeVariables.primary,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
thirdPieGradientLeft: theme.warning,
|
thirdPieGradientLeft: baseThemeVariables.warning,
|
||||||
thirdPieGradientRight: theme.warning,
|
thirdPieGradientRight: baseThemeVariables.warning,
|
||||||
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
earningLine: {
|
earningLine: {
|
||||||
gradFrom: theme.primary,
|
gradFrom: baseThemeVariables.primary,
|
||||||
gradTo: theme.primary,
|
gradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,226 +1,190 @@
|
||||||
import { NbJSThemeOptions } from '@nebular/theme';
|
import { NbJSThemeOptions, DEFAULT_THEME as baseTheme } from '@nebular/theme';
|
||||||
|
|
||||||
const palette = {
|
const baseThemeVariables = baseTheme.variables;
|
||||||
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: 'default',
|
||||||
variables: {
|
variables: {
|
||||||
...theme,
|
|
||||||
|
|
||||||
temperature: {
|
temperature: {
|
||||||
arcFill: [ theme.primary, theme.primary, theme.primary, theme.primary, theme.primary ],
|
arcFill: [
|
||||||
arcEmpty: theme.bg2,
|
baseThemeVariables.primary,
|
||||||
thumbBg: theme.bg2,
|
baseThemeVariables.primary,
|
||||||
thumbBorder: theme.primary,
|
baseThemeVariables.primary,
|
||||||
|
baseThemeVariables.primary,
|
||||||
|
baseThemeVariables.primary,
|
||||||
|
],
|
||||||
|
arcEmpty: baseThemeVariables.bg2,
|
||||||
|
thumbBg: baseThemeVariables.bg2,
|
||||||
|
thumbBorder: baseThemeVariables.primary,
|
||||||
},
|
},
|
||||||
|
|
||||||
solar: {
|
solar: {
|
||||||
gradientLeft: theme.primary,
|
gradientLeft: baseThemeVariables.primary,
|
||||||
gradientRight: theme.primary,
|
gradientRight: baseThemeVariables.primary,
|
||||||
shadowColor: 'rgba(0, 0, 0, 0)',
|
shadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondSeriesFill: theme.bg2,
|
secondSeriesFill: baseThemeVariables.bg2,
|
||||||
radius: ['80%', '90%'],
|
radius: ['80%', '90%'],
|
||||||
},
|
},
|
||||||
|
|
||||||
traffic: {
|
traffic: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
lineBg: theme.border4,
|
lineBg: baseThemeVariables.border4,
|
||||||
lineShadowBlur: '1',
|
lineShadowBlur: '1',
|
||||||
itemColor: theme.border4,
|
itemColor: baseThemeVariables.border4,
|
||||||
itemBorderColor: theme.border4,
|
itemBorderColor: baseThemeVariables.border4,
|
||||||
itemEmphasisBorderColor: theme.primary,
|
itemEmphasisBorderColor: baseThemeVariables.primary,
|
||||||
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
shadowLineShadow: 'rgba(0, 0, 0, 0)',
|
shadowLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
gradFrom: theme.bg2,
|
gradFrom: baseThemeVariables.bg2,
|
||||||
gradTo: theme.bg2,
|
gradTo: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
electricity: {
|
electricity: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: theme.fgText,
|
tooltipLineColor: baseThemeVariables.fgText,
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
|
|
||||||
axisLineColor: theme.border3,
|
axisLineColor: baseThemeVariables.border3,
|
||||||
xAxisTextColor: theme.fg,
|
xAxisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'solid',
|
lineStyle: 'solid',
|
||||||
lineWidth: '4',
|
lineWidth: '4',
|
||||||
lineGradFrom: theme.primary,
|
lineGradFrom: baseThemeVariables.primary,
|
||||||
lineGradTo: theme.primary,
|
lineGradTo: baseThemeVariables.primary,
|
||||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
areaGradFrom: theme.bg2,
|
areaGradFrom: baseThemeVariables.bg2,
|
||||||
areaGradTo: theme.bg2,
|
areaGradTo: baseThemeVariables.bg2,
|
||||||
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
shadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
bubbleMap: {
|
bubbleMap: {
|
||||||
titleColor: theme.fgText,
|
titleColor: baseThemeVariables.fgText,
|
||||||
areaColor: theme.bg4,
|
areaColor: baseThemeVariables.bg4,
|
||||||
areaHoverColor: theme.fgHighlight,
|
areaHoverColor: baseThemeVariables.fgHighlight,
|
||||||
areaBorderColor: theme.border5,
|
areaBorderColor: baseThemeVariables.border5,
|
||||||
},
|
},
|
||||||
|
|
||||||
profitBarAnimationEchart: {
|
profitBarAnimationEchart: {
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
|
|
||||||
firstAnimationBarColor: theme.primary,
|
firstAnimationBarColor: baseThemeVariables.primary,
|
||||||
secondAnimationBarColor: theme.success,
|
secondAnimationBarColor: baseThemeVariables.success,
|
||||||
|
|
||||||
splitLineStyleOpacity: '1',
|
splitLineStyleOpacity: '1',
|
||||||
splitLineStyleWidth: '1',
|
splitLineStyleWidth: '1',
|
||||||
splitLineStyleColor: theme.separator,
|
splitLineStyleColor: baseThemeVariables.separator,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
||||||
trafficBarEchart: {
|
trafficBarEchart: {
|
||||||
gradientFrom: theme.warningLight,
|
gradientFrom: baseThemeVariables.warningLight,
|
||||||
gradientTo: theme.warning,
|
gradientTo: baseThemeVariables.warning,
|
||||||
shadow: theme.warningLight,
|
shadow: baseThemeVariables.warningLight,
|
||||||
shadowBlur: '0',
|
shadowBlur: '0',
|
||||||
|
|
||||||
axisTextColor: theme.fgText,
|
axisTextColor: baseThemeVariables.fgText,
|
||||||
axisFontSize: '12',
|
axisFontSize: '12',
|
||||||
|
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
},
|
},
|
||||||
|
|
||||||
countryOrders: {
|
countryOrders: {
|
||||||
countryBorderColor: theme.border4,
|
countryBorderColor: baseThemeVariables.border4,
|
||||||
countryFillColor: theme.bg3,
|
countryFillColor: baseThemeVariables.bg3,
|
||||||
countryBorderWidth: '1',
|
countryBorderWidth: '1',
|
||||||
hoveredCountryBorderColor: theme.primary,
|
hoveredCountryBorderColor: baseThemeVariables.primary,
|
||||||
hoveredCountryFillColor: theme.primaryLight,
|
hoveredCountryFillColor: baseThemeVariables.primaryLight,
|
||||||
hoveredCountryBorderWidth: '1',
|
hoveredCountryBorderWidth: '1',
|
||||||
|
|
||||||
chartAxisLineColor: theme.border4,
|
chartAxisLineColor: baseThemeVariables.border4,
|
||||||
chartAxisTextColor: theme.fg,
|
chartAxisTextColor: baseThemeVariables.fg,
|
||||||
chartAxisFontSize: '16',
|
chartAxisFontSize: '16',
|
||||||
chartGradientTo: theme.primary,
|
chartGradientTo: baseThemeVariables.primary,
|
||||||
chartGradientFrom: theme.primaryLight,
|
chartGradientFrom: baseThemeVariables.primaryLight,
|
||||||
chartAxisSplitLine: theme.separator,
|
chartAxisSplitLine: baseThemeVariables.separator,
|
||||||
chartShadowLineColor: theme.primaryLight,
|
chartShadowLineColor: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
chartLineBottomShadowColor: theme.primary,
|
chartLineBottomShadowColor: baseThemeVariables.primary,
|
||||||
|
|
||||||
chartInnerLineColor: theme.bg2,
|
chartInnerLineColor: baseThemeVariables.bg2,
|
||||||
},
|
},
|
||||||
|
|
||||||
echarts: {
|
echarts: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.fgText,
|
axisLineColor: baseThemeVariables.fgText,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
itemHoverShadowColor: 'rgba(0, 0, 0, 0.5)',
|
||||||
tooltipBackgroundColor: theme.primary,
|
tooltipBackgroundColor: baseThemeVariables.primary,
|
||||||
areaOpacity: '0.7',
|
areaOpacity: '0.7',
|
||||||
},
|
},
|
||||||
|
|
||||||
chartjs: {
|
chartjs: {
|
||||||
axisLineColor: theme.separator,
|
axisLineColor: baseThemeVariables.separator,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
},
|
},
|
||||||
|
|
||||||
orders: {
|
orders: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '0',
|
tooltipLineWidth: '0',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'solid',
|
lineStyle: 'solid',
|
||||||
lineWidth: '4',
|
lineWidth: '4',
|
||||||
|
|
||||||
// first line
|
// first line
|
||||||
firstAreaGradFrom: theme.bg3,
|
firstAreaGradFrom: baseThemeVariables.bg3,
|
||||||
firstAreaGradTo: theme.bg3,
|
firstAreaGradTo: baseThemeVariables.bg3,
|
||||||
firstShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
firstShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// second line
|
// second line
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
secondAreaGradFrom: 'rgba(51, 102, 255, 0.2)',
|
secondAreaGradFrom: 'rgba(51, 102, 255, 0.2)',
|
||||||
secondAreaGradTo: 'rgba(51, 102, 255, 0)',
|
secondAreaGradTo: 'rgba(51, 102, 255, 0)',
|
||||||
secondShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
secondShadowLineDarkBg: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// third line
|
// third line
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.successLight,
|
thirdLineGradTo: baseThemeVariables.successLight,
|
||||||
|
|
||||||
thirdAreaGradFrom: 'rgba(0, 214, 143, 0.2)',
|
thirdAreaGradFrom: 'rgba(0, 214, 143, 0.2)',
|
||||||
thirdAreaGradTo: 'rgba(0, 214, 143, 0)',
|
thirdAreaGradTo: 'rgba(0, 214, 143, 0)',
|
||||||
|
|
@ -228,82 +192,82 @@ export const DEFAULT_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
profit: {
|
profit: {
|
||||||
bg: theme.bg,
|
bg: baseThemeVariables.bg,
|
||||||
textColor: theme.fgText,
|
textColor: baseThemeVariables.fgText,
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
splitLineColor: theme.separator,
|
splitLineColor: baseThemeVariables.separator,
|
||||||
areaOpacity: '1',
|
areaOpacity: '1',
|
||||||
|
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
|
|
||||||
// first bar
|
// first bar
|
||||||
firstLineGradFrom: theme.bg3,
|
firstLineGradFrom: baseThemeVariables.bg3,
|
||||||
firstLineGradTo: theme.bg3,
|
firstLineGradTo: baseThemeVariables.bg3,
|
||||||
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
firstLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// second bar
|
// second bar
|
||||||
secondLineGradFrom: theme.primary,
|
secondLineGradFrom: baseThemeVariables.primary,
|
||||||
secondLineGradTo: theme.primary,
|
secondLineGradTo: baseThemeVariables.primary,
|
||||||
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
secondLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
// third bar
|
// third bar
|
||||||
thirdLineGradFrom: theme.success,
|
thirdLineGradFrom: baseThemeVariables.success,
|
||||||
thirdLineGradTo: theme.successLight,
|
thirdLineGradTo: baseThemeVariables.successLight,
|
||||||
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
thirdLineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
orderProfitLegend: {
|
orderProfitLegend: {
|
||||||
firstItem: theme.success,
|
firstItem: baseThemeVariables.success,
|
||||||
secondItem: theme.primary,
|
secondItem: baseThemeVariables.primary,
|
||||||
thirdItem: theme.bg3,
|
thirdItem: baseThemeVariables.bg3,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitors: {
|
visitors: {
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
tooltipLineColor: 'rgba(0, 0, 0, 0)',
|
||||||
tooltipLineWidth: '1',
|
tooltipLineWidth: '1',
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 8px 24px;',
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '20',
|
tooltipFontSize: '20',
|
||||||
|
|
||||||
axisLineColor: theme.border4,
|
axisLineColor: baseThemeVariables.border4,
|
||||||
axisFontSize: '16',
|
axisFontSize: '16',
|
||||||
axisTextColor: theme.fg,
|
axisTextColor: baseThemeVariables.fg,
|
||||||
yAxisSplitLine: theme.separator,
|
yAxisSplitLine: baseThemeVariables.separator,
|
||||||
|
|
||||||
itemBorderColor: theme.primary,
|
itemBorderColor: baseThemeVariables.primary,
|
||||||
lineStyle: 'dotted',
|
lineStyle: 'dotted',
|
||||||
lineWidth: '6',
|
lineWidth: '6',
|
||||||
lineGradFrom: '#ffffff',
|
lineGradFrom: '#ffffff',
|
||||||
lineGradTo: '#ffffff',
|
lineGradTo: '#ffffff',
|
||||||
lineShadow: 'rgba(0, 0, 0, 0)',
|
lineShadow: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
areaGradFrom: theme.primary,
|
areaGradFrom: baseThemeVariables.primary,
|
||||||
areaGradTo: theme.primaryLight,
|
areaGradTo: baseThemeVariables.primaryLight,
|
||||||
|
|
||||||
innerLineStyle: 'solid',
|
innerLineStyle: 'solid',
|
||||||
innerLineWidth: '1',
|
innerLineWidth: '1',
|
||||||
|
|
||||||
innerAreaGradFrom: theme.success,
|
innerAreaGradFrom: baseThemeVariables.success,
|
||||||
innerAreaGradTo: theme.success,
|
innerAreaGradTo: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsLegend: {
|
visitorsLegend: {
|
||||||
firstIcon: theme.success,
|
firstIcon: baseThemeVariables.success,
|
||||||
secondIcon: theme.primary,
|
secondIcon: baseThemeVariables.primary,
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPie: {
|
visitorsPie: {
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.success,
|
firstPieGradientRight: baseThemeVariables.success,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
firstPieRadius: ['70%', '90%'],
|
firstPieRadius: ['70%', '90%'],
|
||||||
|
|
||||||
secondPieGradientLeft: theme.warning,
|
secondPieGradientLeft: baseThemeVariables.warning,
|
||||||
secondPieGradientRight: theme.warningLight,
|
secondPieGradientRight: baseThemeVariables.warningLight,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
secondPieRadius: ['60%', '97%'],
|
secondPieRadius: ['60%', '97%'],
|
||||||
shadowOffsetX: '0',
|
shadowOffsetX: '0',
|
||||||
|
|
@ -311,8 +275,8 @@ export const DEFAULT_THEME = {
|
||||||
},
|
},
|
||||||
|
|
||||||
visitorsPieLegend: {
|
visitorsPieLegend: {
|
||||||
firstSection: theme.warning,
|
firstSection: baseThemeVariables.warning,
|
||||||
secondSection: theme.success,
|
secondSection: baseThemeVariables.success,
|
||||||
},
|
},
|
||||||
|
|
||||||
earningPie: {
|
earningPie: {
|
||||||
|
|
@ -321,28 +285,28 @@ export const DEFAULT_THEME = {
|
||||||
|
|
||||||
fontSize: '22',
|
fontSize: '22',
|
||||||
|
|
||||||
firstPieGradientLeft: theme.success,
|
firstPieGradientLeft: baseThemeVariables.success,
|
||||||
firstPieGradientRight: theme.success,
|
firstPieGradientRight: baseThemeVariables.success,
|
||||||
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
firstPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
secondPieGradientLeft: theme.primary,
|
secondPieGradientLeft: baseThemeVariables.primary,
|
||||||
secondPieGradientRight: theme.primary,
|
secondPieGradientRight: baseThemeVariables.primary,
|
||||||
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
secondPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
|
||||||
thirdPieGradientLeft: theme.warning,
|
thirdPieGradientLeft: baseThemeVariables.warning,
|
||||||
thirdPieGradientRight: theme.warning,
|
thirdPieGradientRight: baseThemeVariables.warning,
|
||||||
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
thirdPieShadowColor: 'rgba(0, 0, 0, 0)',
|
||||||
},
|
},
|
||||||
|
|
||||||
earningLine: {
|
earningLine: {
|
||||||
gradFrom: theme.primary,
|
gradFrom: baseThemeVariables.primary,
|
||||||
gradTo: theme.primary,
|
gradTo: baseThemeVariables.primary,
|
||||||
|
|
||||||
tooltipTextColor: theme.fgText,
|
tooltipTextColor: baseThemeVariables.fgText,
|
||||||
tooltipFontWeight: 'normal',
|
tooltipFontWeight: 'normal',
|
||||||
tooltipFontSize: '16',
|
tooltipFontSize: '16',
|
||||||
tooltipBg: theme.bg,
|
tooltipBg: baseThemeVariables.bg,
|
||||||
tooltipBorderColor: theme.border2,
|
tooltipBorderColor: baseThemeVariables.border2,
|
||||||
tooltipBorderWidth: '1',
|
tooltipBorderWidth: '1',
|
||||||
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
tooltipExtraCss: 'border-radius: 10px; padding: 4px 16px;',
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -4,9 +4,7 @@
|
||||||
@import '~@nebular/theme/styles/themes';
|
@import '~@nebular/theme/styles/themes';
|
||||||
|
|
||||||
$nb-themes: nb-register-theme((
|
$nb-themes: nb-register-theme((
|
||||||
font-family-secondary: font-family-primary,
|
|
||||||
layout-padding-top: 2.25rem,
|
layout-padding-top: 2.25rem,
|
||||||
layout-window-mode-padding-top: 0,
|
|
||||||
|
|
||||||
menu-item-icon-margin: 0 0.5rem 0 0,
|
menu-item-icon-margin: 0 0.5rem 0 0,
|
||||||
|
|
||||||
|
|
@ -24,16 +22,10 @@ $nb-themes: nb-register-theme((
|
||||||
slide-out-background: #f7f9fc,
|
slide-out-background: #f7f9fc,
|
||||||
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
|
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
|
||||||
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
|
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
|
||||||
|
|
||||||
smart-table-bg-even: background-basic-color-2,
|
|
||||||
smart-table-bg-active: background-basic-color-3,
|
|
||||||
smart-table-paging-hover: transparent,
|
|
||||||
), default, default);
|
), default, default);
|
||||||
|
|
||||||
$nb-themes: nb-register-theme((
|
$nb-themes: nb-register-theme((
|
||||||
font-family-secondary: font-family-primary,
|
|
||||||
layout-padding-top: 2.25rem,
|
layout-padding-top: 2.25rem,
|
||||||
layout-window-mode-padding-top: 0,
|
|
||||||
|
|
||||||
menu-item-icon-margin: 0 0.5rem 0 0,
|
menu-item-icon-margin: 0 0.5rem 0 0,
|
||||||
|
|
||||||
|
|
@ -51,16 +43,10 @@ $nb-themes: nb-register-theme((
|
||||||
slide-out-background: #252547,
|
slide-out-background: #252547,
|
||||||
slide-out-shadow-color: 2px 0 3px #29157a,
|
slide-out-shadow-color: 2px 0 3px #29157a,
|
||||||
slide-out-shadow-color-rtl: -2px 0 3px #29157a,
|
slide-out-shadow-color-rtl: -2px 0 3px #29157a,
|
||||||
|
|
||||||
smart-table-bg-even: background-basic-color-2,
|
|
||||||
smart-table-bg-active: background-basic-color-3,
|
|
||||||
smart-table-paging-hover: transparent,
|
|
||||||
), cosmic, cosmic);
|
), cosmic, cosmic);
|
||||||
|
|
||||||
$nb-themes: nb-register-theme((
|
$nb-themes: nb-register-theme((
|
||||||
font-family-secondary: font-family-primary,
|
|
||||||
layout-padding-top: 2.25rem,
|
layout-padding-top: 2.25rem,
|
||||||
layout-window-mode-padding-top: 0,
|
|
||||||
|
|
||||||
menu-item-icon-margin: 0 0.5rem 0 0,
|
menu-item-icon-margin: 0 0.5rem 0 0,
|
||||||
|
|
||||||
|
|
@ -78,16 +64,10 @@ $nb-themes: nb-register-theme((
|
||||||
slide-out-background: linear-gradient(270deg, #edf1f7 0%, #e4e9f2 100%),
|
slide-out-background: linear-gradient(270deg, #edf1f7 0%, #e4e9f2 100%),
|
||||||
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
|
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
|
||||||
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
|
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
|
||||||
|
|
||||||
smart-table-bg-even: background-basic-color-2,
|
|
||||||
smart-table-bg-active: background-basic-color-3,
|
|
||||||
smart-table-paging-hover: transparent,
|
|
||||||
), corporate, corporate);
|
), corporate, corporate);
|
||||||
|
|
||||||
$nb-themes: nb-register-theme((
|
$nb-themes: nb-register-theme((
|
||||||
font-family-secondary: font-family-primary,
|
|
||||||
layout-padding-top: 2.25rem,
|
layout-padding-top: 2.25rem,
|
||||||
layout-window-mode-padding-top: 0,
|
|
||||||
|
|
||||||
menu-item-icon-margin: 0 0.5rem 0 0,
|
menu-item-icon-margin: 0 0.5rem 0 0,
|
||||||
|
|
||||||
|
|
@ -105,8 +85,4 @@ $nb-themes: nb-register-theme((
|
||||||
slide-out-background: linear-gradient(270deg, #222b45 0%, #151a30 100%),
|
slide-out-background: linear-gradient(270deg, #222b45 0%, #151a30 100%),
|
||||||
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
|
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
|
||||||
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
|
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
|
||||||
|
|
||||||
smart-table-bg-even: background-basic-color-2,
|
|
||||||
smart-table-bg-active: background-basic-color-3,
|
|
||||||
smart-table-paging-hover: transparent,
|
|
||||||
), dark, dark);
|
), dark, dark);
|
||||||
|
|
|
||||||
|
|
@ -34,7 +34,6 @@ import {
|
||||||
ThreeColumnsLayoutComponent,
|
ThreeColumnsLayoutComponent,
|
||||||
TwoColumnsLayoutComponent,
|
TwoColumnsLayoutComponent,
|
||||||
} from './layouts';
|
} from './layouts';
|
||||||
import { WindowModeBlockScrollService } from './services/window-mode-block-scroll.service';
|
|
||||||
import { DEFAULT_THEME } from './styles/theme.default';
|
import { DEFAULT_THEME } from './styles/theme.default';
|
||||||
import { COSMIC_THEME } from './styles/theme.cosmic';
|
import { COSMIC_THEME } from './styles/theme.cosmic';
|
||||||
import { CORPORATE_THEME } from './styles/theme.corporate';
|
import { CORPORATE_THEME } from './styles/theme.corporate';
|
||||||
|
|
@ -87,7 +86,6 @@ export class ThemeModule {
|
||||||
},
|
},
|
||||||
[ DEFAULT_THEME, COSMIC_THEME, CORPORATE_THEME, DARK_THEME ],
|
[ DEFAULT_THEME, COSMIC_THEME, CORPORATE_THEME, DARK_THEME ],
|
||||||
).providers,
|
).providers,
|
||||||
WindowModeBlockScrollService,
|
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,13 +12,6 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-family: nb-theme(text-subtitle-font-family);
|
|
||||||
font-size: nb-theme(text-subtitle-font-size);
|
|
||||||
font-weight: nb-theme(text-subtitle-font-weight);
|
|
||||||
line-height: nb-theme(text-subtitle-line-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
.body {
|
.body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
|
|
@ -114,11 +114,8 @@ export class RoomSelectorComponent implements OnInit, OnDestroy {
|
||||||
}
|
}
|
||||||
|
|
||||||
getUrlPath(id: string) {
|
getUrlPath(id: string) {
|
||||||
let baseHref = this.locationStrategy.getBaseHref();
|
const baseHref = this.locationStrategy.getBaseHref().replace(/\/$/, '');
|
||||||
if (baseHref.endsWith('')) {
|
const path = this.location.path().replace(/\/$/, '');
|
||||||
baseHref = baseHref.slice(0, -1);
|
|
||||||
}
|
|
||||||
const path = this.location.path();
|
|
||||||
|
|
||||||
return `url(${baseHref}${path}${id})`;
|
return `url(${baseHref}${path}${id})`;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -26,9 +26,5 @@
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
color: nb-theme(text-hint-color);
|
color: nb-theme(text-hint-color);
|
||||||
font-family: nb-theme(text-subtitle-2-font-family);
|
|
||||||
font-size: nb-theme(text-subtitle-2-font-size);
|
|
||||||
font-weight: nb-theme(text-subtitle-2-font-weight);
|
|
||||||
line-height: nb-theme(text-subtitle-2-line-height);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ declare const echarts: any;
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="h4 value">6.421 kWh</div>
|
<div class="h4 value">6.421 kWh</div>
|
||||||
<div class="details"><span>out of</span> 8.421 kWh</div>
|
<div class="details subtitle-2"><span>out of</span> 8.421 kWh</div>
|
||||||
</div>
|
</div>
|
||||||
</nb-card-body>
|
</nb-card-body>
|
||||||
</nb-card>
|
</nb-card>
|
||||||
|
|
|
||||||
|
|
@ -44,6 +44,7 @@
|
||||||
&.off {
|
&.off {
|
||||||
color: nb-theme(text-hint-color);
|
color: nb-theme(text-hint-color);
|
||||||
|
|
||||||
|
.status,
|
||||||
.title,
|
.title,
|
||||||
.icon {
|
.icon {
|
||||||
color: nb-theme(text-hint-color);
|
color: nb-theme(text-hint-color);
|
||||||
|
|
@ -73,10 +74,6 @@
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-family: nb-theme(text-paragraph-2-font-family);
|
|
||||||
font-size: nb-theme(text-paragraph-2-font-size);
|
|
||||||
font-weight: nb-theme(text-paragraph-2-font-weight);
|
|
||||||
line-height: nb-theme(text-paragraph-2-line-height);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ import { Component, Input } from '@angular/core';
|
||||||
|
|
||||||
<div class="details">
|
<div class="details">
|
||||||
<div class="title h5">{{ title }}</div>
|
<div class="title h5">{{ title }}</div>
|
||||||
<div class="status">{{ on ? 'ON' : 'OFF' }}</div>
|
<div class="status paragraph-2">{{ on ? 'ON' : 'OFF' }}</div>
|
||||||
</div>
|
</div>
|
||||||
</nb-card>
|
</nb-card>
|
||||||
`,
|
`,
|
||||||
|
|
|
||||||
|
|
@ -130,11 +130,8 @@ export class TemperatureDraggerComponent implements AfterViewInit, OnChanges {
|
||||||
}
|
}
|
||||||
|
|
||||||
getUrlPath(id: string) {
|
getUrlPath(id: string) {
|
||||||
let baseHref = this.locationStrategy.getBaseHref();
|
const baseHref = this.locationStrategy.getBaseHref().replace(/\/$/, '');
|
||||||
if (baseHref.endsWith('')) {
|
const path = this.location.path().replace(/\/$/, '');
|
||||||
baseHref = baseHref.slice(0, -1);
|
|
||||||
}
|
|
||||||
const path = this.location.path();
|
|
||||||
|
|
||||||
return `url(${baseHref}${path}${id}${this.svgControlId})`;
|
return `url(${baseHref}${path}${id}${this.svgControlId})`;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<nb-card size="medium">
|
<nb-card size="medium">
|
||||||
<nb-card-body>
|
<nb-card-body>
|
||||||
<div class="progress-info" *ngFor="let item of progressInfoData">
|
<div class="progress-info" *ngFor="let item of progressInfoData">
|
||||||
<div class="title">{{ item.title }}</div>
|
<div class="subtitle">{{ item.title }}</div>
|
||||||
<div class="h3">{{ item.value | ngxNumberWithCommas }}</div>
|
<div class="h3">{{ item.value | ngxNumberWithCommas }}</div>
|
||||||
<nb-progress-bar [value]="item.activeProgress"></nb-progress-bar>
|
<nb-progress-bar [value]="item.activeProgress"></nb-progress-bar>
|
||||||
<div class="caption description">
|
<div class="caption description">
|
||||||
|
|
|
||||||
|
|
@ -14,13 +14,6 @@ $shadow-green: #00977e;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
|
||||||
font-family: nb-theme(text-subtitle-font-family);
|
|
||||||
font-size: nb-theme(text-subtitle-font-size);
|
|
||||||
font-weight: nb-theme(text-subtitle-font-weight);
|
|
||||||
line-height: nb-theme(text-subtitle-line-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<nb-card size="medium">
|
<nb-card size="medium">
|
||||||
<nb-card-header>
|
<nb-card-header>
|
||||||
<h3>Visitors Analytics</h3>
|
<h3>Visitors Analytics</h3>
|
||||||
<div class="sub-title">Consumption</div>
|
<div class="subtitle">Consumption</div>
|
||||||
</nb-card-header>
|
</nb-card-header>
|
||||||
<nb-card-body>
|
<nb-card-body>
|
||||||
<div class="chart-container">
|
<div class="chart-container">
|
||||||
|
|
|
||||||
|
|
@ -15,12 +15,8 @@
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sub-title {
|
.subtitle {
|
||||||
color: nb-theme(text-hint-color);
|
color: nb-theme(text-hint-color);
|
||||||
font-family: nb-theme(text-subtitle-font-family);
|
|
||||||
font-size: nb-theme(text-subtitle-font-size);
|
|
||||||
font-weight: nb-theme(text-subtitle-font-weight);
|
|
||||||
line-height: nb-theme(text-subtitle-line-height);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
|
|
|
||||||
|
|
@ -16,10 +16,6 @@
|
||||||
|
|
||||||
.subtitle {
|
.subtitle {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: nb-theme(text-subtitle-font-family);
|
|
||||||
font-size: nb-theme(text-subtitle-font-size);
|
|
||||||
font-weight: nb-theme(text-subtitle-font-weight);
|
|
||||||
line-height: nb-theme(text-subtitle-line-height);
|
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import { NgModule } from '@angular/core';
|
import { NgModule } from '@angular/core';
|
||||||
import { NbCardModule } from '@nebular/theme';
|
import { NbButtonModule, NbCardModule } from '@nebular/theme';
|
||||||
|
|
||||||
import { ThemeModule } from '../../@theme/theme.module';
|
import { ThemeModule } from '../../@theme/theme.module';
|
||||||
import { MiscellaneousRoutingModule } from './miscellaneous-routing.module';
|
import { MiscellaneousRoutingModule } from './miscellaneous-routing.module';
|
||||||
|
|
@ -10,6 +10,7 @@ import { NotFoundComponent } from './not-found/not-found.component';
|
||||||
imports: [
|
imports: [
|
||||||
ThemeModule,
|
ThemeModule,
|
||||||
NbCardModule,
|
NbCardModule,
|
||||||
|
NbButtonModule,
|
||||||
MiscellaneousRoutingModule,
|
MiscellaneousRoutingModule,
|
||||||
],
|
],
|
||||||
declarations: [
|
declarations: [
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<div class="flex-centered col-xl-4 col-lg-6 col-md-8 col-sm-12">
|
<div class="flex-centered col-xl-4 col-lg-6 col-md-8 col-sm-12">
|
||||||
<h2 class="title">404 Page Not Found</h2>
|
<h2 class="title">404 Page Not Found</h2>
|
||||||
<small class="sub-title">The page you were looking for doesn't exist</small>
|
<small class="sub-title">The page you were looking for doesn't exist</small>
|
||||||
<button (click)="goToHome()" type="button" class="btn btn-block btn-hero-primary">
|
<button nbButton fullWidth (click)="goToHome()" type="button" class="home-button">
|
||||||
Take me home
|
Take me home
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -15,6 +15,6 @@ nb-card-body {
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.home-button {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,52 +4,4 @@
|
||||||
nb-card {
|
nb-card {
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
ng2-smart-table ::ng-deep {
|
|
||||||
.ng2-smart-action-add-add {
|
|
||||||
background-color: nb-theme(button-filled-primary-background-color);
|
|
||||||
border-color: nb-theme(button-filled-primary-border-color);
|
|
||||||
color: nb-theme(button-filled-primary-text-color);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: nb-theme(button-filled-primary-focus-border-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: nb-theme(button-filled-primary-hover-background-color);
|
|
||||||
border-color: nb-theme(button-filled-primary-hover-border-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background-color: nb-theme(button-filled-primary-active-background-color);
|
|
||||||
border-color: nb-theme(button-filled-primary-active-border-color);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
nav.ng2-smart-pagination-nav .pagination li {
|
|
||||||
a, > span {
|
|
||||||
background-color: transparent;
|
|
||||||
color: nb-theme(button-outline-primary-text-color);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: nb-theme(button-outline-primary-focus-border-color);
|
|
||||||
color: nb-theme(button-outline-primary-focus-text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-color: nb-theme(button-outline-primary-hover-border-color);
|
|
||||||
color: nb-theme(button-outline-primary-hover-text-color);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ng2-smart-pagination .page-item.disabled {
|
|
||||||
.page-link,
|
|
||||||
.page-link:focus,
|
|
||||||
.page-link:hover {
|
|
||||||
background-color: transparent;
|
|
||||||
color: nb-theme(button-outline-primary-disabled-text-color);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -144,38 +144,38 @@
|
||||||
Far far away, behind the your awesomeness.
|
Far far away, behind the your awesomeness.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item text-status-primary">
|
<div class="item text-primary">
|
||||||
<div class="color bg-status-primary"></div>
|
<div class="color bg-status-primary"></div>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="text-status-primary">Primary Text</h5>
|
<h5 class="text-primary">Primary Text</h5>
|
||||||
Far far away, behind the your awesomeness.
|
Far far away, behind the your awesomeness.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item text-status-success">
|
<div class="item text-success">
|
||||||
<div class="color bg-status-success"></div>
|
<div class="color bg-status-success"></div>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="text-status-success">Success Text</h5>
|
<h5 class="text-success">Success Text</h5>
|
||||||
Far far away, behind the your awesomeness.
|
Far far away, behind the your awesomeness.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item text-status-info">
|
<div class="item text-info">
|
||||||
<div class="color bg-status-info"></div>
|
<div class="color bg-status-info"></div>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="text-status-info">Info Text</h5>
|
<h5 class="text-info">Info Text</h5>
|
||||||
Far far away, behind the your awesomeness.
|
Far far away, behind the your awesomeness.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item text-status-warning">
|
<div class="item text-warning">
|
||||||
<div class="color bg-status-warning"></div>
|
<div class="color bg-status-warning"></div>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="text-status-warning">Warning Text</h5>
|
<h5 class="text-warning">Warning Text</h5>
|
||||||
Far far away, behind the your awesomeness.
|
Far far away, behind the your awesomeness.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item text-status-danger">
|
<div class="item text-danger">
|
||||||
<div class="color bg-status-danger"></div>
|
<div class="color bg-status-danger"></div>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="text-status-danger">Danger Text</h5>
|
<h5 class="text-danger">Danger Text</h5>
|
||||||
Far far away, behind the your awesomeness.
|
Far far away, behind the your awesomeness.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -100,10 +100,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-basic {
|
|
||||||
color: nb-theme(text-basic-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-link {
|
.text-link {
|
||||||
color: nb-theme(link-text-color);
|
color: nb-theme(link-text-color);
|
||||||
}
|
}
|
||||||
|
|
@ -124,24 +120,13 @@
|
||||||
background: nb-theme(text-hint-color);
|
background: nb-theme(text-hint-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-hint {
|
|
||||||
color: nb-theme(text-hint-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-link {
|
.bg-link {
|
||||||
background: nb-theme(link-text-color);
|
background: nb-theme(link-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-link {
|
|
||||||
color: nb-theme(link-text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $status in nb-get-statuses() {
|
@each $status in nb-get-statuses() {
|
||||||
.bg-status-#{$status} {
|
.bg-status-#{$status} {
|
||||||
background: nb-theme(text-#{$status}-color);
|
background: nb-theme(text-#{$status}-color);
|
||||||
}
|
}
|
||||||
.text-status-#{$status} {
|
|
||||||
color: nb-theme(text-#{$status}-color);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue