2 files changed, 21 insertions, 12 deletions
diff --git a/modern/src/common/attributes/usePositionAttributes.js b/modern/src/common/attributes/usePositionAttributes.js
index b9eb354c..1eb9d067 100644
--- a/modern/src/common/attributes/usePositionAttributes.js
+++ b/modern/src/common/attributes/usePositionAttributes.js
@@ -336,4 +336,8 @@ export default (t) => useMemo(() => ({
     name: t('positionDriverUniqueId'),
     type: 'string',
   },
+  color: {
+    name: t('attributeColor'),
+    type: 'string',
+  },
 }), [t]);
diff --git a/modern/src/common/theme/palette.js b/modern/src/common/theme/palette.js
index 1ef57713..e0d9c35f 100644
--- a/modern/src/common/theme/palette.js
+++ b/modern/src/common/theme/palette.js
@@ -2,23 +2,28 @@ import {
   amber, grey, green, indigo, red, common,
 } from '@mui/material/colors';
 
+const colors = {
+  white: common.white,
+  background: grey[50],
+  primary: indigo[900],
+  secondary: green[500],
+  positive: green[500],
+  medium: amber[700],
+  negative: red[500],
+  neutral: grey[500],
+  geometry: '#3bb2d0',
+};
+
 export default {
   background: {
-    default: grey[50],
+    default: colors.background,
   },
   primary: {
-    main: indigo[900],
+    main: colors.primary,
   },
   secondary: {
-    main: green[500],
-    contrastText: common.white,
-  },
-  colors: {
-    white: common.white,
-    positive: green[500],
-    medium: amber[700],
-    negative: red[500],
-    neutral: grey[500],
-    geometry: '#3bb2d0',
+    main: colors.secondary,
+    contrastText: colors.white,
   },
+  colors,
 };