### Applying WebTUI Themes Source: https://webtui.ironclad.sh/docs/index Demonstrates how to apply different pre-built themes to a WebTUI project. This involves importing the theme's CSS file and setting the `data-webtui-theme` attribute on the `` tag to activate a specific theme variant. Examples include Catppuccin (Mocha and Latte), Nord, Gruvbox, and Vitesse themes. ```HTML ``` ```HTML ``` ```HTML ``` ```HTML ``` ```HTML ``` -------------------------------- ### Importing WebTUI CSS Modules Source: https://webtui.ironclad.sh/docs/index Illustrates how to import WebTUI's modular CSS files using `@import` rules. This example shows importing the base styles, utility styles (e.g., `box.css`), and specific component styles (e.g., `typography.css`, `button.css`, `badge.css`), enabling developers to include only the necessary parts of the library. ```CSS @import "@webtui/css/base.css"; /* Utils */ @import "@webtui/css/utils/box.css"; /* Components */ @import "@webtui/css/components/typography.css"; @import "@webtui/css/components/button.css"; @import "@webtui/css/components/badge.css"; ``` -------------------------------- ### HTML Component Usage with WebTUI Attributes Source: https://webtui.ironclad.sh/docs/index Demonstrates the semantic approach of WebTUI by showing how to use custom attributes like `variant-` and `is-` on standard HTML elements. This allows applying WebTUI styling and behavior to common components such as buttons, switches (checkboxes), and badges without requiring JavaScript. ```HTML Hello there Warning ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.