这个博客是关于为sapfiori和SAPUI5定制应用程序创建主题的。
在这个系列的博客中，我将分享不同颜色的FIORI。我会尝试用不同的颜色来创造菲奥里主题。你们都是最感激的标记您的喜欢或不喜欢。欢迎所有建议。
我一直喜欢玩CSS。我曾在我以前的雇主做过网页设计师，在那里我学会了网页设计。今天我很高兴再次在SAP中得到了我喜欢做的事情。
在这个博客中，我将分享图片、颜色代码、css类以及如何在应用程序中使用这些类。
我们将在"SAP\U bluecrystal"的上下文中讨论
让我们从红色作为主题开始。
图1。完整应用程序预览
图2。瓷砖
图3。列表
图4。表1
图5。表2
图6。混音
嗯……你看到什么新东西了吗？
红色的东西你可能不喜欢红色，但我们有新的东西。
我做了什么？
我是怎么做到的？
我的应用程序使用了标准的蓝色水晶主题。
要创建自定义主题，您可以参考我在本博客开头提到的文档。
将该主题应用到您的应用程序和宾果游戏！！！你将摇滚
色码
在你的主题中用右手边的颜色替换左手边的色码
009de0=#CF0404
006ca7=#ff3019
007cc0=#CF0404
00679e=#ff3019
e6f2f9=#eaefb5
DDDD=#6666
下面是我的课程被推翻了。你呢可以将这些类放入您的自定义.css文件，2018世界人工智能大会，并在索引页中提供该.css文件的引用，或者您可以将其放在主题设计器的css面板中。
确保您的更改只影响这些控件，其中，你想改变样式
例如：给边框半径.sapMBtn会给所有按钮圆形边框，不管它们的位置和类型。
彩色菲奥里-第2部分-黄绿色
希望你喜欢它
快乐学习
克里希纳坎特乔希干得好！
外观是web应用的一个重要方面，也是品牌推广的关键！
问候，
钱德拉
谢谢钱德拉什哈尔
嗨，
非常感谢你的风格，我复制了它，一切都很好，但只有标题文本在m页仍然是灰色（SAPUI 1.20），我需要白色的，因为你有
谢谢Jiri
嗨Jiri，
感谢使用它。
把下面的类放在你的样式表中。
sapMBar{颜色：#ffff！重要；}
如果您已经包装了一个自定义主题，那么您也可以使用主题生成器进行更改。
问候，
KK
嗨Krishnakant，
非常感谢！就像魅力一样，最后一个问题是在移动设备上运行时不会显示红色背景色（在桌面chrome中模拟）…我尝试在中找到标准颜色（#f2f2）库.css，我发现了一些类，但是当我重写它们时没有成功…..建议的过程是什么？如何为给定的元素找到css类？
非常感谢Jiri
嗨Jiri，
您也可以使用相同的css类作为背景色
.sapMBar{颜色：#fff！重要；背景色：#ff3019！重要；}
在浏览器中找到附加到任何元素的css类的最简单的方法是"Inspect element"。
对于google chrome:
请看下面的图片以供参考。
嗨，KK，
我已经使用主题设计器创建了一个自定义主题。
我可以在预览中看到一些正在生效的更改，但不是全部。例如，tile标题颜色、图标颜色没有改变。
当我在fiori启动板url中使用sap theme参数时，我没有看到任何tile。我看到的唯一按钮是注销按钮。
感谢您的帮助，找出我可能做错的地方。
谢谢
Kalpana
嗨Kalpana，
我对您有一些建议，
1。检查应用于任何控件的样式是否已发生？
怎么做？
您可以右键单击该控件并单击inspect元素。
检查样式属性的来源。
如果它不反映您所应用的样式，请重新检查您是否正确发布了主题。
2。清除浏览器缓存。
3。使用ctrl+F5
4重新加载页面。请检查SAPUI5运行库的当前版本和创建主题时的版本。
请在交叉检查以上几点后告诉我您是否仍然面临主题问题。
注意，
KK
我不认为，通过覆盖CSS类来定制整个主题是更好的方法！UI5团队不能保证CSS类名在所有版本中都是稳定的。因此，当UI5版本升级时，淘客模板，它可能会中断（如果类名更改）！不建议用于生产性应用程序，而是创建一个新的主题
嗨Sakthivel Elango
我感谢您在定制主题方面的投入。上面的文档展示了如何在主题生成器中使用自定义CSS面板。该选项用于覆盖或向现有类或元素添加一些额外的CSS样式。现在就看你用哪种方式来定义你的CSS了
根据我的经验，有时需要为一些复杂的用户体验需求设置一些定制CSS，这些需求可以通过CSS轻松实现
对于那些类名的更改或新版本theme中的附加类，在这种情况下，如果您在类级别进行了更改，返利平台有哪些，您的自定义主题也将不起作用。我不认为UI5团队会提供这样的解决方案来改变旧的类。他们将添加新的类，而不是。
问候
KK
谢谢乔希，
颜色组合似乎是完美的整个屏幕。
你能建议哪里可以找到css文件的源代码在自定义开发的UI5应用程序。也请提及在哪里以及如何安装主题设计师。
好的克里希纳坎特。你能告诉我如何在UI5中实现分组表吗？
你好，大数据研发，苏莱什，
谢谢您的意见。
您能给我一些关于分组表的详细要求吗？
您想定义样式还是新的表格控件？
问候，
KK
嗨，KK，人工智能技术发展，
感谢您的快速回复。我们有一个类似的要求来设计这个博客图2中的屏幕截图。你能告诉我怎么做吗？
您好，
您好，
您如何将背景图像提供给互动程序（既不提供颜色，也不提供字幕字段）？
