Some flair for users who like the dark theme of Flarum.
Requires:
Select Post Best Answer
composer require wiwatsrt/flarum-ext-best-answer
File to edit:
vendor/wiwatsrt/flarum-ext-best-answer/less/forum/extension.less
Overwrite contents of file with:
.Post--bestAnswer {
.item-isBestAnswer {
background: #D09A30;
float: right;
border: 0 none !important;
border-radius: 4px;
color: white;
padding: 2px 5px;
}
.item-isBestAnswer::before {
content: "\f00c";
font-family: FontAwesome;
padding-right: 4px;
}
}
.Badge--bestAnswer {
background-color: #D09A30;
}
.Post-footer{
.item-bestAnswerPost {
padding: 10px;
border-style: solid;
border-color: transparent;
box-shadow: 0 0 6px rgb(254,252,201) ,
5px -5px 6px rgb(254,236,133) ,
-6px -6px 6px rgb(255,174,52) ,
6px -6px 6px rgb(236,118,12) ,
-6px -6px 6px rgb(205,70,6) ,
0 -6px 6px rgb(151,55,22) ,
5px -6px 6px rgb(69,27,14) ;
margin-top: 25px;
.Post-body {
color: #fff;
}
a .icon {
display: inline-block;
}
.PostUser-badges, .PostUser-avatar {
display: none;
}
.item-bestAnswerButton a {
background: #D09A30;
float: right;
border: 0 none !important;
border-radius: 4px;
color: white;
padding: 2px 5px;
}
}
}
Alternatively you should be able to paste the above code directly inside the Custom Styles CSS section found in the Appearance settings.
When finished, you will need to run:
php flarum cache:clear
Else you will still see the green background.
