MediaWiki:Common.css

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

/* Edit These Variables! */
:root{
    --text: #735751;
    --headings: #735751;
    --background: #e7d7c1;

    --link: #00e;
    --link-visited: #551a8b;
    --link-hover: #06e;
}

/*LightMode*/
:root{
    --var-text-color: var(--text);
    --var-background-color: var(--background);

    --var-link: var(--link);
    --var-link-visited: var(--link-visited);
    --var-link-hover: var(--link-hover);
    --var-link-active: #000;
}

/*DarkMode*/
:root.client-darkmode{
    --var-text-color: var(--background);
    --var-background-color: var(--text);

    --var-link: hsl(var(--link) h s calc(l + 40%));
    --var-link-visited: hsl(var(--link-visited) h s calc(l + 40%));
    --var-link-hover: hsl(var(--link-hover) h s calc(l + 40%));
    --var-link-active: #fff;

}

/* unvisited links       */
a:link{ 
    color: var(--var-link);
}  
/* visited links         */
a:visited{ 
    color: var(--var-link-visited);
}  
/* user hovers, or focus */
a:hover, a:focus{ 
    color: var(--link-hover); 
}  
/* active links          */
a:active{ 
    color: var(--var-link-active);
}  



body {
  /*background: var(--color-text);*/
  /*background-image: url(/images/8/8e/Backgroundred.png)*/
}


#content { background-color: #e4e4e4 }


body { color: var(--var-text-color); }


#content h1 { color: #222221; }

#content h2 { color: #222221; }

#content h3 { color: #222221; }