• Please note that our support is not available weekly from : Thursday 15:00 (GMT+2) to Saturday 13:00 (GMT+2)

Cookie bar

Customer
How can I change the background and text colours?
 

Attachments

  • Capture d’écran 2024-10-22 095350.png
    Capture d’écran 2024-10-22 095350.png
    15.7 KB · Views: 6
Staff member
Hello,

How can I change the background and text colours?
in the "core_dt_extra.less" template, search for:

CSS:
.notice
{
    &.notice--primary
    {
        border-color: @xf-borderColor;
    }
}

add the background class, to be:

CSS:
.notice
{
    &.notice--primary
    {
        background: @xf-contentAltBg;
        border-color: @xf-borderColor;
    }
}

39
Regards
 
Customer
Hello,


in the "core_dt_extra.less" template, search for:

CSS:
.notice
{
    &.notice--primary
    {
        border-color: @xf-borderColor;
    }
}

add the background class, to be:

CSS:
.notice
{
    &.notice--primary
    {
        background: @xf-contentAltBg;
        border-color: @xf-borderColor;
    }
}

39
Regards
Hello,
The code I'm looking for doesn't exist in the “core_dt_extra.less” file.
Thank you for your help.
 
Customer
// #### Touch Enhancements ####
a:link {
-webkit-tap-highlight-color: fade(@xf-paletteColor1, 30%);
}

// #### Text Selection ####
::selection { background-color: fade(@xf-paletteColor1, 80%);color: #fff; }
::-moz-selection { background-color: fade(@xf-paletteColor1, 80%);color: #fff; }

// #### Color Select in Redactor ####
.fr-popup .fr-color-set > span:hover {
transform: scale(1.7,1.7);
}

.editorSmilies .smilie {
opacity: 0.5;
.m-transition(all, 0.2s);
}
.editorSmilies .smilie:hover {
opacity: 1.0;
transform: scale(1.3);
}

.p-breadcrumbs > li:last-child::after {
display: none;
}

.js-bookmarksMenuBody .contentRow-title {
font-size: @xf-fontSizeNormal;
}

.p-breadcrumbs--container,
.p-breadcrumbs.p-breadcrumbs--bottom {
padding: @xf-elementSpacer;
}
.p-breadcrumbs--container {
border-bottom: @xf-borderSize solid @xf-borderColor;

.p-breadcrumbs {
margin-bottom: 0;
}
}

.block.block--treeEntryChooser
{
.block-container
{
border: @xf-borderSize solid @xf-borderColor;
margin: @xf-paddingLarge @xf-paddingLargest;

&:first-child
{
border-top: @xf-borderSize solid @xf-borderColor;
}

&:last-child
{
border-bottom: @xf-borderSize solid @xf-borderColor;
}
}
}

.block.block--category
{
.block-header
{
.xf-dt_category_header();
}
}

.p-body-sidebar
{
.block-minorHeader
{
.xf-dt_widget_header();
}
}

.message-content .messageNotice
{
&::before
{
color: fade(@xf-contentHighlightBase--color, 65%);
}

&.messageNotice--highlighted
{
a,
&::before
{
color: fade(@xf-contentHighlightBase--color, 65%);
}

}
}

.p-body .pollResult.pollResult--showVoters:hover
{
.xf-contentAltBase();
}

.structItemContainer .structItem.structItem--note
{
background: @xf-contentAltBg;
}

.message-avatar .message-avatar-wrapper
{
.message-avatar-online
{
bottom: initial;
top: 0;
right: -32px;
margin-left: 0;

&:before
{
font-size: 8px;
color: #80d3ab;
border: @xf-contentBg solid 3px;
border-radius: 50%;
}
}
}

.m-pageNavElCore()
{
background: @xf-contentHighlightBg;
color: @xf-textColorEmphasized;
font-weight: 700;
border: none;
border-radius: @xf-blockBorderRadius;

&:hover,
&:active
{
background: @xf-contentAccentBg;
color: @xf-textColorEmphasized;
}
}

.pageNav-page
{
&.pageNav-page--current
{
background: @xf-contentAccentBg;
color: @xf-textColorEmphasized;

&:hover,
&:active
{
background: @xf-paletteColor3;
}
}
}
 
Top