VisualBuilder: Display read-only propery values in gray.

2 files changed, 10 insertions, 2 deletions

diff --git a/Applications/VisualBuilder/VBWidgetPropertyModel.cpp b/Applications/VisualBuilder/VBWidgetPropertyModel.cpp
index 2b110a15c6..e2897f1457 100644
--- a/Applications/VisualBuilder/VBWidgetPropertyModel.cpp
+++ b/Applications/VisualBuilder/VBWidgetPropertyModel.cpp
@@ -36,11 +36,19 @@ GVariant VBWidgetPropertyModel::data(const GModelIndex& index, Role role) const
 {
     if (role == Role::Display) {
         auto& property = *m_widget.m_properties[index.row()];
-        auto value = property.value();
         switch (index.column()) {
         case Column::Name: return property.name();
         case Column::Value: return property.value();
         }
+        ASSERT_NOT_REACHED();
+    }
+    if (role == Role::ForegroundColor) {
+        auto& property = *m_widget.m_properties[index.row()];
+        switch (index.column()) {
+        case Column::Name: return Color::Black;
+        case Column::Value: return property.is_readonly() ? Color(Color::MidGray) : Color(Color::Black);
+        }
+        ASSERT_NOT_REACHED();
     }
     return { };
 }
diff --git a/Applications/VisualBuilder/VBWidgetRegistry.cpp b/Applications/VisualBuilder/VBWidgetRegistry.cpp
index 0cd75e451e..5082706794 100644
--- a/Applications/VisualBuilder/VBWidgetRegistry.cpp
+++ b/Applications/VisualBuilder/VBWidgetRegistry.cpp
@@ -82,6 +82,6 @@ GWidget* VBWidgetRegistry::build_gwidget(VBWidgetType type, GWidget* parent, Vec
         property->set_readonly(is_readonly);
         properties.append(move(property));
     };
-    add_property("ClassName", to_class_name(type), true);
+    add_property("class", to_class_name(type), true);
     return gwidget;
 }