‘Set Answer” issue 5.6.5

[Carrfixr]

The username (dark blue) blends in with the border making it hard to see. Is there a way to fix this by changing the border or text color without affecting anything else on the site?

[twistsol]

I have the same issue. The color of the link to the username uses the same style variable as the other user links on the site. In addition to the question of the OP, is there a stylevar to change the black boarder color for answered questions.

[Carrfixr]

twistsol
PM sent instead

[Wayne Luke]

To keep development and testing time inline, no new style variables were added. This was actually my suggestion as I wanted to wait for customer feedback.

The border uses the Global Style Variables already defined in your style.

• background: global_palette_accent_01
• color: global_palette_text
• link: body_link_color

Here is the default CSS:

<vb:comment>pinned answer styling</vb:comment>
.b-post.pinned-answer {
border-style: solid;
<vb:comment>/* Keep this in sync with .b-post .answer-label background-color below. */</vb:comment>
border-color: {vb:stylevar global_palette_accent_01.color};
border-width: 5px;
<vb:comment>/*part 1 to restore the rounded left borders of the userinfo block/left column */</vb:comment>
background-color: {vb:stylevar global_palette_accent_01.color};
}
.b-post.pinned-answer > div.l-row {
<vb:comment>/*part 2 to restore the rounded left borders of the userinfo block/left column */</vb:comment>
border-radius: 3px;
background-color: {vb:stylevar postbit_background.color};
}
.b-post .answer-label {
margin-top: 10px;
<vb:comment>/* Based on the stylevars that the footer element inherits, to use the iconic vBulletin blue/navy bg color with white text. */</vb:comment>
background-color: {vb:stylevar global_palette_accent_01.color};
color: {vb:stylevar global_palette_text_03.color};
<vb:comment>/* Using same font style as conversation-status-emssage.notice */</vb:comment>
font-weight:bold;
font-size: 1.4rem;
padding: 6px 10px;
<vb:comment>/* work around background bleedthrough issue.*/</vb:comment>
margin: -1px;
}

You can override the label of pinned answers with custom CSS on the [var].answer-label[var] class. Use .answer-label a for links. New style variables can be added if necessary. Though I do worry about the tool becoming bloated and losing its usefulness. Please provide all the feedback you want so we can evaluate.

[Wayne Luke]

I do think there is the case for a "Contrast" link color to be used on darker backgrounds (light background on the Dark theme).

[Wayne Luke]

This is the basic CSS you would need to change the color of the link:

.answer-label a {color:white;}

[Carrfixr]

Well that worked just fine. Thanks

[twistsol]

Thanks Wayne, you just saved me a bunch of fumbling around looking for stuff.