ASP.NET 2.0 Theme 主題功能完整指南

Theme 讓網站「換膚」變得標準化、可維護。核心三要素：CSS（HTML 樣式）、Skin（伺服器控件外觀）、MasterPage（版面架構，不屬於 Theme 但配合使用）。

建立 Theme 步驟

1. 專案新增 App_Themes 資料夾（ASP.NET 自動識別）。
2. 其下建立主題資料夾，如 OrangeTheme、BlueTheme。
3. 各主題資料夾放入 .skin 檔與 .css 檔，檔名自訂，ASP.NET 會自動合併套用。

Skin 檔範例

<!-- 預設 Skin：套用所有 TextBox -->
<asp:TextBox BackColor="Orange" ForeColor="DarkGreen" Runat="Server" />
<asp:Button BackColor="Orange" ForeColor="DarkGreen" Font-Bold="True" Runat="Server" />

<!-- 命名 Skin：僅套用 SkinID=Title 的 TextBox -->
<asp:TextBox SkinID="Title" BackColor="Orange" ForeColor="DarkGreen" Runat="Server" />

注意：Skin 僅能設定外觀屬性（Color、Font 等），不可設定 AutoPostBack 等行為屬性。

套用 Theme 三種方式

動態切換主題

void Page_PreInit(object sender, EventArgs e)
{
    Page.Theme = Request["ThemeName"];
    // 同處理動態 MasterPage
    this.MasterPageFile = Request["MasterPageFile"];
}

CSS 與 Skin 互動

• Skin 依頁面 Theme 屬性決定套用哪個主題資料夾的 Skin。
• CSS 檔會**覆蓋**預設主題的 CSS，實現樣式層級疊加。

善用 Theme + MasterPage + CSS，可構建高度可配置的多風格網站架構。