MediaWiki

Common.css

From Shadow Era Wiki

Revision as of 07:36, 6 September 2024 by Blopi (Talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* Variables de couleurs basées sur le thème Mariana */
:root {
    --black: hsl(0, 0%, 0%);
    --blue: hsl(210, 50%, 60%);
    --blue-vibrant: hsl(210, 60%, 60%);
    --blue2: hsla(210, 13%, 40%, 0.7);
    --blue3: hsl(210, 15%, 22%);
    --blue4: hsl(210, 13%, 45%);
    --blue5: hsl(180, 36%, 54%);
    --blue6: hsl(221, 12%, 69%);
    --green: hsl(114, 31%, 68%);
    --grey: hsl(0, 0%, 20%);
    --orange: hsl(32, 93%, 66%);
    --orange2: hsl(32, 85%, 55%);
    --orange3: hsl(40, 94%, 68%);
    --pink: hsl(300, 30%, 68%);
    --red: hsl(357, 79%, 65%);
    --red2: hsl(13, 93%, 66%);
    --white: hsl(0, 0%, 100%);
    --white2: hsl(0, 0%, 97%);
    --white3: hsl(219, 28%, 88%);
}
 
/* Style global pour les blocs de code */
pre .source-csharp {
    color: var(--white3) !important;
}
 
/* Sélection de texte */
pre .source-csharp .selection {
    background-color: var(--blue2) !important;
}
 
/* Couleur du curseur */
pre .source-csharp .caret {
    color: var(--orange) !important;
}
 
/* Commentaires */
pre .source-csharp .comment,
pre .source-csharp .punctuation.definition.comment {
    color: var(--blue6) !important;
}
 
/* Chaînes de caractères */
pre .source-csharp .string {
    color: var(--green) !important;
}
 
/* Nombres */
pre .source-csharp .constant.numeric {
    color: var(--orange) !important;
}
 
/* Constantes intégrées (true, false, null) */
pre .source-csharp .constant.language {
    color: var(--red) !important;
    font-style: italic;
}
 
/* Constantes utilisateur */
pre .source-csharp .constant.character,
pre .source-csharp .constant.other {
    color: var(--pink) !important;
}
 
/* Variables membres */
pre .source-csharp .variable.member {
    color: var(--red) !important;
}
 
/* Mots-clés */
pre .source-csharp .keyword:not(.operator) {
    color: var(--pink) !important;
}
 
/* Opérateurs */
pre .source-csharp .keyword.operator {
    color: var(--red2) !important;
}
 
/* Ponctuation */
pre .source-csharp .punctuation.separator,
pre .source-csharp .punctuation.terminator {
    color: var(--blue6) !important;
}
 
pre .source-csharp .punctuation.section {
    color: var(--white) !important;
}
 
pre .source-csharp .punctuation.accessor {
    color: var(--blue6) !important;
}
 
/* Fonctions et appels de fonction */
pre .source-csharp .entity.name.function,
pre .source-csharp .variable.function,
pre .source-csharp .variable.annotation {
    color: var(--blue) !important;
}
 
/* Variables */
pre .source-csharp .variable.parameter {
    color: var(--orange) !important;
}
 
/* Classes et types */
pre .source-csharp .support.type,
pre .source-csharp .support.class {
    color: var(--blue) !important;
    font-style: italic;
}
 
/* Types de stockage (ex : int, void) */
pre .source-csharp .storage.type {
    color: var(--pink) !important;
    font-style: italic;
}
 
/* Balises */
pre .source-csharp .entity.name.tag {
    color: var(--red) !important;
}
 
/* Attributs de balise */
pre .source-csharp .entity.other.attribute-name {
    color: var(--pink) !important;
}
 
/* Marques de ponctuation pour les annotations */
pre .source-csharp .punctuation.definition.annotation {
    color: var(--blue5) !important;
}
 
/* Invalid (erreurs) */
pre .source-csharp .invalid {
    color: var(--white2) !important;
    background-color: var(--red) !important;
}
 
/* Code Inline et blocs */
pre .source-csharp .markup.raw,
pre .source-csharp .markup.raw.inline {
    background-color: hsla(210, 13%, 40%, 0.38) !important;
}
 
/* Marqueur pour le texte mis en évidence (par exemple recherche) */
pre .source-csharp .highlight {
    background-color: var(--orange3) !important;
    color: var(--grey) !important;
}
 
/* Textes des résultats des recherches */
pre .source-csharp .find_highlight {
    background-color: var(--orange3) !important;
    color: var(--grey) !important;
}
 
/* Textes barrés pour éléments obsolètes */
pre .source-csharp .invalid.deprecated {
    color: var(--white2) !important;
    background-color: var(--orange2) !important;
}