主題擴展

主題擴展用于為喧喧提供額外的外觀選項。一個主題擴展中可以提供多款主題供用戶選擇使用。主題擴展所提供的主題在 package.json 文件中通過 themes 字段進行聲明。themes 字段為一個對象數(shù)組，數(shù)組中的每個對象為一個主題配置。

下面為官方暗黑主題的 package.json 文件:

{     
    "name": "dakr-theme-example",     
    "displayName": "暗黑主題",     
    "version": "1.0.0",     
    "description": "提供 1 款暗黑主題外觀?？熳尯诎到蹬R吧！",     
    "type": "theme",     
    "icon": "mdi-lightbulb",     
    "accentColor": "#333",     
    "themes": [         
        {             
            // 主題的名稱，同一個擴展中的主題名稱不能相同             
            "name": "dark",      
                   
            // 主題在界面上顯示的名稱             
            "displayName": "暗黑",   
                      
            // 主題的主色調(diào)             
            "color": "#333",      
                   
            // 主題對應的 css 文件             
            "style": "themes/dark.css",  
                       
            // 主題的載入方式             
            "inject": "append"         
        }     
    ],     
    // 其他配置

主題的 css 文件載入方式包括兩種：

• append：將 css 文件作為默認樣式表的補充，即掛在在默認主題樣式的后面；
• override：將 css 文件替換原來的默認樣式表。

這個主題可以在  dark-theme-example 找到源碼。