Forum - Neue Farben für das Template Xobor (v6) - Teil 1 - 2

<script>
/* X6 */
$('.card.cat.mb-3.fadeIn:first').before(`
<form>
<select style="cursor:pointer; margin-bottom:10px; margin-top:10px; background:#eeeeee;" size="1" name="Styleswitcher_V6" onChange="top.location = this.form.Styleswitcher_V6.options[this.form.Styleswitcher_V6.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
 
<!-- Auswahl-Menü --> 
<option disabled="disabled"></option>
<option style="font-weight:bold;" value="javascript:v6_style(0)">Standard</option>
<option style="color:#00aa00;font-weight:bold;" value="javascript:v6_style(1)">Grün</option>
<option style="color:#00aaaa;font-weight:bold;" value="javascript:v6_style(2)">Dunkelgrün</option>
<option style="color:#aaaa00;font-weight:bold;" value="javascript:v6_style(3)">Ockergelb</option>
<option style="color:#aa0000;font-weight:bold;" value="javascript:v6_style(4)">Dunkelrot</option>
<option style="color:#0000aa;font-weight:bold;" value="javascript:v6_style(5)">Dunkelblau</option>
<option style="color:#aa00aa;font-weight:bold;" value="javascript:v6_style(6)">Violett</option>
<option style="color:#a0a0a0;font-weight:bold;" value="javascript:v6_style(7)">Silber</option>
<option style="color:#777777;font-weight:bold;" value="javascript:v6_style(8)">Grau</option>
<option style="color:#000000;font-weight:bold;" value="javascript:v6_style(9)">Schwarz</option>
 
</select>
</form>`);
 
if(!localStorage.getItem('switcher_v6')){  
localStorage.setItem('switcher_v6');  
}
 
var styles_v6 = new Array();
 
/* Farben ändern */
styles_v6[0] = '';
styles_v6[1] = '#004400';
styles_v6[2] = '#005555';
styles_v6[3] = '#555500';
styles_v6[4] = '#550000';
styles_v6[5] = '#000055';
styles_v6[6] = '#330033';
styles_v6[7] = '#A0A0A0';
styles_v6[8] = '#777777';
styles_v6[9] = '#111111';
 
function v6_style(n) {
localStorage.setItem('switcher_v6' , (n+","+111)); 
location.reload();
}
 
var Farbe_ändern = styles_v6[localStorage.getItem('switcher_v6').slice(0, 1)] 
 
/* Referenzfarbe aus dem Template */
var Design_X6 = '#3579a1';
 
var keys = Object.values(window.getComputedStyle($('html').get(0)));
var filteredKeys = keys.filter(function (key){return key.indexOf('color') > -1});
var colors = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(Design_X6).splice(1,3); 
var rgb = 'rgb(' + colors.map(function (color){return parseInt(color, 16)}).join(', ') + ')';
 
$("*").each(function (index, element) {
filteredKeys.forEach(function(key) {
if ($(element).css(key) == rgb) {
$(element).css(key, Farbe_ändern);
}
});
});
 
$(function(){ 
 
/* Scroll-Symbol */
document.getElementById("scrollUpImg").style.filter = "grayscale(100%)";
 
/* Profil */
$('.shead,.ava_guest').css({'background':Farbe_ändern,'filter': 'brightness(90%)','color':'#ffffff','border':'1px solid #aaaaaa','justify-content':'center','align-items':'center','display':'flex'}).find('.ava_guest').css({'filter': 'brightness(120%)'});
 
});
</script>
 

<script>
/* HPM Business */
$('.card.cat.mb-3.fadeIn:first').before(`
<form>
<select style="cursor:pointer; margin-bottom:10px; margin-top:10px; background:#eeeeee;" size="1" name="Styleswitcher_V6" onChange="top.location = this.form.Styleswitcher_V6.options[this.form.Styleswitcher_V6.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
 
<!-- Auswahl-Menü --> 
<option disabled="disabled"></option>
<option style="font-weight:bold;" value="javascript:v6_style(0)">Standard</option>
<option style="color:#00aa00;font-weight:bold;" value="javascript:v6_style(1)">Grün</option>
<option style="color:#00aaaa;font-weight:bold;" value="javascript:v6_style(2)">Dunkelgrün</option>
<option style="color:#aaaa00;font-weight:bold;" value="javascript:v6_style(3)">Ockergelb</option>
<option style="color:#aa0000;font-weight:bold;" value="javascript:v6_style(4)">Dunkelrot</option>
<option style="color:#0000aa;font-weight:bold;" value="javascript:v6_style(5)">Dunkelblau</option>
<option style="color:#aa00aa;font-weight:bold;" value="javascript:v6_style(6)">Violett</option>
<option style="color:#a0a0a0;font-weight:bold;" value="javascript:v6_style(7)">Silber</option>
<option style="color:#777777;font-weight:bold;" value="javascript:v6_style(8)">Grau</option>
<option style="color:#000000;font-weight:bold;" value="javascript:v6_style(9)">Schwarz</option>
 
</select>
</form>`);
 
if(!localStorage.getItem('switcher_v6')){  
localStorage.setItem('switcher_v6');  
}
 
var styles_v6 = new Array();
 
/* Farben ändern */
styles_v6[0] = '';
styles_v6[1] = '#004400';
styles_v6[2] = '#005555';
styles_v6[3] = '#555500';
styles_v6[4] = '#550000';
styles_v6[5] = '#000055';
styles_v6[6] = '#330033';
styles_v6[7] = '#A0A0A0';
styles_v6[8] = '#777777';
styles_v6[9] = '#111111';
 
function v6_style(n) {
localStorage.setItem('switcher_v6' , (n+","+111)); 
location.reload();
}
 
var Farbe_ändern = styles_v6[localStorage.getItem('switcher_v6').slice(0, 1)] 
 
/* Referenzfarbe aus dem Template */
var Design_X6 = '#658ba8';
 
var keys = Object.values(window.getComputedStyle($('html').get(0)));
var filteredKeys = keys.filter(function (key){return key.indexOf('color') > -1});
var colors = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(Design_X6).splice(1,3); 
var rgb = 'rgb(' + colors.map(function (color){return parseInt(color, 16)}).join(', ') + ')';
 
$("*").each(function (index, element) {
filteredKeys.forEach(function(key) {
if ($(element).css(key) == rgb) {
$(element).css(key, Farbe_ändern);
}
});
});
 
$(function(){ 
 
/* Scroll-Symbol */
document.getElementById("scrollUpImg").style.filter = "grayscale(100%)";
 
/* Profil */
$('.shead,.ava_guest,#topnav').css({'background':Farbe_ändern,'filter': 'brightness(90%)','color':'#ffffff','border':'1px solid #aaaaaa'}).find('.ava_guest').css({'filter': 'brightness(120%)'});
$('.image_container .ava_guest').css({'justify-content':'center','align-items':'center','display':'flex'});
 
/* BG Hover Aktivity */
$('.row.feed_header').hover(function(){
$(this).css({'background':Farbe_ändern,'filter':'brightness(130%)'}).find('span, span a').css({'color':'#aaaaaa'});
}, function(){
$(this).css({'background':'none','filter':'brightness(100%)'}).find('span,span a').css({'color':''});
});
 
});
</script>
 

<script>
/* Gaia */
$('.card.cat.mb-3.fadeIn:first').before(`
<form>
<select style="cursor:pointer; margin-bottom:10px; margin-top:10px; background:#eeeeee;" size="1" name="Styleswitcher_V6" onChange="top.location = this.form.Styleswitcher_V6.options[this.form.Styleswitcher_V6.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
 
<!-- Auswahl-Menü --> 
<option disabled="disabled"></option>
<option style="font-weight:bold;" value="javascript:v6_style(0)">Standard</option>
<option style="color:#00aa00;font-weight:bold;" value="javascript:v6_style(1)">Grün</option>
<option style="color:#00aaaa;font-weight:bold;" value="javascript:v6_style(2)">Dunkelgrün</option>
<option style="color:#aaaa00;font-weight:bold;" value="javascript:v6_style(3)">Ockergelb</option>
<option style="color:#aa0000;font-weight:bold;" value="javascript:v6_style(4)">Dunkelrot</option>
<option style="color:#0000aa;font-weight:bold;" value="javascript:v6_style(5)">Dunkelblau</option>
<option style="color:#aa00aa;font-weight:bold;" value="javascript:v6_style(6)">Violett</option>
<option style="color:#a0a0a0;font-weight:bold;" value="javascript:v6_style(7)">Silber</option>
<option style="color:#777777;font-weight:bold;" value="javascript:v6_style(8)">Grau</option>
<option style="color:#000000;font-weight:bold;" value="javascript:v6_style(9)">Schwarz</option>
 
</select>
</form>`);
 
if(!localStorage.getItem('switcher_v6')){  
localStorage.setItem('switcher_v6');  
}
 
var styles_v6 = new Array();
 
/* Farben ändern */
styles_v6[0] = '';
styles_v6[1] = '#004400';
styles_v6[2] = '#005555';
styles_v6[3] = '#555500';
styles_v6[4] = '#550000';
styles_v6[5] = '#000055';
styles_v6[6] = '#330033';
styles_v6[7] = '#A0A0A0';
styles_v6[8] = '#777777';
styles_v6[9] = '#111111';
 
function v6_style(n) {
localStorage.setItem('switcher_v6' , (n+","+111)); 
location.reload();
}
 
var Farbe_ändern = styles_v6[localStorage.getItem('switcher_v6').slice(0, 1)] 
 
/* Referenzfarbe aus dem Template */
var Design_X6 = '#3579a1';
 
var keys = Object.values(window.getComputedStyle($('html').get(0)));
var filteredKeys = keys.filter(function (key){return key.indexOf('color') > -1});
var colors = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(Design_X6).splice(1,3); 
var rgb = 'rgb(' + colors.map(function (color){return parseInt(color, 16)}).join(', ') + ')';
 
$("*").each(function (index, element) {
filteredKeys.forEach(function(key) {
if ($(element).css(key) == rgb) {
$(element).css(key, Farbe_ändern);
}
});
});
 
$(function(){
 
/* Scroll-Symbol */
document.getElementById("scrollUpImg").style.filter = "grayscale(100%)";
 
/* Profil */
$('.shead,.ava_guest').css({'background':Farbe_ändern,'filter': 'brightness(90%)','color':'#ffffff','border':'1px solid #aaaaaa','justify-content':'center','align-items':'center','display':'flex'}).find('.ava_guest').css({'filter': 'brightness(120%)'});
 
});
</script>
 

<script>
/* HPM Classic */
$('.card.cat.mb-3.fadeIn:first').before(`
<form>
<select style="cursor:pointer; margin-bottom:10px; margin-top:10px; background:#eeeeee;" size="1" name="Styleswitcher_V6" onChange="top.location = this.form.Styleswitcher_V6.options[this.form.Styleswitcher_V6.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
 
<!-- Auswahl-Menü --> 
<option disabled="disabled"></option>
<option style="font-weight:bold;" value="javascript:v6_style(0)">Standard</option>
<option style="color:#00aa00;font-weight:bold;" value="javascript:v6_style(1)">Grün</option>
<option style="color:#00aaaa;font-weight:bold;" value="javascript:v6_style(2)">Dunkelgrün</option>
<option style="color:#aaaa00;font-weight:bold;" value="javascript:v6_style(3)">Ockergelb</option>
<option style="color:#aa0000;font-weight:bold;" value="javascript:v6_style(4)">Dunkelrot</option>
<option style="color:#0000aa;font-weight:bold;" value="javascript:v6_style(5)">Dunkelblau</option>
<option style="color:#aa00aa;font-weight:bold;" value="javascript:v6_style(6)">Violett</option>
<option style="color:#a0a0a0;font-weight:bold;" value="javascript:v6_style(7)">Silber</option>
<option style="color:#777777;font-weight:bold;" value="javascript:v6_style(8)">Grau</option>
<option style="color:#000000;font-weight:bold;" value="javascript:v6_style(9)">Schwarz</option>
 
</select>
</form>`);
 
if(!localStorage.getItem('switcher_v6')){  
  localStorage.setItem('switcher_v6');  
}
 
var styles_v6 = new Array();
 
/* Farben ändern */
styles_v6[0] = '';
styles_v6[1] = '#004400';
styles_v6[2] = '#005555';
styles_v6[3] = '#555500';
styles_v6[4] = '#550000';
styles_v6[5] = '#000055';
styles_v6[6] = '#330033';
styles_v6[7] = '#A0A0A0';
styles_v6[8] = '#777777';
styles_v6[9] = '#111111';
 
function v6_style(n) {
  localStorage.setItem('switcher_v6' , (n+","+111)); 
  location.reload();
}
 
var Farbe_ändern = styles_v6[localStorage.getItem('switcher_v6').slice(0, 1)] 
 
/* Referenzfarben aus dem Template */
var Design_X6_Schrift = '#0000cc';
var Design_X6_Background = '#0730b0';
 
var keys = Object.values(window.getComputedStyle($('html').get(0)));
var filteredKeys = keys.filter(function (key){return key.indexOf('color') > -1});
var colors = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(Design_X6_Background).splice(1,3); 
var rgb = 'rgb(' + colors.map(function (color){return parseInt(color, 16)}).join(', ') + ')';
 
$("*").each(function (index, element) {
  filteredKeys.forEach(function(key) {
   if ($(element).css(key) == rgb) {
    $(element).css(key, Farbe_ändern);
   }
  });
});
 
var colors = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(Design_X6_Schrift).splice(1,3);
var rgb = 'rgb(' + colors.map(function (color){return parseInt(color, 16)}).join(', ') + ')';
 
$("*").each(function (index, element) {
  filteredKeys.forEach(function(key) {
   if ($(element).css(key) == rgb) {
    $(element).css(key, Farbe_ändern);
   }
  });
});
 
$(function(){
 
/* Scroll-Symbol */
document.getElementById("scrollUpImg").style.filter = "grayscale(100%)";
 
/* Profil */
$('.shead, .ava_guest').css({'background':Farbe_ändern,'filter': 'brightness(90%)','color':'#ffffff','border':'1px solid #aaaaaa'}).find('.ava_guest').css({'filter': 'brightness(120%)'});
$('.image_container .ava_guest').css({'justify-content':'center','align-items':'center','display':'flex'});
 
});
</script>
 

<script>
/* Zeitlos Blau */
$('.card.cat.mb-3.fadeIn:first').before(`
<form>
<select style="cursor:pointer; margin-bottom:10px; margin-top:10px; background:#eeeeee;" size="1" name="Styleswitcher_V6" onChange="top.location = this.form.Styleswitcher_V6.options[this.form.Styleswitcher_V6.selectedIndex].value;">
<option selected="selected" disabled="disabled">Forum Style ändern...</option>
 
<!-- Auswahl-Menü --> 
<option disabled="disabled"></option>
<option style="font-weight:bold;" value="javascript:v6_style(0)">Standard</option>
<option style="color:#00aa00;font-weight:bold;" value="javascript:v6_style(1)">Grün</option>
<option style="color:#00aaaa;font-weight:bold;" value="javascript:v6_style(2)">Dunkelgrün</option>
<option style="color:#aaaa00;font-weight:bold;" value="javascript:v6_style(3)">Ockergelb</option>
<option style="color:#aa0000;font-weight:bold;" value="javascript:v6_style(4)">Dunkelrot</option>
<option style="color:#0000aa;font-weight:bold;" value="javascript:v6_style(5)">Dunkelblau</option>
<option style="color:#aa00aa;font-weight:bold;" value="javascript:v6_style(6)">Violett</option>
<option style="color:#a0a0a0;font-weight:bold;" value="javascript:v6_style(7)">Silber</option>
<option style="color:#777777;font-weight:bold;" value="javascript:v6_style(8)">Grau</option>
<option style="color:#000000;font-weight:bold;" value="javascript:v6_style(9)">Schwarz</option>
 
</select>
</form>`);
 
if(!localStorage.getItem('switcher_v6')){  
localStorage.setItem('switcher_v6');  
}
 
var styles_v6 = new Array();
 
/* Farben ändern */
styles_v6[0] = '';
styles_v6[1] = '#004400';
styles_v6[2] = '#005555';
styles_v6[3] = '#555500';
styles_v6[4] = '#550000';
styles_v6[5] = '#000055';
styles_v6[6] = '#330033';
styles_v6[7] = '#A0A0A0';
styles_v6[8] = '#777777';
styles_v6[9] = '#111111';
 
function v6_style(n) {
localStorage.setItem('switcher_v6' , (n+","+111)); 
location.reload();
}
 
var Farbe_ändern = styles_v6[localStorage.getItem('switcher_v6').slice(0, 1)] 
 
/* Referenzfarbe aus dem Template */
var Design_X6 = '#3579a1';
 
var keys = Object.values(window.getComputedStyle($('html').get(0)));
var filteredKeys = keys.filter(function (key){return key.indexOf('color') > -1});
var colors = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(Design_X6).splice(1,3); 
var rgb = 'rgb(' + colors.map(function (color){return parseInt(color, 16)}).join(', ') + ')';
 
window.addEventListener('load', function(){
 
$("*").each(function (index, element) {
filteredKeys.forEach(function(key) {
if ($(element).css(key) == rgb) {
$(element).css(key, Farbe_ändern);
}
});
});
});
 
$(function(){ 
/* Scroll-Symbol */
document.getElementById("scrollUpImg").style.filter = "grayscale(100%)";
 
/* Profil */
$('.shead,.ava_guest').css({'background':Farbe_ändern,'filter': 'brightness(90%)','color':'#ffffff','border':'1px solid #aaaaaa','justify-content':'center','align-items':'center','display':'flex'}).find('.ava_guest').css({'filter': 'brightness(120%)'});
 
/* Titelleisten */
$('.card-header, .forum_listing th').css({'background': 'linear-gradient(#222222,'+ Farbe_ändern +','+ Farbe_ändern +')'});
$('.tree_controll_links .tree_answer_link').css({'color': '#ffffff'})
 
});
</script>