Greetings everyone.
As much as I like old-school UNIX-ish looks of audioz (the main reason why I'm mostly lounging there), I despise the the new audiosex style. It's black-white contrast melts my eyes. Did the designer used any drugs while deleloping? It's even worse than Britney Spears' forum (which is wacky on purpose). For this reason I'm not visiting audiosex anymore. The previous, light-on-light was at least professional and lighter on the eyes.
With HTML/CSS Knowlenge, it's possible to change sites styles even if they does not support that.
Here's my alpha version done with a simple mozilla style hack (10 lines of CSS code):

Forums, topics and some internals received more darkness this time.

Spoiler: v0.0.4 alpha

Code:

/* less eye-bleeding audiosex */
/* v0.0.4 alpha */
/* still dirty */

/* brutal hack */

html {
	color: #dadde3;
	/*font-weight: bold;*/
}

body {
	color: #dadde3;
}

/* end of brutal hack */

@-moz-document domain(audiosex.pro) {

	/* similar topics hack */

	body {
		/*background-color: #ffffff;*/
		color: #dadde3 !important;
		/*font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
		line-height: 1.28;
		word-wrap: break-word;*/
	}

	/* post background */
	ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
		background-color: #2c2f38 !important;
	}

	/* post text */
	ol#messageList .message .messageContent .messageText, li.message div.signature {
		color: #dadde3 !important;
	}
  
	/* topic title bg */
	div#content.forum_view div.pageContent .titleBar, div#content.thread_view div.pageContent .titleBar {
		background: #2c2f38 !important;
	}
  
	/* topic subtitle font */
	div.pageContent .titleBar #pageDescription, div.pageContent .titleBar #pageDescription a {
		color: #646464 !important;
		/*margin-top: 0;*/
	}


	/* user info */
	.messageUserBlock .extraUserInfo .pairsJustified dt, .messageUserBlock .extraUserInfo .pairsJustified dd, .messageUserBlock .extraUserInfo .pairsJustified a {
		color: #646464 !important;
	}
	
	.messageUserBlock .extraUserInfo {
		border-top-color: #546174 !important;
		/*
		border-top: 1px solid #e0e4e8;
		font-size: 10px;
		padding: 4px 6px;
		*/
	}

	/* quote */
	.bbCodeQuote .quoteContainer {
		background-color: #2c2f38 !important;
		/*border-bottom-left-radius: 2px;*/
		color: #dadde3 !important;

		/*
		font-size: 9pt;
		font-style: italic;
		overflow: hidden;
		padding: 10px;
		position: relative;
		*/
	}

	/* quote gradient */
	.bbCodeQuote .quoteContainer .quoteExpand {
		background: inherit !important;
		/*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);

		background-color: #2c2f38 !important;

		border: 1px solid #4f6073 !important;

		border-bottom-left-radius: 2px;
		box-sizing: border-box;
		color: #f9bc6d;
		cursor: pointer;
		display: none;
		font-size: 11px;
		height: 80px;
		left: 0;
		line-height: 1;
		padding-top: 65px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 90px;
		*/
	}
  
	/* quote container */
		.bbCodeQuote .quoteContainer {
		border: 1px solid #546174 !important;
		/*
		border-bottom-left-radius: 2px;
		color: rgb(40, 40, 40);
		font-size: 9pt;
		font-style: italic;
		overflow: hidden;
		padding: 10px;
		position: relative;
		*/
	}
  
	.bbCodeQuote .attribution {
		border-bottom: 1px solid #546174 !important;
		/*
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		color: #ffffff;*/
	}
  
	.bbCodeBlock pre, .bbCodeBlock .code {
		/*background: url("styles/brivium/stylium/calcium/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgb(250, 250, 250);*/
		background: #3f4049 !important;

		/*
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		*/
		color: #dadde3 !important;
		/*
		direction: ltr;
		font-family: Consolas,"Courier New",Courier,monospace;
		font-size: 10pt;
		line-height: 1.24;
		max-height: 500px;
		min-height: 30px;
		overflow: auto;
		padding: 10px;
		word-wrap: normal;
		*/
	}

	li.message div.signature {
		/*background: linear-gradient(to bottom, #edeff2 75%, #cacccf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
		background: inherit !important;
		/*
		border-radius: 6px 40px 6px 6px;
		border-top: 1px dashed #171b25;
		margin-top: 0;
		padding: 5px 6px;
		*/
	}

	.redactor_box {
		background-color: #2c2f38 !important;
		/*
		border: 1px solid rgb(224, 228, 232);
		font-size: 0;
		line-height: 0;
		overflow: hidden;
		position: relative;
		color: white !important;
		*/
	}

	.dataTable tr.dataRow td {
		background-color: #181c27 !important;
	}

	div.similarThreadsThreadView table.dataTable tr.dataRow th {
		background: none repeat scroll 0 0 #181c27 !important;
		border-bottom: 1px solid #546174 !important;
		border-top: none !important;
	}


	.dataTable tr.dataRow td {
		border-bottom: 1px solid #495671 !important;
		/*
		padding: 5px 10px;
		word-wrap: break-word;
		*/
	}

	.sectionMain {
		/*background-color: rgb(255, 255, 255);*/
		border: 1px solid #495671 !important;
		/*
		border-radius: 2px;
		margin: 10px auto;
		padding: 10px;
		*/
	}
	
	/* forums list */
	
	.node .nodeText .nodeTitle a {
		/* color: #282828; */
		color: #dadde3 !important;
	}
	
	.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
		/*
		background-color: #ffffff;
		border-bottom: 0 none;
		*/
		/* border-color: #fff; */
		background-color: #2c2f38 !important;
	}
	
	/* borders */
	
	ol#forums.sectionMain .node.level_2:first-child > div, ol#forums.sectionMain .node.level_2:first-child + .node.level_2 > div {
		/* border-top: 1px solid #e0e4e8; */
		border-color: #546174 !important;
	}
	
	.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
		/*
		background-color: #ffffff;
		border-bottom: 0 none;
		border-top: 1px solid #e0e4e8;
		*/
		border-top-color: #546174 !important;
	}
	
	/* end of borders */
	
	/* end of forums list */
	
	/* chat */
	#siropuChat {
		display: none;
	}
	/* end of chat */
	
	/* members online */
	.secondaryContent {
		background-color: #2c2f38 !important;
		/*
		color: #282828;
		padding: 10px;
		*/
	}
	/* end of members online */
	
	/* staff online now + other places */
	a.username {
		color: #dadde3 !important;
		/*
		color: #10131a;
		
		display: inline;
		padding: 0;
		*/
	}
	/* end of staff online now */
	
	/* topics list + inbox */
	
	.discussionListItem {
		background-color: #2c2f38 !important;
		border-bottom-color: #546174 !important;
		/*
		background-color: #ffffff;
		border-bottom: 1px solid #e0e4e8;
		*/
	}
	
	div.discussionList dl.sectionHeaders {
		background-color: #2a303a;
		border: 1px solid #546174 !important;
	}

	.discussionListItem .title a {
		color: #dadde3 !important;
	}
		
	.discussionListItem .stats {
		background-color: #2c2f38 !important;
		/*
		background: #fafafa none repeat scroll 0 0;
		border-left: 1px solid #e0e4e8;
		border-right: 1px solid #e0e4e8;
		*/
	}
	
	.discussionListItem .title, .discussionList .stats dd, .discussionList .stats dt {
		color: #dadde3 !important;
	}
	
	.discussionListItem .noteRow {
		background-color: #2c2f38 !important;
		/*
		background-color: #ffffff;
		color: #58a0d9;
		font-size: 11px;
		padding: 5px;
		text-align: center;
		*/
	}
	
	.sectionFooter {
		background-color: #2c2f38 !important;
		color: #dadde3 !important;
		/*
		background-color: #fafafa;
		color: #646464;
		font-size: 11px;
		line-height: 16px;
		padding: 5px 10px;
		*/
	}
	
	#DiscussionListOptionsHandle a {
		background-color: #2c2f38 !important;
		color: #dadde3 !important;
		border-color: #546174 !important;
		/*
		background-color: #ffffff;
		border: 1px solid #e0e4e8;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		color: #646464;
		display: inline-block;
		font-size: 11px;
		margin: 0 auto;
		outline: 0 none;
		padding: 0 20px;
		position: relative;
		right: -50%;
		*/
	}
	
	.discussionListItem .stats {
		border-color: #546174 !important;
		/*
		background: #fafafa none repeat scroll 0 0;
		border-left: 1px solid #e0e4e8;
		border-right: 1px solid #e0e4e8;
		*/
	}
	
	/* end of topics list + inbox */
	
	/* spoliers */
	
	.bbCodeSpoilerText {
		background-color: #2c2f38 !important;
		border-color: #546174 !important;
		/*
		background-color: #fafafa;
		border: 1px solid #e0e4e8;
		border-radius: 5px;
		margin-bottom: 5px;
		margin-right: 140px;
		margin-top: 5px;
		overflow: auto;
		padding: 5px;
		*/
	}
	
	/* end of spoilers */
	
	/* quickreply */
	#QuickReply textarea {
		background-color: #2c2f38 !important;
		color: #dadde3 !important;
		/*
		box-sizing: border-box;
		height: 100px;
		width: 100%;
		*/
	}
	
	/* title bar */
	div.pageContent .titleBar {
		background-color: #2c2f38 !important;
		/*
		background-color: #ffffff;
		background-image: none;
		border-radius: 3px;
		padding: 6px 10px 5px;
		*/
	}
	
	#content .pageContent {
		background-color: transparent !important;
	}
	
	/* forms */
		.xenOverlay .formOverlay {
			background-color: #2c2f38 !important;
			color: #dadde3 !important;
			/*
			background-color: #00ffff;
			border-radius: 2px;
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
			color: #282828;
			margin: 0;
			padding: 10px;
			*/
		}
		
		.xenOverlay .formOverlay .textHeading {
			color: #dadde3 !important;
		}
		
		.textHeading, .xenForm .sectionHeader {
			border-bottom-color: #546174 !important;
			/*
			border-bottom: 1px solid #e0e4e8;
			color: #282828;
			font-weight: 600;
			margin: 10px auto 5px;
			padding-bottom: 2px;
			*/
		}
		
		.xenForm fieldset, .xenForm .formGroup {
			border-top-color: #546174 !important;
			/*
			border-top: 1px solid #e0e4e8;
			margin: 20px auto;
			*/
		}
		
		.textCtrl {
			background-color: #2c2f38 !important;
			color: #dadde3 !important;
			/*
			background-color: #ffffff;
			border-color: #c0c0c0 #e9e9e9 #e9e9e9 #c0c0c0;
			border-radius: 2px;
			border-style: solid;
			border-width: 1px;
			color: #000000;
			font-family: Calibri,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
			font-size: 13px;
			margin-bottom: 2px;
			outline: 0 none;
			padding: 3px;
			*/
		}
		
		.xenOverlay .formOverlay a {
			color: #dadde3 !important;
		}
	/* end of forms */
	
	.primaryContent {
		background-color: #2c2f38 !important;
		/*
		background-color: #ffffff;
		border-bottom: 1px solid #e0e4e8;
		padding: 10px;
		*/
	}
	
	/* end of audiosex.pro */
}

Some real work ahead, so I posting the latest version and should say temporary goodbye.

Spoiler: v0.0.3 alpha

Code:

/* less eye-bleeding audiosex */
/* v0.0.3 alpha */
/* extra-dirty */

/* brutal hack */

html {
   color: #dadde3;
   /*font-weight: bold;*/
}

body {
   color: #dadde3;
}

/* end of brutal hack */

@-moz-document domain(audiosex.pro) {

   /* similar topics hack */

   body {
     /*background-color: #ffffff;*/
     color: #dadde3 !important;
     /*font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
     line-height: 1.28;
     word-wrap: break-word;*/
   }

   /* message background */
   ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
     background-color: #2c2f38 !important;
   }

   /* post text */
   ol#messageList .message .messageContent .messageText, li.message div.signature {
     color: #dadde3 !important;
   }

   /* topic title bg */
   div#content.forum_view div.pageContent .titleBar, div#content.thread_view div.pageContent .titleBar {
     background: #2c2f38 !important;
   }

   /* topic subtitle font */
   div.pageContent .titleBar #pageDescription, div.pageContent .titleBar #pageDescription a {
     color: #646464 !important;
     /*margin-top: 0;*/
   }


   /* useinfo */
   .messageUserBlock .extraUserInfo .pairsJustified dt, .messageUserBlock .extraUserInfo .pairsJustified dd, .messageUserBlock .extraUserInfo .pairsJustified a {
     color: #646464 !important;
   }



   /* quote */
   .bbCodeQuote .quoteContainer {
     background-color: #2c2f38 !important;
     /*border-bottom-left-radius: 2px;*/
     color: #dadde3 !important;
  
     /*
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }

   /* quote gradient */
   .bbCodeQuote .quoteContainer .quoteExpand {
     background: inherit !important;
     /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  
     background-color: #2c2f38 !important;
  
     border: 1px solid #4f6073 !important;
  
     border-bottom-left-radius: 2px;
     box-sizing: border-box;
     color: #f9bc6d;
     cursor: pointer;
     display: none;
     font-size: 11px;
     height: 80px;
     left: 0;
     line-height: 1;
     padding-top: 65px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 90px;
     */
   }

   /* quote container */
   .bbCodeQuote .quoteContainer {
     border: 1px solid #546174 !important;
     /*
     border-bottom-left-radius: 2px;
     color: rgb(40, 40, 40);
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }

   .bbCodeQuote .attribution {
     border-bottom: 1px solid #546174 !important;
     /*
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
     color: #ffffff;*/
   }

   .bbCodeBlock pre, .bbCodeBlock .code {
     /*background: url("styles/brivium/stylium/calcium/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgb(250, 250, 250);*/
     background: #3f4049 !important;
  
     /*
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
     */
     color: #dadde3 !important;
     /*
     direction: ltr;
     font-family: Consolas,"Courier New",Courier,monospace;
     font-size: 10pt;
     line-height: 1.24;
     max-height: 500px;
     min-height: 30px;
     overflow: auto;
     padding: 10px;
     word-wrap: normal;
     */
   }

   li.message div.signature {
     /*background: linear-gradient(to bottom, #edeff2 75%, #cacccf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
     background: inherit !important;
     /*
     border-radius: 6px 40px 6px 6px;
     border-top: 1px dashed #171b25;
     margin-top: 0;
     padding: 5px 6px;
     */
   }

   .redactor_box {
     background-color: #2c2f38 !important;
   /*
     border: 1px solid rgb(224, 228, 232);
     font-size: 0;
     line-height: 0;
     overflow: hidden;
     position: relative;
     color: white !important;
   */

   }

   .dataTable tr.dataRow td {
     background-color: #181c27 !important;
   }

   div.similarThreadsThreadView table.dataTable tr.dataRow th {
     background: none repeat scroll 0 0 #181c27 !important;
     border-bottom: 1px solid #546174 !important;
     border-top: none !important;
   }


   .dataTable tr.dataRow td {
     border-bottom: 1px solid #495671 !important;
   /*
     padding: 5px 10px;
     word-wrap: break-word;
   */
   }

   .sectionMain {
     /*background-color: rgb(255, 255, 255);*/
     border: 1px solid #495671 !important;
   /*
     border-radius: 2px;
     margin: 10px auto;
     padding: 10px;
   */
   }
   /* end of audiosex.pro */
}

Should work with Stylish and userContent.css method.

Spoiler: v0.0.2 alpha

UPD: Improved WIP version. Now with proper quotes, code and other stuff.

Code:

/* less eye bleeding audiosex */
/* v0.0.2 alpha */
/* superdirty */

@-moz-document domain(audiosex.pro) {

   /* background */

   ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
     background-color: #2c2f38 !important;
   }

   /* message */

   ol#messageList .message .messageContent .messageText, li.message div.signature {
     color: #dadde3 !important;
   }

   /* quote */
   .bbCodeQuote .quoteContainer {
     background-color: #2c2f38 !important;
     /*border-bottom-left-radius: 2px;*/
     color: #dadde3 !important;

     /*
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }

   /* quote gradient */
   .bbCodeQuote .quoteContainer .quoteExpand {
     background: inherit !important;
     /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);

     background-color: #2c2f38 !important;

     border: 1px solid #4f6073 !important;

     border-bottom-left-radius: 2px;
     box-sizing: border-box;
     color: #f9bc6d;
     cursor: pointer;
     display: none;
     font-size: 11px;
     height: 80px;
     left: 0;
     line-height: 1;
     padding-top: 65px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 90px;
     */
   }

   /* quote container */
   .bbCodeQuote .quoteContainer {
     border: 1px solid #546174 !important;
     /*
     border-bottom-left-radius: 2px;
     color: rgb(40, 40, 40);
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }

.bbCodeBlock pre, .bbCodeBlock .code {
  /*background: url("styles/brivium/stylium/calcium/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgb(250, 250, 250);*/
   background: #3f4049 !important;

   /*
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
   */
  color: #dadde3 !important;
   /*
  direction: ltr;
  font-family: Consolas,"Courier New",Courier,monospace;
  font-size: 10pt;
  line-height: 1.24;
  max-height: 500px;
  min-height: 30px;
  overflow: auto;
  padding: 10px;
  word-wrap: normal;
   */
}

li.message div.signature {
  /*background: linear-gradient(to bottom, #edeff2 75%, #cacccf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
   background: inherit !important;
   /*
  border-radius: 6px 40px 6px 6px;
  border-top: 1px dashed #171b25;
  margin-top: 0;
  padding: 5px 6px;
   */
}


/*
.redactor_box {
  background-color: #2c2f38 !important;
  border: 1px solid rgb(224, 228, 232);
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
   color: white !important;
}
*/

}

/*
html {
   background-color: #2c2f38 !important;
   background-image: none;
   color: #dadde3 !important;
   cursor: text;
   font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
   font-size: 11pt;
   height: 100%;
   line-height: 1.4;
   max-width: 100%;
   word-wrap: break-word;
}
*/

The only bugger is reply editor. It's iframe and tricky to fix CSS only without the file access. I'll get my hands on it later. Another stuff like topic titles aren't too hard to restyle.

And the madatory fullscreen clibkable screenshot. Someone, turn of this WYSWYG off and enable bbcode by default!



I think colouring could be improved, but I should get more imprortant right.

Spoiler: v0.0.1 alpha

BTW I've updated it right now. The bg colouring is closer to the original and so the text.

Code:

/* less eye bleeding audiosex */
/* v0.0.1 alpha */
/* DIRT */

@-moz-document domain(audiosex.pro) {
   ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
     background-color: #2c2f38 !important;
   }

   ol#messageList .message .messageContent .messageText, li.message div.signature {
     color: #dadde3 !important;
   }

}

Now looks almost like audioz I knew... But avatars and user profiles needs more work badly. And so topic lists. I'm already messed the code with text in hurry, I apologize for those who copied it before the quick fix. Will make the even better version tomorrow.

And obligatory full-screen screenshot in PNG. Clickable.

Spoiler: initial ultra-dirty POC version

Clickable

Code:

/* less eye bleeding audiosex */
/* DIRTY* /
@-moz-document domain(audiosex.pro) {
  .messageContent {
  background-color: #121418 !important;
  }
  .message .messageText {
  color: #d9d9e2 !important;
  }
}

Learn of userContent.css or use the plugin and try my code yourself. You will be surprised.

Even with this simple and dirty hack it's much more bearable to read (althoughs many other css elements requires recolouring too).

I have nothing against the new functionality, but classic time-proven audioz theme should exist. By default. It still not surpassed by... this creation.

I have a knowledge of HTML/CSS/JS and offer developing audioz theme for AudioSex for free, but only it will be the default theme.

P. S. Have forgotten to mention. Feel free to downwote me as much as you like if you don't like my words. Drop it beyond infinity. Attach any wacky badges to my posts. The rating is worthless.

 

Last edited: Sep 10, 2015

your post is all over the place.... but I like the example, can I inject that code with greasemonkey?

 

Some websites actually offer the user a choice of their old version or their upgrade, just click 1 button embedded in the page
and voilà , back to where you once belonged..

 

Which button?

 

IDK man, I know only of the one manual way (chrome/userContent.css in the profile folder), but heard of Stylish plugin that does this automatically site-based and even more.

For example mine, "C:\Users\demontoad\AppData\Roaming\Mozilla\Firefox\Profiles\diz8bdqs.default\chrome\userContent.css". You should create this file manually as this folder contains only examples.

"diz8bdqs.default" is the unique name of your profile, it should be named differently for every user and profile. Just find something that looks like this.

I don't use GreaseMonkey, as powerful as it is, it degrades performance severely.

And, by the way, dark oldschool audioz-style theme for audiosex would be top-notch. But we have only this new Britney theme alone for now. This is exactly the reason I maked an offer of developing it for free as an audioz fan.

 

Last edited: Aug 20, 2015

To bad it isn't a solution for u, whoever is intrested:

instal greasemonkey add this code, replace

// @include *

in

// @include https://audiosex.pro/*

and you are all set

 

Your GreaseMonkey solution may be as good as mine or better, but it involves JavaScript. Mine is purely CSS based, which means no extra load at all. Pick your poison.

I will improve my initial hack gradually as well, visiting audiosex and recolouring the elements I won't like. It will be certainly more convertable into a full-fledged theme or skin (which are CSS + templates and very spare js here and here).

When my custom theme will be deleloped enough (too many white elements now), I'll even make a gif video about installing in into Firefox and Seamonkey. Or one can just use Stylish plugin, it does that in a simple way. Have no expierence with Chrome and Internet Explorer 11, but willing to try at least.

 

Last edited: Aug 20, 2015

im with you mate ...id prefer an all grey theme background with black text but the layout style is very cool ...also try this soft at night or if in your room is dark like mine https://justgetflux.com/

 

Meh... u get used to it. I'm diggin it now.

Another plainer option would be nice for those that want to take their ball and leave I suppose.

 

BTW I've updated it right now. The bg colouring is closer to the original and so the text.

Code:

/* less eye bleeding audiosex */
/* v0.0.1 */
/* DIRT */

@-moz-document domain(audiosex.pro) {
   ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
     background-color: #2c2f38 !important;
   }

   ol#messageList .message .messageContent .messageText, li.message div.signature {
     color: #dadde3 !important;
   }
}

Now looks almost like audioz I knew... But avatars and user profiles needs more work badly. And so topic lists. I'm already messed the code with text in hurry, I apologize for those who copied it before the quick fix. Will make the even better version tomorrow.

And obligatory full-screen screenshot in PNG. Clickable (current topic, unlike previous clip).



Oh, and I wrestled with WYSIWYG editor and images only to realise that it can be disabled and replaced by normal bbcode editor.

Updated the main post with newest version, reformatted everything and used spoilers. Hope it's all in place now.

 

Last edited: Aug 20, 2015

in the other site I mean Superliquid, there is a button that says "old version" .. click and boom..

back to the old display style

 

Have to say, i would much prefer the light text over dark background shown above. ^

Makes much more sense to my eyes. Much less of a harsh contrast.

That said, the default isnt killing me.

 

Personally I like the new style and don't understand why in the world anyone would want to make it like the image depicted in the screenshot which is utterly horrendous in my opinion. It's funny to hear people talk about how the new style is blinding and hard to read and then desire to change it to a black background with white text, a design that has been proven to be more strenuous on the eyes. I also don't get why you think the classic time-proven AudioZ theme should exist when A) It hasn't been around that long. B) There is nothing proven about it, it's just a different style for a different forum. Maybe you like it but that is far from the definition of proven nor is it what the majority of the members would want here, as our recent poll reflects. C) Thankfully this isn't AudioZ, AudioSex is a completely different site. If we had made it look like AudioZ from the get-go then we would no doubt have a forum of angry members making comments about why we made it dark, there's just no pleasing everyone. In fact I had members literally begging me not to bring that style to the new AudioSex and when we rolled it out on AudioZ there were plenty of people that didn't like it. I guess some people are just horrible at change and seem to forget that we provide a free service at personal cost for you guys. There is no way that we will ever change the default style to the one depicted. Ever. If it bothers you that much then don't visit, that's your personal choice. Or futz around with CSS but if you're so rude and crass that you would shit on the hard work that the staff have put into this place for free just so you can come here and lob Britney Spears insults at us, for the second time I might add, then I honestly don't know if I want you to be a member here because that is far from the spirit of this place. It's one thing to express your opinion about something, it's quite another to do it distastefully with no regard for anyone else but yourself. Maybe the problem is that you're using too many drugs, you should look into that.

 

The new style is perfectly great - thanks for putting all that time, energy and love into it!

 

Why not just have a couple of options?

Im sure, as with everything, some like one, some prefer the other...

Choice gives more people a comfortable UI to 'come home' to..

and in the end, isn't that what it's all about?

I would def., prefer a light on dark UI, white backgorunds kill my eyes..

and.. if its a proven fact etc.. why is audioz light over dark?

I also didnt care for the tone of the posts, but I can understand the need for choice.

 

btw, the new biological logo/avatar male and female is meant to attract women to EDM producing, DJ-ing and sound engineering?

 

uhhhrr maybe coz teh site iz entitled "AudioSex" ???? just tell me you were trollin'

 

We do have a couple of options. We've already integrated unprecedented customization in this iteration of the site, more than has ever been available to you guys before and you can tweak to your heart's content. We even offered different styles in your preferences panel so that you could find one that perhaps suited you better. I have no problem with an adjustment here or there and lord knows I've gone to hell and back just to make everyone happy, my issue with this thread in particular is the tone. It doesn't exactly inspire me to want to get to work or take the op seriously and be attentive to his concerns. The issue is that every revision is time-consuming and we're still not done with even dealing with bugs and adding some features that we had slated for release. I equate the experience to being pulled from all sides at once and that's why I haven't even put up a suggestion thread yet. Everyone wants everything just the way they envisioned it and they want it right now. Those changes that were easier to implement I made sure got done right away but some things require some more consideration. We're a small team and we have our own timetable for implementing this or that feature and we also have our own opinions about which features are vital to incorporate. We're not going to change that because one guy is having a conniption fit over our choice of styles. We can barely keep up with things as is because though it may seem like easy work or one might think that they would have done a better job, reality tells a different story. Being a GUI designer you should know all too well that white text on a black background is generally a no-no in the design world. Not always but more often than not. AudioZ is darker simply because we felt that it would suit that forum better. Introninja once equated AudioZ with the city life and AudioSex with the country life and I think that was an apt description both in terms of the design and the general atmosphere. So we approached the GUI in much the same way, with darker colors for AudioZ and a more bright and vibrant look for AudioSex.

 

I just visited Exhale, one of Britney's forums. I'll never do it again. To compare that thing with this site is really insulting. Maybe I'm wrong and was another Britney's forum mentioned. Anyway, I like the way AS is now, and forgive my bad english.

 

I can respect that, i didnt even know there were options, ill have to have a poke around..

anyway.. regarding UI's in general, Ive found that light text over a dark background is FAAAR more popular then vice versa.. just look at many of my designs....

anyway.. like i said, I wont die over it.. and I also didnt like teh tone.