Black Forum Theme

For everything that's not in any way related to PureBasic. General chat etc...
AZJIO
Addict
Addict
Posts: 1318
Joined: Sun May 14, 2017 1:48 am

Black Forum Theme

Post by AZJIO »

Black Forum Theme
To use you need to install the plugin Stylus (Firefox) or Stylebot (chrome, "Open Stylebot" -> "Edit CSS")
Last edited by AZJIO on Mon May 17, 2021 1:09 pm, edited 1 time in total.
User avatar
RSBasic
Moderator
Moderator
Posts: 1218
Joined: Thu Dec 31, 2009 11:05 pm
Location: Gernsbach (Germany)
Contact:

Re: Black Forum Theme

Post by RSBasic »

Nice CSS, thank you.
Image
Image
AZJIO
Addict
Addict
Posts: 1318
Joined: Sun May 14, 2017 1:48 am

Re: Black Forum Theme

Post by AZJIO »

First select the style "Prosilver (Dark Edition)". User Control Panel -> Board Preferences.
style1
style2
User avatar
ChrisR
Addict
Addict
Posts: 1127
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: Black Forum Theme

Post 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;
	}
	
}
User avatar
kernadec
Enthusiast
Enthusiast
Posts: 146
Joined: Tue Jan 05, 2010 10:35 am

Re: Black Forum Theme

Post 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;
	}
	
}
Last edited by kernadec on Tue May 18, 2021 9:37 pm, edited 2 times in total.
JCV
Enthusiast
Enthusiast
Posts: 579
Joined: Fri Jun 30, 2006 4:30 pm
Location: Middle East

Re: Black Forum Theme

Post by JCV »

I'm using Dark Reader plugin. It works ok for almost all sites.
https://darkreader.org/

[Registered PB User since 2006]
[PureBasic 5.7][SpiderBasic 2.2] [Win 10 64bit]
[Intel i7 990x 4.20 Ghz] [18GB DDR3]
AZJIO
Addict
Addict
Posts: 1318
Joined: Sun May 14, 2017 1:48 am

Re: Black Forum Theme

Post 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)
Post Reply