Page 1 of 1
Black Forum Theme
Posted: Thu Feb 14, 2019 1:10 am
by AZJIO
Black Forum Theme
To use you need to install the plugin
Stylus (Firefox) or Stylebot (chrome, "Open Stylebot" -> "Edit CSS")
Re: Black Forum Theme
Posted: Thu Apr 18, 2019 11:25 am
by RSBasic
Nice CSS, thank you.
Re: Black Forum Theme
Posted: Mon May 17, 2021 1:27 pm
by AZJIO
First select the style "Prosilver (Dark Edition)". User Control Panel -> Board Preferences.
style1
style2
Re: Black Forum Theme
Posted: Mon May 17, 2021 9:17 pm
by ChrisR
It's nice to have the same theme Offline and Online, thanks
To have the profile on the left, as before, you can add at the end of the css
Code: Select all
@media (min-width: 701px) {
.post.online {
background-image: none;
}
.post .preonline.online {
width: 58px;
height: 58px;
position: absolute;
left: 0;
top: 0;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.no-avatar .preonline.online {
position: relative;
margin: -8px;
}
.post .postprofile {
float: left;
border-width: 0 1px 0 0;
}
.post .postprofile dd, .post .postprofile dt {
margin-right: 8px;
margin-left: 0;
}
.has-profile .postbody {
float: right;
margin-right: 6px;
}
}
Re: Black Forum Theme
Posted: Tue May 18, 2021 10:39 am
by kernadec
Hi,
@AZJIO
small style1 adjustment
cordially
Code: Select all
.site_logo {
background-image: url("http://share.ldvmultimedia.com/evzjz43l.png");
width:149px;
height:52px;
}
#PureBasic, .notouch, .section-viewtopic, .ltr, .hasjs, .wrap
{
color: #83adff;
background-color: #3f3f3f !important;
}
.headerbar, .navbar, .inner, .panel
{
color: #eeeeee;
background-color: #272727 !important;
}
.top-anchor, .postprofile
{
color: #eeeeee;
background-color: #272727 !important;
}
.postbody
{
color: #eeeeee;
background-color: #3f3f3f !important;
border-radius: 9px;
padding: 5px 5px 5px 5px;
}
.page-header
{
color: #eeeeee;
background-color: #222 !important;
}
/**/
html, body
{
color: #eeeeee;
background-color: #333333 !important;
}
.post, .has-profile, .bg2, .unreadpost
{
color: #eeeeee;
background-color: #272727 !important;
}
a
{
color:#83adFF !important;
text-decoration:none !important;
}
a:hover, a.postbody:hover, h3.first a:hover
{
color:#DFC47D !important;
}
h3.first a
{
color: #CFB46D !important;
}
.postbody h3 a
{
color: #DFC47D !important;
}
cite a
{
color: #FF8080 !important;
}
a.username-coloured
{
color: #FF60FF !important;
font-size:1.4em;
}
a.username
{
color: #FF8080 !important;
font-size:1.4em;
}
a.username:hover, cite a:hover
{
color:#eeeeee !important;
}
a.postlink
{
color: #979ae8 !important;
border-bottom: 0
}
a.postlink:hover
{
color:#DFC47D !important;
background-color: #3f3f3f !important;
}
.codebox {
color:#DFC48D !important;
background-color:#1b2124 !important;
border: 1px solid #666 !important;
}
.codebox code {
color:#C0AD72 !important;
background-color:#272f33 !important;
}
.postbody .content {
color:#eeeeee !important;
}
blockquote {
background-color: #303030 !important;
border-radius: 9px;
}
/*
does Not work
*/
li.row, .bg1 {
background: #272727 !important;
}
li.row, .bg2 {
background: #272727 !important;
}
.forumbg, .topiclist, .forabg {
background: #262626 !important;
}
Select, input {
background-color: #272727 !important;
border: solid 1px #FF8080 !important;
color: #1088FF;
}
/**/
.navigation .active-subsection a, .tabs .activetab > a {
background-color: #111 !important;
color: #eeeeee;
}
.message-box textarea {
background: #3d3d3d !important;
border: solid 1px #555 !important;
outline: none;
color: #eeeeee;
}
input[type=submit] {
padding: 5px 10px 5px 10px;
font: 13px/20px sans-serif;
border-radius: 15px;
}
/* Поле ввода Ñ Ñ„Ð¾ÐºÑƒÑом, контраÑтно */
input[type=submit]:focus {
background: #eeeeee !important;
color: #eeeeee;
border: solid 1px #eeeeee !important;
}
/* кнопка, наведение */
input[type=submit]:hover {
background: #eeeeee !important;
border: solid 1px #eeeeee !important;
outline: none;
color: #eeeeee !important;
}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #eeeeee;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #eeeeee;
}
Select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited
{
color: #ffffff !important;
}
li.row strong {
color: #eeeeee;
}
.postprofile strong {
color: #eeeeee;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #eeeeee;
}
#tabs .activetab a:hover span {
color: #eeeeee;
}
.rtl li.row:hover dd {
border-right-color: #eeeeee;
border-left-color: transparent;
}
/* ; ecriture bandeau importante*/
li.header dt, li.header dd {
color: #FF8080;
}
.codebox {
background-color: #fffbd7;
border-radius: 10px;
border-color: #C9D2D8;
}
.codebox a{
color: #297af9;
text-decoration:none;
}
html, body {
color: #BFBFBF;
background-color: #000000;
}
h1 {
color: #FF8080;
}
h2 {
color: #FF8080;
}
h3 {
border-bottom-color: #1088FF;
color: #1088FF;
}
hr {
border-color: #000000;
border-top-color: #808080;
}
li.row strong, .postprofile strong, label, .panel, #tabs a span, dl.details dt
{
color: #eeeeee !important;
}
/* ligne */
li.row {
background-color: #e6e9ed;
}
li.row:hover {
background-color: #e6d00b;
}
ul.topiclist li {
color: #0e60dd;
}
li.row {
border-top-color: #FFFFFF;
border-bottom-color: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #1088FF;
background-color: #ffffff;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #000000;
border-color: #666666;
color: #ffffff;
}
.inputbox:-moz-placeholder {
color: #cccccc;
}
.inputbox::-webkit-input-placeholder {
color: #cccccc;
}
.inputbox:hover {
border-color: #666666;
}
.inputbox:focus {
border-color: #666666;
color: #FFffff;
}
.inputbox:focus:-moz-placeholder {
color: transparent;
}
.inputbox:focus::-webkit-input-placeholder {
color: transparent;
}
@media (min-width: 701px) {
.post.online {
background-image: none;
}
.post .preonline.online {
width: 58px;
height: 58px;
position: absolute;
left: 0;
top: 0;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.no-avatar .preonline.online {
position: relative;
margin: -8px;
}
.post .postprofile {
float: left;
border-width: 0 1px 0 0;
}
.post .postprofile dd, .post .postprofile dt {
margin-right: 8px;
margin-left: 0;
}
.has-profile .postbody {
float: right;
margin-right: 6px;
}
}
Re: Black Forum Theme
Posted: Tue May 18, 2021 12:03 pm
by JCV
I'm using Dark Reader plugin. It works ok for almost all sites.
https://darkreader.org/
Re: Black Forum Theme
Posted: Tue May 18, 2021 4:18 pm
by AZJIO
Updated style1
*Changed the color of the selected text
*Adaptation of blue, red
*Inverting pictures in a signature
*jump to the top made to the left
*added some previously suggested things (logo, author on the right, rounded code block)