有没有办法为我的自定义 Keycloak 电子邮件主题添加样式？

Question

标题说明了一切。

我尝试了很多东西，但似乎没有任何效果。

我尝试在 theme.properties 中导入样式表。 styles=css/styles.css

我试着直接在我的 html 标签中做我的风格。 <h1 style="color:blue;">

我试过像这样在我的 ftl 文件中使用我的样式：

<html>
<style type="text/css">
body {
    margin: 0;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 16px;
}
.header{
    background-color: #B70E0C;
    width: 100%;
    height: 96px;
}

.footer{
    flex-shrink: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    background-color: #2D2D2D;
    z-index: 1;
    position: absolute;
    bottom: 0;
}

.footer a {
    color: white !important;
}

a:visited {
    color: initial;
}

.activate-btn{
    border-radius: 8px;
    padding: 12px 28px;
    background-color: #FDC300;
    color: black;
    border-style: hidden;
}
</style>
<body>
${kcSanitize(msg("emailVerificationBodyHtml", link, linkExpiration, realmName, 
linkExpirationFormatter(linkExpiration)))?no_esc}
</body>
</html>

Answer 1

编写 html 电子邮件不像编写 html 网页那样简单，因为几乎所有电子邮件服务都以不同的方式处理收到的电子邮件。有些人可能会忽略

有没有办法为我的自定义 Keycloak 电子邮件主题添加样式？

Is there a way to add styles to my custom Keycloak Email theme?

html

css

freemarker

keycloak