Utilities

Theme utilities

• tu-border-radius
• tu-border-radius-sm
• tu-border-width
• tu-box-shadow

Theme colors

• tu-bg-default
• tu-bg-inverse
• tu-bg-content
• tu-border-default
• tu-border-inverse
• tu-ring-default
• tu-ring-primary
• tu-ring-secondary
• tu-text-default
• tu-text-inverse
• tu-text-light
• tu-text-code

Status colors

• tu-bg-info
• tu-border-info
• tu-ring-info
• tu-text-info
• tu-bg-info-light
• tu-border-info-light
• tu-text-info-light
• tu-bg-warning
• tu-border-warning
• tu-ring-warning
• tu-text-warning
• tu-bg-warning-light
• tu-border-earning-light
• tu-text-warning-light
• tu-bg-error
• tu-border-error
• tu-ring-error
• tu-text-error
• tu-bg-error-light
• tu-border-error-light
• tu-text-error-light
• tu-bg-success
• tu-border-success
• tu-ring-success
• tu-text-success
• tu-bg-success-light
• tu-border-success-light
• tu-text-success-light

Typography

The tu-typo utility class is used to give default typography styling to some base elements.

Any child elements inside tu-typo will inherit these styles. To prevent a specific element from inheriting the typography styling, assign it the tu-typo-omit class. To apply the typography styling to a specific element not inside a tu-typo element, assign it the tu-typo-apply class.

Typography examples

Here are some examples. This is small and also ^{this is sup} and finally _{this is sub} for reference.

Other typography include hyperlinks and marked text, along with bold text and italic text.

Inline quotations look like this, and inline code looks like this.

Press Ctrl + C to copy to the clipboard.

When I tried to open the file, I received the message: File not found!