diff --git a/src/components/assets/svg/MI.png b/src/components/assets/svg/MI.png deleted file mode 100644 index 1368e4f..0000000 Binary files a/src/components/assets/svg/MI.png and /dev/null differ diff --git a/src/components/assets/svg/node/green.svg b/src/components/assets/svg/node/green.svg new file mode 100644 index 0000000..a5266f5 --- /dev/null +++ b/src/components/assets/svg/node/green.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/theme.ts b/src/theme.ts index 9488af3..5dc0400 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -1,5 +1,5 @@ import vars from './components/assets/styles/variables'; -import MI from './components/assets/svg/mechanism-yellow.svg'; +import nodeGreen from './components/assets/svg/node/green.svg'; type ThemeVars = { [key: string]: any; @@ -88,20 +88,17 @@ const applicationTheme = (params: ThemeVars) => { flex-direction: column; } - .primary-node img { - margin-bottom: 0.25rem + .primary-node .icon { + width: 20px; + height: 20px; + margin: 0 auto 0.25rem; + background: url(data:image/svg+xml;base64,${new Buffer(nodeGreen).toString('base64')}); } .primary-node .primary-node_header p { color: ${nodeGreenTextColor}; } - .primary-node .primary-node_header img { - background: "url(data:image/svg+xml;base64,${new Buffer( - MI - ).toString('base64')})"; - } - .primary-node p { font-weight: 500; color: ${nodeTextColor};