Jump to content

MediaWiki:Colors.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* WARNING: THIS FILE IS @IMPORT BY COMMON.CSS */

/* ------------------------------------------------------------------------- */

:root {
    /* ANCHOR: VARIABLES FOR STYLED ELEMENTS */

    /* COLORS */

    /* Text colors */
    --light-text: #F0FFF0;
    --dark-text: #1A1F21;
    --colored-text: #406754;
    --template-key-color: #297755;
    --colored-special: rgba(55, 150, 145, 1);
    --hero-color: #F0FFF0;
    --text-shadow-color: rgba(15, 15, 15, 0.5);
    --minerva-search-text: #A2A9B1;

    /* Link styles */
    --general-link-color: #5FBE80;
    --visited-link-color: #5FBE80;
    --hover-link-color: #00EA7D;
    --top-box-link-color-A: #BBD2C2;
    --top-box-link-color-B: #DED1DB;
    --top-box-link-hover-color-A: #00EA7D;
    --top-box-link-hover-color-B: #B733A1;
    --lingo-underline-color: rgba(95, 190, 128, 0.5);

    /* REVIEW: Top box */
    --top-box-A-bg-color: #385045; /* Tested alternatives: #669F7B #43544B #354D42 #3E574C #385045 */
    --top-box-B-bg-color: #7A2E6F;
    --text-accent-green: rgb(154, 216, 162);
    --text-accent-purple: #E1B2D8;

    /* Section header */
    --section-header-bg-color: #385045;
    --section-header-text-color: #F0FFF0;

    /* Colored box */
    --colored-box-bg-day: #E8F0EA;
    --colored-box-bg-day-variant: #D8E9DC;
    --colored-box-text-color-day: #1A1F21;
    --colored-box-bg-night: #1A1F21;
    --colored-box-bg-night-variant: #202926;
    --colored-box-text-color-night: #F0FFF0;
    --colored-box-sponsor-day: rgba(235, 235, 235, 0.2);
    --box-shading-darker: rgba(235, 235, 235, 0.2);
    --colored-box-sponsor-night: rgba(235, 235, 235, 0.1);
    --box-shading-lighter: rgba(235, 235, 235, 0.1);

    /* Template colors */
    --template-border-color: rgb(170, 170, 170);
    --template-border-color-dark: rgb(80, 80, 80);
    --divider-centered-color: rgb(70, 70, 70);
    --highlight-background-1: #9C5b9C;
    --highlight-background-2: #f1a000;
    --forced-dark-color: #1C1C1C;
    --forced-dark-accent-color: #222B35;
    --accordion-icon: #CDFFD2;
    --subtle-bg-dark: rgba(235, 235, 235, 0.1);
    --subtle-bg-darker: rgba(235, 235, 235, 0.2);
    --button-navigation-A: rgba(0, 255, 170, 0.1);
    --button-navigation-B: rgba(0, 255, 170, 0.2);

    /* Template-specific colors */
    --template-color-event: rgb(255, 140, 0);
    --template-color-norm: rgb(77, 130, 129);
    --template-color-organization: rgb(220, 190, 0);
    --template-color-person: rgb(94, 168, 94);
    --template-color-process: rgb(110, 0, 90);
    --template-color-tld: rgb(22, 112, 202);
    
    --dark-base: #1A1F21;
    --signal-color: #0092D4;
    --warning-color: #D48900;
    --danger-color: #D40000;

    /* Library colors */
    --library-border-color: #62A376;
    --library-border-color-night: #4A6A5B;
    --library-header-bg: rgba(95, 190, 128, 0.2);
    --library-cell-bg: rgba(95, 190, 128, 0.1);
}

/* ------------------------------------------------------------------------- */

/* ANCHOR: UI LINK COLORING */
/* Can be overridden with more specific rules */
/* var(--color-destructive) and var(--color-progressive) are native colors */

/* Internal links */
.mw-body-content a:link { color: var(--general-link-color) }
.mw-body-content a:visited { color: var(--visited-link-color) }
.mw-body-content a:hover { color: var(--hover-link-color) }
/* .mw-body-content a:active {;} */

/* Avoid affecting red links (non-existent pages) */
.mw-body-content a.new
{ color: var(--color-destructive) !important; }
.new-page a
{ color: var(--color-destructive) !important; }

/* EXTERNAL LINKS */
/* For masked external links */ .mw-body-content a.external.text:link, .mw-body-content a.external.text:visited,
/* For unmasked external links */ .mw-body-content a.external.free:link, .mw-body-content a.external.free:visited
{ color: var(--color-progressive); }
/* External numbered links, [X] */
.external.autonumber, .ve-ce-mwNumberedExternalLinkNode > a.external
{ color: var(--color-progressive) !important; }

/* Interwiki links (treat as external for styling) */
.mw-body-content a.extiw:link,
.mw-body-content a.extiw:visited
{ color: var(--color-progressive); }

/* INTERNAL LINKS */
/* Upload file */ #filetoc a, .mw-upload-editlicenses a, #mw-imagepage-reupload-link a, #mw-imagepage-section-duplicates p a,
/* Delete */ .mw-delete-editreasons a, .mw-delete-warning-revisions a,
/* Undelete  */ .oo-ui-labelElement-label a, .mw-revdel-editreasons a,
/* Move */ .mw-movepage-editreasons a, 
/* Protect */ .mw-protect-editreasons a, .mw-revdelundel-link a, .mw-logevent-actionlink a, .mw-tag-markers a,
/* Block */ .mw-ipb-conveniencelinks a,
/* Recent changes + History */ td.mw-changeslist-line-inner .mw-changeslist-links a, .mw-rc-unwatched a, .mw-changeslist-links a, .mw-changeslist-diff-cur a, .mw-changeslist-diff a, a.undelete-link,
/* Edits diff */
.mw-usertoollinks a, .mw-diff-edit a, .mw-diff-undo a, .mw-rollback-link a, a#differences-prevlink, a#differences-nextlink,
/* Search filter */ .mw-search-profile-tabs .search-types li a,
/* "What links here" */ .mw-pager-navigation-bar a, .mw-whatlinkshere-tools a, 
/* "Edit" widget */ .mw-editsection a span
{ color: var(--color-progressive) !important; }
/* Warning */ .cdx-message__content a,
/* References */ .reference a, .reference a span, /* Reference superscript */ .mw-cite-backlink sup a,
/* Semantic extensions */ .smw-factbox-actions a, .smw-factbox-property-name a, .group-link a,

/* References jump up arrow */ .mw-cite-backlink a,
/* Profile widget color */ #p-vector-user-menu-userpage a span,
/* Recent changes: Username */ .changedby a.mw-userlink bdi, .mw-changeslist-line-inner-userLink a.mw-userlink bdi, .mw-userlink bdi,
/* History: Username */ .history-user a.mw-userlink bdi
{ color: var(--text-accent-green) !important; }

/* "Redirect" widget */ .mw-redirectedfrom a,
/* Footer */ #footer-places-privacy a, #footer-places-about a,
/* Categories widget: "Categories" link */ #mw-normal-catlinks > a
{ color: var(--general-link-color); }

/* Categories widget: hover */ #mw-normal-catlinks > a:hover
{ color: var(--hover-link-color); }

/* JS EXTENSION: Predefined Summaries Bar */
#wpSummaryLabel .predefined-summaries-bar a.sumLink
{ color: var(--color-progressive); }

/* LATERAL NAVIGATION PANELS (VECTOR 2022) */
/* Left menu */
#vector-main-menu a
{ color: var(--color-progressive); width: 100%; }
#vector-main-menu a:hover
{ color: var(--hover-link-color); }
#vector-main-menu a span
{ color: inherit; } /* Inherit color from parent anchor */

/* TOC */
.vector-toc-text
{ color: var(--general-link-color); }
.vector-toc-text:hover
{ color: var(--hover-link-color); }

/* Right menu */
nav.vector-page-tools-landmark a
{ color: var(--color-progressive); width: 100%; }
nav.vector-page-tools-landmark a:hover
{ color: var(--hover-link-color); }
nav.vector-page-tools-landmark a span
{ color: inherit; } /* Inherit color from parent anchor */
Retrieved from "https://icannwiki.org/index.php?title=MediaWiki:Colors.css&oldid=1398284"