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 */


/* Dark theme for tokens (Select2 multi-selection input) */
.select2-container--default .select2-selection--multiple {
  background-color: #111 !important;
  color: #ccc !important;
  border: 1px solid #444 !important;
}

/* Style individual tokens */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #333 !important;
  color: #eee !important;
  border: 1px solid #555 !important;
}

/* Style input text inside the token field */
.select2-container--default .select2-selection--multiple .select2-search__field {
  color: #ccc !important;
  background-color: #111 !important;
}

/* Dark background and text for suggestion dropdown */
.select2-container--default .select2-results > .select2-results__options {
  background-color: #111 !important;
  color: #ccc !important;
  border: 1px solid #444;
}

/* Individual result items */
.select2-container--default .select2-results__option {
  background-color: #111;
  color: #ccc;
}

/* Hovered/selected result */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2e4e2e !important;
  color: #fff !important;
}