为应用程序添加自定义主题

Posted 2023-02-26

【中文标题】为应用程序添加自定义主题

【英文标题】：Adding Custom Theme for the application

【发布时间】：2012-07-21 18:16:37

【问题描述】：

我正在尝试主题。为此，我已经下载并安装了 ruby​​。

对于如何使用不同的css 文件来为应用程序设置自己的主题，我一无所知。

我想我对扩展名为 .scss 的文件进行了更改。有人可以指导我完成为应用程序创建自己的主题的步骤吗？

【参考方案1】：

为什么不为主题定义部分内容并将与主题相关的内容放入变量中。这些部分不会创建任何 .css 文件。这是示例

制作 3 个文件 home.scss、_homePartials.scss 和 _homeTheme.scss

_homePartials.scss

$textColor: #333;

_homeTheme.scss

.text  color:$textColor; 

home.scss

.text  width:100%; 
@import '../partials/homePartials';
@import '../partials/homeTheme';

看看http://blog.behance.net/dev/how-we-used-sass-to-build-17-websites-in-five-days

【讨论】：

谢谢，我可以提供一些阅读材料，以便我可以阅读更多相关信息吗？我是否必须创建一个名为Partials 的文件夹并将这些文件放入其中？

是的，您可以创建部分文件夹或您喜欢的文件夹。当您在名为 parttail 的变量文件中定义与主题相关的内容时，您始终可以选择设置不同的主题，从而拥有主题

我如何从index.html引用这些文件

什么意思？您将拥有 .css 文件，例如 home.css 这里简单地将它们链接到 html 文件中