IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

changed time region color modes

Browse Source
This commit is contained in:
Marcus Efraimsson 2018-11-15 17:07:42 +01:00
parent bd6dc01e6b
commit a8e6b241d6
No known key found for this signature in database
GPG Key ID: EBFE0FB04612DD4A
2 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
devenv/dev-dashboards/panel_tests_graph_time_regions.json
View File

@ -63,7 +63,7 @@
"timeFrom": null, "timeFrom": null,
"timeRegions": [ "timeRegions": [
{ {
"colorMode": "background6", "colorMode": "gray",
"fill": true, "fill": true,
"fillColor": "rgba(255, 255, 255, 0.03)", "fillColor": "rgba(255, 255, 255, 0.03)",
"from": "08:30", "from": "08:30",

34
public/app/plugins/panel/graph/time_region_manager.ts
View File

@ -4,37 +4,29 @@ import moment from 'moment';
import config from 'app/core/config'; import config from 'app/core/config';
export const colorModes = { export const colorModes = {
custom: { title: 'Custom' }, gray: {
themeDependent: true,
title: 'Gray',
darkColor: { fill: 'rgba(255, 255, 255, 0.09)', line: 'rgba(255, 255, 255, 0.2)' },
lightColor: { fill: 'rgba(0, 0, 0, 0.09)', line: 'rgba(0, 0, 0, 0.2)' },
},
red: { red: {
title: 'Red', title: 'Red',
color: { fill: 'rgba(234, 112, 112, 0.12)', line: 'rgba(237, 46, 24, 0.60)' }, color: { fill: 'rgba(234, 112, 112, 0.12)', line: 'rgba(237, 46, 24, 0.60)' },
}, },
yellow: {
title: 'Yellow',
color: { fill: 'rgba(235, 138, 14, 0.12)', line: 'rgba(247, 149, 32, 0.60)' },
},
green: { green: {
title: 'Green', title: 'Green',
color: { fill: 'rgba(11, 237, 50, 0.090)', line: 'rgba(6,163,69, 0.60)' }, color: { fill: 'rgba(11, 237, 50, 0.090)', line: 'rgba(6,163,69, 0.60)' },
}, },
background3: { blue: {
themeDependent: true, title: 'Blue',
title: 'Background (3%)', color: { fill: 'rgba(11, 125, 238, 0.12)', line: 'rgba(11, 125, 238, 0.60)' },
darkColor: { fill: 'rgba(255, 255, 255, 0.03)', line: 'rgba(255, 255, 255, 0.1)' },
lightColor: { fill: 'rgba(0, 0, 0, 0.03)', line: 'rgba(0, 0, 0, 0.1)' },
}, },
background6: { yellow: {
themeDependent: true, title: 'Yellow',
title: 'Background (6%)', color: { fill: 'rgba(235, 138, 14, 0.12)', line: 'rgba(247, 149, 32, 0.60)' },
darkColor: { fill: 'rgba(255, 255, 255, 0.06)', line: 'rgba(255, 255, 255, 0.15)' },
lightColor: { fill: 'rgba(0, 0, 0, 0.06)', line: 'rgba(0, 0, 0, 0.15)' },
},
background9: {
themeDependent: true,
title: 'Background (9%)',
darkColor: { fill: 'rgba(255, 255, 255, 0.09)', line: 'rgba(255, 255, 255, 0.2)' },
lightColor: { fill: 'rgba(0, 0, 0, 0.09)', line: 'rgba(0, 0, 0, 0.2)' },
}, },
custom: { title: 'Custom' },
}; };
export function getColorModes() { export function getColorModes() {