# Appearance and Styling

Expression Editor for WinForms control allows users to apply different types of styles to enhance the look and feel of the control. See more demos, documentation, and samples here.

## Content

Expression Editor supports customizing its appearance by changing the look of its elements.

**<span data-popup-content="This class is available in both \u003ca href=\u0022/componentone/docs/win/online-expressioneditor/\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-expressioneditor/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="C1ExpressionEditorPanel" data-popup-theme="ui-tooltip-green qtip-green">C1ExpressionEditorPanel</span>** class provides following properties to modify the appearance of Expression Editor's panel.

| **Properties** | **Purpose** |
| ---------- | ------- |
| BackColor | Modifies the background color of the control. |
| ForeColor | Modifies the foreground color of the control. |
| Font | Specifies the font of the text displayed by the control. |
| Theme | Gets or sets the theme. Using this property, the applied C1Theme can also be edited. It works both with and without the applied C1Theme. |

**<span data-popup-content="This class is available in both \u003ca href=\u0022/componentone/docs/win/online-expressioneditor/\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-expressioneditor/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="C1ExpressionEditor" data-popup-theme="ui-tooltip-green qtip-green">C1ExpressionEditor</span>** class provides following properties to modify the appearance of Expression Editor's text box.

| **Properties** | **Purpose** |
| ---------- | ------- |
| BackColor | Modifies the background color of the control. |
| ForeColor | Modifies the foreground color of the control. |
| Font | Specifies the font of the text displayed by the control. |
| Theme | Gets or sets the theme. Using this property, the applied C1Theme can also be edited. It works both with and without the applied C1Theme. |

The following image illustrates customizing the appearance of Expression Editor.

![](https://cdn.mescius.io/document-site-files/images/de37eaa0-33b3-4421-b07c-d72c6ec9380d/images/ee-appearance.png)

The following code demonstrates changing the appearance of Expression Editor control.

```csharp
c1ExpressionEditorPanel1.BackColor = Color.LightGoldenrodYellow;
c1ExpressionEditorPanel1.ForeColor = Color.BlueViolet;
c1ExpressionEditorPanel1.Font = new Font("GenericMonoSerif", 1);
c1ExpressionEditor1.BackColor = Color.Beige;
c1ExpressionEditor1.ForeColor = Color.Firebrick;
c1ExpressionEditor1.Font = new Font("GenericMonoSerif", 1);
```

## See Also

[End-User Capabilities](/componentone/docs/win/online-expressioneditor/)

**Common Topics**

[Features](/componentone/docs/win/online-expressioneditor/Features)