diff --git a/meshroom/ui/qml/GraphEditor/AttributeItemDelegate.qml b/meshroom/ui/qml/GraphEditor/AttributeItemDelegate.qml
index 7194a05b..58c274d3 100644
--- a/meshroom/ui/qml/GraphEditor/AttributeItemDelegate.qml
+++ b/meshroom/ui/qml/GraphEditor/AttributeItemDelegate.qml
@@ -66,8 +66,8 @@ RowLayout {
                 text: object.label
 
                 color: {
-                    if (object.hasOutputConnections && !object.enabled) return "grey"
-                    else return "white"
+                    if (object.hasOutputConnections && !object.enabled) return Colors.lightgrey
+                    else return palette.text
                 }
 
                 // Tooltip hint with attribute's description
diff --git a/meshroom/ui/qml/GraphEditor/AttributePin.qml b/meshroom/ui/qml/GraphEditor/AttributePin.qml
index d8e63777..bbae40ab 100755
--- a/meshroom/ui/qml/GraphEditor/AttributePin.qml
+++ b/meshroom/ui/qml/GraphEditor/AttributePin.qml
@@ -201,7 +201,7 @@ RowLayout {
             anchors.right: attribute && attribute.isOutput ? parent.right : undefined
             rightPadding: 0
             color: {
-                if (object.hasOutputConnections && !object.enabled) return "grey"
+                if (object.hasOutputConnections && !object.enabled) return Colors.lightgrey
                 return hovered ? palette.highlight : palette.text
             }
         }