MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
3,202 bytes added ,  08:04, 31 March 2022
no edit summary
No edit summary
No edit summary
Line 30: Line 30:


body.wgl-darkmode {
body.wgl-darkmode {
   --body-main: #000;
   --body-main: #172136;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #313e59;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #8cabe6;
  --redlink-color: #ba0000;
  --text-color: #cbd9f4;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
}
}


Line 154: Line 177:


:root {
:root {
   --admin-blue: #332e75;
  --admin-blue: #332e75;
   --bearcat-green: #13592e;
  --bearcat-green: #13592e;
   --awb-purple: #933b96;
  --awb-purple: #933b96;
   --rsw-blue: #438ab6;
  --rsw-blue: #438ab6;
   --osrsw-brown: #605443;
  --osrsw-brown: #605443;
}
 
body.wgl-darkmode {
   --admin-blue: #332e75;
   --bearcat-green: #13592e;
   --awb-purple: #933b96;
   --rsw-blue: #438ab6;
   --osrsw-brown: #605443;
}
}


Line 187: Line 218:


:root {
:root {
  --documentation-background: #f9fafa;
  --documentation-link-color: #e4eaee;
  --documentation-headers-color: #fff;
  --documentation-header-background: #949eaa;
  --documentation-subheader-background: #808c9a;
  --documentation-border: #e4eaee;
  --mw-templatedata-doc-muted-color: #888;
}
body.wgl-darkmode {
   --documentation-background: #f9fafa;
   --documentation-background: #f9fafa;
   --documentation-link-color: #e4eaee;
   --documentation-link-color: #e4eaee;
Line 316: Line 357:


:root {
:root {
  --note-obsolete-background: #cfcfcf;
  --note-obsolete-border: #464646;
  --note-obsolete-color: #6c6c6c;
  --note-info-background: #ebebeb;
  --note-info-border: #898989;
  --note-info-color: #6c6c6c;
  --note-action-background: #c7e8fa;
  --note-action-border: #0b5884;
  --note-action-color: #03436b;
  --note-warn-background: #dfc0ba;
  --note-warn-border: #861c10;
  --note-warn-color: #8e221a;
  --note-safe-background: #d8f0d3;
  --note-safe-border: #1b8408;
  --note-safe-color: #1b8408;
  --note-disambig-background: #ebebeb;
  --note-disambig-border: #898989;
  --note-disambig-color: #6c6c6c;
  --note-discord-background: #5865f2;
  --note-discord-border: #4c57d0;
  --note-discord-color: #d2e5fc;
}
body.wgl-darkmode {
   --note-obsolete-background: #cfcfcf;
   --note-obsolete-background: #cfcfcf;
   --note-obsolete-border: #464646;
   --note-obsolete-border: #464646;
Line 458: Line 523:
   --ooui-window-background: rgba(255, 255, 255, 0.5);
   --ooui-window-background: rgba(255, 255, 255, 0.5);
   --oo-ui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
   --oo-ui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
}
body.wgl-darkmode {
  --ooui-window-background: rgba(255, 255, 255, 0.5);
}
}


Line 695: Line 764:
   --wikitable-bg-lighter: #e9e3d6;
   --wikitable-bg-lighter: #e9e3d6;
   --wikitable-color: var(--text-color);
   --wikitable-color: var(--text-color);
  --table-na-background: rgba(255, 255, 255, 0.3);
  --table-na-color: grey;
  --table-yes-background: rgba(0, 255, 0, 0.3);
  --table-yes-color: green;
  --table-no-background: rgba(255, 0, 0, 0.3);
  --table-no-color: red;
  --droptable-text-color: #000;
  --droptable-always-background: #afeeee;
  --droptable-common-background: #56e156;
  --droptable-uncommon-background: #ffed4c;
  --droptable-rare-background: #ff863c;
  --droptable-veryrare-background: #ff6262;
  --droptable-random-background: #ffa3ff;
}
body.wgl-darkmode {
  --wikitable-bg-lighter: #e9e3d6;
   --table-na-background: rgba(255, 255, 255, 0.3);
   --table-na-background: rgba(255, 255, 255, 0.3);
   --table-na-color: grey;
   --table-na-color: grey;
Line 942: Line 1,028:


:root {
:root {
  --tile-border-color: #CABE9B;
  --tile-background-color: #F9F3EB;
  --byline-color: #5C6168;
  --tile-link-button-color: #F5E9DB;
  --tile-link-button-highlight-color: #dfccb0;
  --tile-dark-color: #fff;
  --tile-dark-bg: #5d6773;
  --tile-dark-link-color: #ccc;
  --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
  --tile-dark-header-color: #fff;
}
body.wgl-darkmode {
   --tile-border-color: #CABE9B;
   --tile-border-color: #CABE9B;
   --tile-background-color: #F9F3EB;
   --tile-background-color: #F9F3EB;
Line 1,140: Line 1,239:
   --toc-title-bg: var(--body-dark);
   --toc-title-bg: var(--body-dark);
   --toc-border-color: var(--body-border);
   --toc-border-color: var(--body-border);
  --toc-subheader-left-border-color: #c7b67b;
}
body.wgl-darkmode {
   --toc-subheader-left-border-color: #c7b67b;
   --toc-subheader-left-border-color: #c7b67b;
}
}
Line 1,197: Line 1,300:
:root {
:root {
   --mainpage-body-h2-links: var(--base-heading-color);
   --mainpage-body-h2-links: var(--base-heading-color);
  --mainpage-recent-updates-description-color: #444e5a;
  --bigtile-background-color: #F9F3EB;
  --bigtile-background-fade-zero: rgba(249, 243, 235, 0);
  --bigtile-background-fade-seventyfive: rgba(249, 243, 235, 0.75);
}
body.wgl-darkmode {
   --mainpage-recent-updates-description-color: #444e5a;
   --mainpage-recent-updates-description-color: #444e5a;
   --bigtile-background-color: #F9F3EB;
   --bigtile-background-color: #F9F3EB;

Navigation menu