Benutzer:Wiegels/js/mainpage-colors.js
< Benutzer:Wiegels | js
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
// Hauptseite färben
(function() {
var styles = '';
[
['#222', 'willkommen'],
['#402', 'nachrichten'],
['#204', 'verstorbene'],
['#024', 'wissenswertes'],
['#222', 'schwesterprojekte'],
['#042', 'ereignisse'],
['#240', 'artikel'],
['#420', 'wikipedia']
].forEach(function([color, name]) {
var bcolor = color.replace(/0/g, '9').replace(/2/g, 'b').replace(/4/g, 'd'),
bgcolor0 = color.replace(/0/g, 'c').replace(/2/g, 'd').replace(/4/g, 'e'),
bgcolor1 = color.replace(/0/g, 'f3').replace(/2/g, 'f7').replace(/4/g, 'fb');
styles += (
'$0-title { background-color:'+bgcolor0+'; border-color:'+bcolor+'; color:'+color+'; } '+
'$0-content { background-color:'+bgcolor1+'; border-color:'+bcolor+'; } '+
'$0-content hr { background-color:'+bcolor+'; color:'+bcolor+'; } '+
'$0-content li::after { color:'+bcolor+'; } ').
replace(/\$0/g, '#'+name+' .hauptseite-box');
});
$('head').append('<style type="text/css">'+styles+'</style>');
})();