MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 10: Line 10:
}
}


/* style for displaying source code */
/* style for displaying source code and terminal commands */


pre.code {
.code, .terminal {
     color: var(--rf-light-fg);
     color: var(--rf-light-fg);
     background: var(--rf-light-bg);
     background: var(--rf-light-bg);
    border: 0px;
    border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
    pre.code {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}
}


span.code {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
     span.code {
     .code, .terminal {
         color: var(--rf-dark-fg);
         color: var(--rf-dark-fg);
         background: var(--rf-dark-bg);
         background: var(--rf-dark-bg);
Line 39: Line 24:
}
}


/* style for displaying terminal commands */
pre.code, pre.terminal {
 
     border: 0px;
pre.terminal {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
     border: 0px solid black;
     border-radius: 6px;
     border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
    pre.terminal {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}
}


span.terminal {
span.code, span.terminal {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
     border-radius: 6px;
     border-radius: 6px;
     padding-left: 4px;
     padding-left: 4px;
     padding-right: 4px;
     padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
    span.terminal {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}
}

Latest revision as of 2024-11-12T13:29:01

/* CSS placed here will be applied to all skins */

/* color definitions */

:root {
    --rf-light-fg: white;
    --rf-light-bg: #777;
    --rf-dark-fg: #eee;
    --rf-dark-bg: #004;
}

/* style for displaying source code and terminal commands */

.code, .terminal {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
}

@media (prefers-color-scheme: dark) {
    .code, .terminal {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}

pre.code, pre.terminal {
    border: 0px;
    border-radius: 6px;
}

span.code, span.terminal {
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}