# Custom Styling

While Tesserae components come with default styles, you can customize the appearance of your application using CSS.

# Adding Classes

Most components support the .Class() method to add a custom CSS class.

var tb = TextBlock("Styled Text").Class("my-custom-style");

# CSS Files

You can include custom CSS files in your project. These should be placed in the wwwroot or similar folder in your C# project and will be included in the final deployment.

# Inline Styles

For quick adjustments, you can use the fluent API to set common styles:

tb.SemiBold()
  .TextCenter()
  .Background("red")
  .Padding(10.px());

# Themes

Curiosity provides a theme system. Use Theme.Primary.Background and other variables to ensure your custom components match the overall workspace aesthetic.