ASP.NET Theme'ing 以及客户特定的图像和 CSS

Question

我们有一个 ASP.NET 解决方案，在 App_Theme/{selected theme} 中使用图像、css 和 .skin 文件。今天的主题包含很多很多文件和图像，对于客户主题，我们向 App_Themes 添加一个新文件夹并将所有文件复制到新文件夹，并对图像、皮肤和 css 进行 10-200 处更改。

这里的问题是默认主题，即我们在开发、发展和成长时通常拥有的主题，使主题客户主题过时了。因此，当升级到来时，我们必须遍历所有文件以查找更改并希望找到所有更改。有时我们会错过一些非常重要的事情。

完美的解决方案是拥有一个包含基本 CSS、皮肤和图像的基本主题。当我们添加一个新的客户主题时，我们只告诉系统发生了什么变化，要覆盖哪些 css-selectors 以及要使用哪些图像来代替基本主题中的图像。据我了解，如果在 App_Themes 文件夹中使用普通的 ASP.NET 主题功能，您只能有一个主题而不是 BASE 主题，然后说一个具有不同背景的 DeliveryCustomer 主题和解决方案应使用的其他一些图像BASE 主题中的那些。

有没有人有一些指南可以在未来以可维护的方式解决这个问题。我看到人们覆盖了 App_Theme 路径以使其与自定义皮肤一起使用。

谢谢!

Answer 1

像您描述的那样使用基本主题的概念。将所有常见的 CSS 规则提取到另一个文件中，我们称之为 base.css。

获取 base.css 和所有常见的图像，并将它们放在 App_Themes 的外部文件夹中，并只包含CSS 文件就像您通常在母版页上使用的任何其他文件一样。

<link rel="stylesheet" type="text/css" href="/styles/base.css" /> <!-- Note this isn't in app_themes -->

然后，确保您在各种主题中的 CSS 文件仅指定样式的增量。