Changed Sentinel metrics color from yellow to blue + cyan (cpu + memory)
This commit is contained in:
@@ -138,7 +138,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
let theme = localStorage.theme
|
let theme = localStorage.theme
|
||||||
let baseColor = '#FCD452'
|
let cpuColor = '#1e90ff'
|
||||||
|
let ramColor = '#00ced1'
|
||||||
let textColor = '#ffffff'
|
let textColor = '#ffffff'
|
||||||
let editorBackground = '#181818'
|
let editorBackground = '#181818'
|
||||||
let editorTheme = 'blackboard'
|
let editorTheme = 'blackboard'
|
||||||
@@ -149,12 +150,14 @@
|
|||||||
theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
|
theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
|
||||||
}
|
}
|
||||||
if (theme == 'dark') {
|
if (theme == 'dark') {
|
||||||
baseColor = '#FCD452'
|
cpuColor = '#1e90ff'
|
||||||
|
ramColor = '#00ced1'
|
||||||
textColor = '#ffffff'
|
textColor = '#ffffff'
|
||||||
editorBackground = '#181818'
|
editorBackground = '#181818'
|
||||||
editorTheme = 'blackboard'
|
editorTheme = 'blackboard'
|
||||||
} else {
|
} else {
|
||||||
baseColor = 'black'
|
cpuColor = '#1e90ff'
|
||||||
|
ramColor = '#00ced1'
|
||||||
textColor = '#000000'
|
textColor = '#000000'
|
||||||
editorBackground = '#ffffff'
|
editorBackground = '#ffffff'
|
||||||
editorTheme = null
|
editorTheme = null
|
||||||
|
@@ -34,6 +34,7 @@
|
|||||||
const optionsServerCpu = {
|
const optionsServerCpu = {
|
||||||
stroke: {
|
stroke: {
|
||||||
curve: 'straight',
|
curve: 'straight',
|
||||||
|
width: 2,
|
||||||
},
|
},
|
||||||
chart: {
|
chart: {
|
||||||
height: '150px',
|
height: '150px',
|
||||||
@@ -72,7 +73,7 @@
|
|||||||
show: true,
|
show: true,
|
||||||
borderColor: '',
|
borderColor: '',
|
||||||
},
|
},
|
||||||
colors: [baseColor],
|
colors: [cpuColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
},
|
},
|
||||||
@@ -105,7 +106,7 @@
|
|||||||
series: [{
|
series: [{
|
||||||
data: chartData[0].seriesData,
|
data: chartData[0].seriesData,
|
||||||
}],
|
}],
|
||||||
colors: [baseColor],
|
colors: [cpuColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
labels: {
|
labels: {
|
||||||
@@ -143,6 +144,7 @@
|
|||||||
const optionsServerMemory = {
|
const optionsServerMemory = {
|
||||||
stroke: {
|
stroke: {
|
||||||
curve: 'straight',
|
curve: 'straight',
|
||||||
|
width: 2,
|
||||||
},
|
},
|
||||||
chart: {
|
chart: {
|
||||||
height: '150px',
|
height: '150px',
|
||||||
@@ -181,7 +183,7 @@
|
|||||||
show: true,
|
show: true,
|
||||||
borderColor: '',
|
borderColor: '',
|
||||||
},
|
},
|
||||||
colors: [baseColor],
|
colors: [ramColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
labels: {
|
labels: {
|
||||||
@@ -221,7 +223,7 @@
|
|||||||
series: [{
|
series: [{
|
||||||
data: chartData[0].seriesData,
|
data: chartData[0].seriesData,
|
||||||
}],
|
}],
|
||||||
colors: [baseColor],
|
colors: [ramColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
labels: {
|
labels: {
|
||||||
|
@@ -27,6 +27,7 @@
|
|||||||
const optionsServerCpu = {
|
const optionsServerCpu = {
|
||||||
stroke: {
|
stroke: {
|
||||||
curve: 'straight',
|
curve: 'straight',
|
||||||
|
width: 2,
|
||||||
},
|
},
|
||||||
chart: {
|
chart: {
|
||||||
height: '150px',
|
height: '150px',
|
||||||
@@ -65,7 +66,7 @@
|
|||||||
show: true,
|
show: true,
|
||||||
borderColor: '',
|
borderColor: '',
|
||||||
},
|
},
|
||||||
colors: [baseColor],
|
colors: [cpuColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
},
|
},
|
||||||
@@ -99,7 +100,7 @@
|
|||||||
series: [{
|
series: [{
|
||||||
data: chartData[0].seriesData,
|
data: chartData[0].seriesData,
|
||||||
}],
|
}],
|
||||||
colors: [baseColor],
|
colors: [cpuColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
labels: {
|
labels: {
|
||||||
@@ -138,6 +139,7 @@
|
|||||||
const optionsServerMemory = {
|
const optionsServerMemory = {
|
||||||
stroke: {
|
stroke: {
|
||||||
curve: 'straight',
|
curve: 'straight',
|
||||||
|
width: 2,
|
||||||
},
|
},
|
||||||
chart: {
|
chart: {
|
||||||
height: '150px',
|
height: '150px',
|
||||||
@@ -176,7 +178,7 @@
|
|||||||
show: true,
|
show: true,
|
||||||
borderColor: '',
|
borderColor: '',
|
||||||
},
|
},
|
||||||
colors: [baseColor],
|
colors: [ramColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
labels: {
|
labels: {
|
||||||
@@ -216,7 +218,7 @@
|
|||||||
series: [{
|
series: [{
|
||||||
data: chartData[0].seriesData,
|
data: chartData[0].seriesData,
|
||||||
}],
|
}],
|
||||||
colors: [baseColor],
|
colors: [ramColor],
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'datetime',
|
type: 'datetime',
|
||||||
labels: {
|
labels: {
|
||||||
|
Reference in New Issue
Block a user