MediaWiki:Common.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.

/* CSS placed here will be applied to all skins */
/* Changing the main background of the site */
:root {
	--font-family-citizen-base: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		  
    /* Text colors */
	--color-base: #202122;        /* Dark text on light background */
    --color-emphasized: #101418;  /* Black headings */
    --color-subtle: #666666;      /* Gray secondary text */
    --color-progressive: #0645ad; /* Links remain blue */


    /* Surfaces */
    --color-surface-0: #EAECF0; /* background */
    --color-surface-1: #EAECF0; /* White blocks */
    --color-surface-2: #FFFFFF; /* Secondary surfaces */
    --color-surface-3: #e9ecef; /* Accents */
    --color-surface-4: #dee2e6; /* Borders */
}

/* Dark theme */
:root.skin-theme-clientpref-night {
	  /* Text colors */
    --color-base: #FDFCFC;        /* Main text */
    --color-emphasized: #FFFFFF;  /* Headings */
    --color-subtle: #c0c0c0;      /* Secondary text */
    --color-progressive: #5865F2; /* Discord blue */

    /* Surfaces */
    --color-surface-0: #1B1B1F; /* Dark background */
    --color-surface-1: #161618; /* Dark blocks */
    --color-surface-2: #27292D; /* Secondary surfaces */
    --color-surface-3: #555555; /* Accents */
    --color-surface-4: #666666; /* Borders */
}

.img-responsive, 
.img-responsive img {
    max-width: 100%;
    height: auto;
}