MediaWiki:Common.css: Difference between revisions
From WargameChess
CalebAdmin (talk | contribs) No edit summary |
CalebAdmin (talk | contribs) No edit summary |
||
Line 5: | Line 5: | ||
--text: #735751; | --text: #735751; | ||
--headings: #735751; | --headings: #735751; | ||
-- | --content-bg: #e7d7c1; | ||
--link: # | --link: #F1BB6E ; | ||
--link-visited: # | --link-visited: #C68429 ; | ||
--link-hover: #06e; | --link-hover: #06e; | ||
} | } | ||
Line 15: | Line 15: | ||
:root{ | :root{ | ||
--var-text-color: var(--text); | --var-text-color: var(--text); | ||
--var-background-color: var(-- | --var-background-color: var(--content-bg); | ||
--var-link: var(--link); | --var-link: var(--link); | ||
Line 23: | Line 23: | ||
} | } | ||
/*DarkMode*/ | /*DarkMode - invert text and background (can add darkMode variables)*/ | ||
:root.client-darkmode{ | :root.client-darkmode{ | ||
--var-text-color: var(-- | --var-text-color: var(--content-bg); | ||
--var-background-color: var(--text); | --var-background-color: var(--text); | ||
Revision as of 13:48, 30 January 2025
/* CSS placed here will be applied to all skins */
/* Edit These Variables! */
:root{
--text: #735751;
--headings: #735751;
--content-bg: #e7d7c1;
--link: #F1BB6E ;
--link-visited: #C68429 ;
--link-hover: #06e;
}
/*LightMode*/
:root{
--var-text-color: var(--text);
--var-background-color: var(--content-bg);
--var-link: var(--link);
--var-link-visited: var(--link-visited);
--var-link-hover: var(--link-hover);
--var-link-active: #000;
}
/*DarkMode - invert text and background (can add darkMode variables)*/
:root.client-darkmode{
--var-text-color: var(--content-bg);
--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;
}
/* Table of Contents */
#toc { float: right };
/* 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);
}
/* Hides links in Sidebar - Tools */
#t-whatlinkshere{
display: none;
}
#t-recentchangeslinked{
display: none;
}
#t-upload{
display: none;
}
#t-specialpages{
display: none;
}
#t-permalink{
display: none;
}
#t-info{
display: none;
}
#t-cite{
display: none;
}
/* Hides links for Page and Discussion */
div#p-namespaces{
display: none;
}
#content {
background-color: var(--var-background-color);
}
body {
color: var(--var-text-color);
}