We want override coloured username, groupname ( phpBB dark styles )
Hello, as a test ...
Your style names and the colours (compare the example in the lower part of the HTML ( line 47ff )) are to be adapted according to your wishes. I have used for dark designs a
change_coloredoption_username.html
with the following content for my own dark styles.
Examples:
Code: Select all
<!--
We want now to use brightness and contrast for coloured username, groupname ( phpBB dark styles )
-->
{% if T_TEMPLATE_NAME eq "FlyVisits" %}
<style>
.username-coloured,
.group-coloured,
.online-list em a,
.profile-details dd span[style*="color"],
.section-memberlist td a[style*="color"] {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
}
.online-list em a {font-weight: bold !important;}
</style>
{% endif %}
{% if T_TEMPLATE_NAME eq "Myth of Atlantis" %}
<style>
.username-coloured,
.group-coloured,
.online-list em a,
.profile-details dd span[style*="color"],
.section-memberlist td a[style*="color"] {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
}
.online-list em a {font-weight: bold !important;}
</style>
{% endif %}
{% if T_TEMPLATE_NAME eq "graphitdark" %}
<style>
.username-coloured,
.group-coloured,
.online-list em a,
.profile-details dd span[style*="color"],
.section-memberlist td a[style*="color"] {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
}
.online-list em a {font-weight: bold !important;}
</style>
{% endif %}
<!--
We want override coloured username, groupname ( phpBB dark styles )
-->
{% if T_TEMPLATE_NAME eq "Rainbow-AOP" %}
<style>
.username-coloured[style*="#AA0000"],
.group-coloured[style*="#AA0000"],
.online-list em a[style*="#AA0000"],
.profile-details dd span[style*="#AA0000"],
.section-memberlist td a[style*="#AA0000"] {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
color: royalblue !important;
}
.username-coloured[style*="#00AA00"],
.group-coloured[style*="#00AA00"],
.online-list em a[style*="#00AA00"],
.profile-details dd span[style*="#00AA00"],
.section-memberlist td a[style*="#00AA00"] {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
color: darkseagreen !important;
}
.online-list em a {font-weight: bold !important;}
</style>
{% endif %}
{% if T_TEMPLATE_NAME eq "ongraydarkchild" %}
<style>
.username-coloured[style*="#AA0000"],
.group-coloured[style*="#AA0000"],
.online-list em a[style*="#AA0000"],
.profile-details dd span[style*="#AA0000"],
.section-memberlist td a[style*="#AA0000"] {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
color: coral !important;
}
.username-coloured[style*="#00AA00"],
.group-coloured[style*="#00AA00"],
.online-list em a[style*="#00AA00"],
.profile-details dd span[style*="#00AA00"],
.section-memberlist td a[style*="#00AA00"] {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
color: darkkhaki !important;
}
.online-list em a {font-weight: bold !important;}
</style>
{% endif %}
I uploaded this to the template directory of the dark styles ( see examples ) and entered it in the overall_header.html of these dark designs:
find:
<!-- EVENT overall_header_stylesheets_after -->
then add after in a new line
<!-- INCLUDE change_coloredoption_username.html -->
I don't have any other idea at the moment. It is quite possible that further background colours would have to be changed in sequence: e.g. User Control Panel
Code: Select all
/* Friends list */
.cp-mini {
background-color: #yourcolor;
}
Regards