MediaWiki:Common.css: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
(10 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
Linha 1: | Linha 1: | ||
/ | @import url(//meta.wikimedia.org/wiki/User:Aron_Manning/skin-theming.css?action=raw&ctype=text/css); | ||
: | /** Mild mode: light gray palette **/ | ||
/**/ :root, /* Make it the default palette */ | |||
:root.mild { | |||
/* Dark mode colors inverted for text */ | |||
--text-shade-1: #000; | |||
--text-shade-2: #222; | |||
--text-shade-3: #444; | |||
--text-shade-4: #666; | |||
/* Handpicked dark red palette for links */ | |||
--link-shade-1: #8b0000; | |||
--link-shade-2: #7a0000; | |||
--link-shade-3: #690000; | |||
--link-shade-4: #580000; | |||
--link-focus-bg: #8b000040; /* dark red + alpha 25% */ | |||
--link-focus-bg: #8b0000d3; /* dark red + alpha 20%, rounded */ | |||
/* Handpicked light gray palette for background */ | |||
--bg-overlay-0: #9998; | |||
--bg-shadow-0: #0004; | |||
/* | --popup-bg: #cccd; | ||
--popup-anim-bg: var(--bg-shade-6); | |||
--popup-anim-bg: #999c; /* darken(var(--popup-bg), 2) */ | |||
--popup-anim-bg: #333c; | |||
--popup-anim-bg: #0006; /* invert dark */ | |||
--bg-shadow-1: var(--bg-shade-0); | |||
--bg-shade-0: #999; | |||
--bg-shade-1: #aaa; | |||
--bg-shade-2: #bbb; | |||
--bg-shade-3: #ddd; | |||
--border-shade-3: var(--bg-shade-2); | |||
--bg-shade-3a: #e1e1e1; /* +7: +4 */ | |||
/* --bg-shade-4: #e5e5e5; */ /* +6: +4 */ | |||
/* | --bg-shade-4: #e8e8e8; /* +6: +7 */ /* table row 1 */ | ||
--border-shade-4: var(--bg-shade-2); | |||
--bg-shade-48: #e8e8e8; /* +4 :+3 */ | |||
--bg-shade-4a: #eaeaea; /* +2 */ | |||
--bg-shade-50: #eeeeee; /* +6: +4 */ | |||
--bg-shade-5: #f2f2f2; /* +5: +4 */ /* table row 2 */ | |||
--bg-shade-6: #fff; /* +17: +13 */ | |||
/* | |||
/* | |||
/* | |||
/* | |||
/* Difference view: gray, red and green with highlights */ | |||
--diff-bg: #fff2; /* brighten -- add some white with transparency -> #e1e1e1 */ | |||
--diff-bg: #fff4; /* brighten -- add some white with transparency -> #e6e6e6 */ | |||
--diff-bg: #fff5; /* brighten -- add some white with transparency -> #e8e8e8 */ | |||
--diff-bg: #fff7; /* brighten -- add some white with transparency -> #ededed */ | |||
--diff-bg: #fff8; /* brighten -- add some white with transparency -> #efefef */ | |||
--diff-bg: var(--bg-shade-4); /* #e8e8e8 */ | |||
--diff-text: #222; | |||
--diff-text: var(--text-shade-2); /* #222 */ | |||
/* | /* --diff-add-bg: #0f04; */ /* bit bright */ | ||
--diff-add-bg: #0f03; /* add some green to --bg-shade-3 -> #b1e2b6 */ | |||
--diff-add-bg: #aea; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ | |||
--diff-add-bg: #beb; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ | |||
--diff-add-bg: #bdb; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ | |||
--diff-add-bg: #ada; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ | |||
--diff-add-bg-1: #0f05; /* add more green -> #3fef47 */ | |||
--diff-add-bg-1: #4e4; /* #ada + #0f05 -> #3fef47 rounded */ | |||
--diff-add-bg-1: #6d6; /* #ada + #0f05 -> #3fef47, darker */ | |||
--diff-add-bg-1: #5d5; /* #ada + #0f05 -> #3fef47, darker */ | |||
/* --diff-del-bg: #f004; */ /* bit bright */ | |||
--diff-del-bg: #f003; /* add some red to --bg-shade-3 -> #e6b5b5 */ | |||
--diff-del-bg: #eaa; /* #e8e8e8 + #f003 -> #e6b5b5 rounded */ | |||
--diff-del-bg-1: #f005; /* add more red -> #f57978 */ | |||
--diff-del-bg-1: #e77; /* #533 + #f005 -> #f57978 rounded */ | |||
--diff-del-bg-1: #e66; /* #533 + #f005 -> #f57978 rounded, bit darker */ | |||
--diff-del-bg-1: #e55; /* #533 + #f005 -> #f57978, darker */ | |||
--image-invert: ''; | |||
} | } | ||
Edição atual tal como às 20h31min de 26 de outubro de 2023
@import url(//meta.wikimedia.org/wiki/User:Aron_Manning/skin-theming.css?action=raw&ctype=text/css); /** Mild mode: light gray palette **/ /**/ :root, /* Make it the default palette */ :root.mild { /* Dark mode colors inverted for text */ --text-shade-1: #000; --text-shade-2: #222; --text-shade-3: #444; --text-shade-4: #666; /* Handpicked dark red palette for links */ --link-shade-1: #8b0000; --link-shade-2: #7a0000; --link-shade-3: #690000; --link-shade-4: #580000; --link-focus-bg: #8b000040; /* dark red + alpha 25% */ --link-focus-bg: #8b0000d3; /* dark red + alpha 20%, rounded */ /* Handpicked light gray palette for background */ --bg-overlay-0: #9998; --bg-shadow-0: #0004; --popup-bg: #cccd; --popup-anim-bg: var(--bg-shade-6); --popup-anim-bg: #999c; /* darken(var(--popup-bg), 2) */ --popup-anim-bg: #333c; --popup-anim-bg: #0006; /* invert dark */ --bg-shadow-1: var(--bg-shade-0); --bg-shade-0: #999; --bg-shade-1: #aaa; --bg-shade-2: #bbb; --bg-shade-3: #ddd; --border-shade-3: var(--bg-shade-2); --bg-shade-3a: #e1e1e1; /* +7: +4 */ /* --bg-shade-4: #e5e5e5; */ /* +6: +4 */ --bg-shade-4: #e8e8e8; /* +6: +7 */ /* table row 1 */ --border-shade-4: var(--bg-shade-2); --bg-shade-48: #e8e8e8; /* +4 :+3 */ --bg-shade-4a: #eaeaea; /* +2 */ --bg-shade-50: #eeeeee; /* +6: +4 */ --bg-shade-5: #f2f2f2; /* +5: +4 */ /* table row 2 */ --bg-shade-6: #fff; /* +17: +13 */ /* Difference view: gray, red and green with highlights */ --diff-bg: #fff2; /* brighten -- add some white with transparency -> #e1e1e1 */ --diff-bg: #fff4; /* brighten -- add some white with transparency -> #e6e6e6 */ --diff-bg: #fff5; /* brighten -- add some white with transparency -> #e8e8e8 */ --diff-bg: #fff7; /* brighten -- add some white with transparency -> #ededed */ --diff-bg: #fff8; /* brighten -- add some white with transparency -> #efefef */ --diff-bg: var(--bg-shade-4); /* #e8e8e8 */ --diff-text: #222; --diff-text: var(--text-shade-2); /* #222 */ /* --diff-add-bg: #0f04; */ /* bit bright */ --diff-add-bg: #0f03; /* add some green to --bg-shade-3 -> #b1e2b6 */ --diff-add-bg: #aea; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ --diff-add-bg: #beb; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ --diff-add-bg: #bdb; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ --diff-add-bg: #ada; /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */ --diff-add-bg-1: #0f05; /* add more green -> #3fef47 */ --diff-add-bg-1: #4e4; /* #ada + #0f05 -> #3fef47 rounded */ --diff-add-bg-1: #6d6; /* #ada + #0f05 -> #3fef47, darker */ --diff-add-bg-1: #5d5; /* #ada + #0f05 -> #3fef47, darker */ /* --diff-del-bg: #f004; */ /* bit bright */ --diff-del-bg: #f003; /* add some red to --bg-shade-3 -> #e6b5b5 */ --diff-del-bg: #eaa; /* #e8e8e8 + #f003 -> #e6b5b5 rounded */ --diff-del-bg-1: #f005; /* add more red -> #f57978 */ --diff-del-bg-1: #e77; /* #533 + #f005 -> #f57978 rounded */ --diff-del-bg-1: #e66; /* #533 + #f005 -> #f57978 rounded, bit darker */ --diff-del-bg-1: #e55; /* #533 + #f005 -> #f57978, darker */ --image-invert: ''; }