« MediaWiki:Common.js » : différence entre les versions
Apparence
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 34 : | Ligne 34 : | ||
root.style.setProperty('--cdx-color-accent--disabled', '#00ff5a', 'important'); | root.style.setProperty('--cdx-color-accent--disabled', '#00ff5a', 'important'); | ||
root.style.setProperty('--cdx-color-accent--readonly', '#00ff5a', 'important'); | root.style.setProperty('--cdx-color-accent--readonly', '#00ff5a', 'important'); | ||
}); | |||
mw.loader.using('mediawiki.util', function() { | |||
var css = ` | |||
.vector-pinnable-header-toggle-button { | |||
display: inline-block !important; | |||
background: #000 !important; | |||
border: 2px solid #00ff5a !important; | |||
color: #00ff5a !important; | |||
padding: 4px 8px !important; | |||
font-size: 0.75rem !important; | |||
border-radius: 2px !important; | |||
cursor: pointer !important; | |||
transition: background 0.2s, color 0.2s, border-color 0.2s; | |||
} | |||
.vector-pinnable-header-toggle-button:hover, | |||
.vector-pinnable-header-toggle-button:focus { | |||
background: #00ff5a !important; | |||
color: #000 !important; | |||
border-color: #00ff5a !important; | |||
} | |||
`; | |||
var style = document.createElement('style'); | |||
style.innerHTML = css; | |||
document.head.appendChild(style); | |||
}); | }); | ||
Version du 27 mai 2025 à 17:29
/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */
mw.loader.using('mediawiki.util', function() {
var root = document.documentElement;
// Fond et texte
root.style.setProperty('--background-color-base', '#000', 'important');
root.style.setProperty('--background-color-neutral-subtle', '#111', 'important');
root.style.setProperty('--background-color-page-container', '#000', 'important');
root.style.setProperty('--color-base', '#fff', 'important');
document.body.style.background = '#000';
document.body.style.color = '#fff';
// Couleurs d'accent et liens
root.style.setProperty('--color-progressive', '#00ff5a', 'important');
root.style.setProperty('--color-link', '#00ff5a', 'important');
root.style.setProperty('--color-link--visited', '#00ff5a', 'important');
root.style.setProperty('--color-link--hover', '#fff', 'important');
root.style.setProperty('--color-link--active', '#00ff5a', 'important');
root.style.setProperty('--color-interactive', '#00ff5a', 'important');
root.style.setProperty('--color-interactive--hover', '#fff', 'important');
root.style.setProperty('--color-interactive--active', '#00ff5a', 'important');
root.style.setProperty('--color-button', '#00ff5a', 'important');
root.style.setProperty('--color-button--hover', '#fff', 'important');
root.style.setProperty('--color-button--active', '#00ff5a', 'important');
// Boutons radio et checkbox Codex/Codex
root.style.setProperty('--cdx-color-accent', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--hover', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--active', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--focus', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--selected', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--checked', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--pressed', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--visited', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--disabled', '#00ff5a', 'important');
root.style.setProperty('--cdx-color-accent--readonly', '#00ff5a', 'important');
});
mw.loader.using('mediawiki.util', function() {
var css = `
.vector-pinnable-header-toggle-button {
display: inline-block !important;
background: #000 !important;
border: 2px solid #00ff5a !important;
color: #00ff5a !important;
padding: 4px 8px !important;
font-size: 0.75rem !important;
border-radius: 2px !important;
cursor: pointer !important;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.vector-pinnable-header-toggle-button:hover,
.vector-pinnable-header-toggle-button:focus {
background: #00ff5a !important;
color: #000 !important;
border-color: #00ff5a !important;
}
`;
var style = document.createElement('style');
style.innerHTML = css;
document.head.appendChild(style);
});