Skip to content

Commit 0a18765

Browse files
authored
Merge pull request neo4j#878 from oskarhane/label-colors
Replace and add more viz styling colors
2 parents 848dd15 + cb88a00 commit 0a18765

File tree

3 files changed

+46
-21
lines changed

3 files changed

+46
-21
lines changed

src/browser/modules/D3Visualization/graphStyle.js

Lines changed: 38 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -111,39 +111,64 @@ export default function neoGraphStyle () {
111111
]
112112
const defaultColors = [
113113
{
114-
color: '#A5ABB6',
114+
color: '#FFE081',
115115
'border-color': '#9AA1AC',
116116
'text-color-internal': '#FFFFFF'
117117
},
118118
{
119-
color: '#68BDF6',
120-
'border-color': '#5CA8DB',
119+
color: '#C990C0',
120+
'border-color': '#b261a5',
121121
'text-color-internal': '#FFFFFF'
122122
},
123123
{
124-
color: '#6DCE9E',
125-
'border-color': '#60B58B',
124+
color: '#F79767',
125+
'border-color': '#f36924',
126126
'text-color-internal': '#FFFFFF'
127127
},
128128
{
129-
color: '#FF756E',
130-
'border-color': '#E06760',
129+
color: '#57C7E3',
130+
'border-color': '#23b3d7',
131131
'text-color-internal': '#FFFFFF'
132132
},
133133
{
134-
color: '#DE9BF9',
135-
'border-color': '#BF85D6',
134+
color: '#F16667',
135+
'border-color': '#eb2728',
136136
'text-color-internal': '#FFFFFF'
137137
},
138138
{
139-
color: '#FB95AF',
140-
'border-color': '#E0849B',
139+
color: '#D9C8AE',
140+
'border-color': '#c0a378',
141+
'text-color-internal': '#604A0E'
142+
},
143+
{
144+
color: '#8DCC93',
145+
'border-color': '#5db665',
146+
'text-color-internal': '#604A0E'
147+
},
148+
{
149+
color: '#ECB5C9',
150+
'border-color': '#da7298',
151+
'text-color-internal': '#604A0E'
152+
},
153+
{
154+
color: '#4C8EDA',
155+
'border-color': '#2870c2',
141156
'text-color-internal': '#FFFFFF'
142157
},
143158
{
144-
color: '#FFD86E',
145-
'border-color': '#EDBA39',
159+
color: '#FFC454',
160+
'border-color': '#d7a013',
146161
'text-color-internal': '#604A0E'
162+
},
163+
{
164+
color: '#DA7194',
165+
'border-color': '#cc3c6c',
166+
'text-color-internal': '#FFFFFF'
167+
},
168+
{
169+
color: '#569480',
170+
'border-color': '#447666',
171+
'text-color-internal': '#FFFFFF'
147172
}
148173
]
149174
const Selector = (function () {

src/browser/modules/D3Visualization/graphStyle.test.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -84,8 +84,8 @@ relationship {
8484
}
8585
8686
node.foo {
87-
color: #68BDF6;
88-
border-color: #5CA8DB;
87+
color: #C990C0;
88+
border-color: #b261a5;
8989
text-color-internal: #FFFFFF;
9090
defaultCaption: <id>;
9191
}
@@ -124,8 +124,8 @@ relationship {
124124
}
125125
126126
node.foo\\.bar {
127-
color: #68BDF6;
128-
border-color: #5CA8DB;
127+
color: #C990C0;
128+
border-color: #b261a5;
129129
text-color-internal: #FFFFFF;
130130
defaultCaption: <id>;
131131
}

src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.js.snap

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ exports[`Visualization renders with result 1`] = `
2929
>
3030
<li
3131
class="token token-label styled__StyledLabelToken-sc-13boxex-16 jNYiQl"
32-
style="background-color: rgb(109, 206, 158); color: rgb(255, 255, 255);"
32+
style="background-color: rgb(247, 151, 103); color: rgb(255, 255, 255);"
3333
>
3434
*
3535
<span
@@ -49,7 +49,7 @@ exports[`Visualization renders with result 1`] = `
4949
>
5050
<li
5151
class="token token-label styled__StyledLabelToken-sc-13boxex-16 jNYiQl"
52-
style="background-color: rgb(104, 189, 246); color: rgb(255, 255, 255);"
52+
style="background-color: rgb(201, 144, 192); color: rgb(255, 255, 255);"
5353
>
5454
Person
5555
<span
@@ -102,9 +102,9 @@ exports[`Visualization renders with result 1`] = `
102102
class="outline"
103103
cx="0"
104104
cy="0"
105-
fill="#68BDF6"
105+
fill="#C990C0"
106106
r="25"
107-
stroke="#5CA8DB"
107+
stroke="#b261a5"
108108
stroke-width="2px"
109109
/>
110110
<text

0 commit comments

Comments
 (0)