在jQuery Mobile中，圖標是非常重要的元素之一，能夠為應用程序提供很好的用戶體驗。jQuery Mobile提供了一系列的圖標，可以使用它們來向用戶傳達信息，例如提示、警告和提醒等。

圖標可以以不同的顏色進行呈現，這將有助于更好地與您的應用程序主題相匹配。以下是一些示例代碼，可以讓您了解如何在jQuery Mobile中使用圖標，并將顏色與主題配合：

<!-- 使用紅色的警告圖標 -->
<div data-role="header">
<h1>歡迎訪問我們的網站！</h1>
<a href="#" data-icon="alert" data-theme="c" class="ui-btn-right">警告</a>
</div>
<!-- 使用綠色的提示圖標 -->
<div data-role="content">
<p>這是一條重要消息。</p>
<a href="#" data-icon="check" data-theme="b" class="ui-btn ui-btn-inline">OK</a>
</div>

在上面的示例中，我們使用了data-theme屬性來為圖標指定顏色。data-theme屬性與我們應用程序的主題顏色相關聯，并確保保持一致性和美觀性。

在使用圖標時，請確保將它們合理地放置在您的應用程序中，并遵循最佳實踐。這將為用戶提供最好的體驗，并幫助用戶更好地理解應用程序中的內容。