textual/docs/guide/styles.md

Styles

Textual provides a large number of styles you can use to customize how your app looks and feels. In this chapter will will look at how you can edit styles in your applications.

Styles object

Every widget class in Textual provides a styles object which contains a number of writable attributes. Styles define the position and size of a widget, in addition to color, text style, borders, alignment and much more.

Box Model

--8<-- "docs/images/styles/box.excalidraw.svg"

TODO: Styles docs

• What are styles
• Styles object on widgets / app
• Setting styles via CSS
• Box model
• Color / Background
• Borders / Outline