主题配置文件
更新时间:2025年2月7日 23:27
浏览:813
文件位置:/YourThemeName/Config/Theme.php
命名空间:/Be/Theme/YourThemeName/Config/Theme
示例:
<?php
namespace Be\Theme\YourThemeName\Config;
/**
* @BeConfig("您的主题名称")
*/
class Theme
{
/**
* @BeConfigItem("主色调", driver="FormItemColorPicker")
*/
public string $majorColor = '#ff5c35';
/**
* @BeConfigItem("搭配颜色", driver="FormItemColorPicker")
*/
public string $minorColor = '#213343';
/**
* @BeConfigItem("背景颜色", driver="FormItemColorPicker")
*/
public string $backgroundColor = '#f6f9fc';
/**
* @BeConfigItem("字体大小", driver="FormItemInputNumberInt")
*/
public int $fontSize = 16;
/**
* @BeConfigItem("字体颜色", driver="FormItemColorPicker")
*/
public string $fontColor = '#2e475d';
/**
* @BeConfigItem("链接颜色", driver="FormItemColorPicker")
*/
public string $linkColor = '#2e475d';
/**
* @BeConfigItem("链接悬停颜色", driver="FormItemColorPicker")
*/
public string $linkHoverColor = '#ff5c35';
}
主题配置文件需包含以下配置项:
- 主色调(majorColor):整站的色调攃配,CSS 变量名 --major-color 按钮(be-btn-major),色块(be-c-major) 等 均取此配置值
- 搭配颜色(minorColor):用于搭配主色调,CSS 变量名 --minor-color 按钮(be-btn-minor),色块(be-c-minor) 等 均取此配置值
- 背景颜色(backgroundColor ):页面默认背景色
- 字体大小(fontSize ):html 根的文字大小,页面内使用 rem 控制的元素均以此配置项的值为基本单位
- 字体颜色(fontColor ):默认字体颜色,CSS 变量名 --font-color
以上配置项为通用项,您可以跟据需要添加个性化的配置项。