MediaWiki:Common.css: Difference between revisions

mNo edit summary
Added support for dark mode.
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/*
body.page-Main_Page .title, body.page-Main_Page #tagline
body.page-Main_Page .title, body.page-Main_Page #tagline
{
{
Line 10: Line 11:
     display: none;
     display: none;
}
}
*/


/* source code */
/* source code */
Line 29: Line 31:


/* terminal commands */
/* terminal commands */
pre.terminal
pre.terminal {
{
     color: #ffe;
     color: #ffe;
     background: #888;
     background: #888;
Line 36: Line 37:
     border-radius: 6px;
     border-radius: 6px;
}
}
span.terminal
span.terminal {
{
     color: #ffe;
     color: #ffe;
     background: #888;
     background: #888;
Line 43: Line 43:
     padding-left: 4px;
     padding-left: 4px;
     padding-right: 4px;
     padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
    pre.terminal {
        color: #888;
        background: #ffe;
        border: 0px solid #888;
    }
    span.terminal {
        color: #888;
        background: #ffe;
    }
}
}


/* side note area */
/* side note area
div.sidenote
div.sidenote
{
{
Line 56: Line 67:
     border-radius: 6px;
     border-radius: 6px;
}
}
*/

Revision as of 2024-11-12T06:00:38

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

/*
body.page-Main_Page .title, body.page-Main_Page #tagline
{
    display: none;
}

.tocnumber
{
    display: none;
}
*/

/* source code */
pre.code
{
    color: black;
    background: #eee;
    border: 0px solid #eee;
    border-radius: 6px;
}
span.code
{
    color: black;
    background: #eee;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}

/* terminal commands */
pre.terminal {
    color: #ffe;
    background: #888;
    border: 0px solid #888;
    border-radius: 6px;
}
span.terminal {
    color: #ffe;
    background: #888;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
    pre.terminal {
        color: #888;
        background: #ffe;
        border: 0px solid #888;
    }
    span.terminal {
        color: #888;
        background: #ffe;
    }
}

/* side note area
div.sidenote
{
    background: #f8f8f0;
    margin-left: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 6px;
}
*/