Jump to content

MediaWiki:Common.css: Difference between revisions

From Drifters Almanac
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Match input fields to the native skin's gray input box look */
input,
textarea,
select {
  background-color: #2a2a2a !important;
  color: #d1d1d1 !important;
  border: 1px solid #555 !important;
}


/* Match the Select2 (tokens input) to the rest of the form */
/* Match the Select2 (tokens input) to the rest of the form */

Revision as of 14:30, 12 May 2025

/* CSS placed here will be applied to all skins */

/* Match the Select2 (tokens input) to the rest of the form */
.select2-container--default .select2-selection--multiple {
  background-color: #2a2a2a !important;
  color: #d1d1d1 !important;
  border: 1px solid #555 !important;
}

/* Token styling inside the multi-value field */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3a3a3a !important;
  color: #eee !important;
  border: 1px solid #666 !important;
}

/* Dropdown suggestion list (autocompletion) */
.select2-container--default .select2-results > .select2-results__options {
  background-color: #2a2a2a !important;
  color: #d1d1d1 !important;
  border: 1px solid #444;
}

/* Highlighted option in suggestions */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3d553d !important;
  color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
  background-color: #2a2a2a !important;
  color: #d1d1d1 !important;
}

.select2-container--default .select2-results__option {
  background-color: #2a2a2a;
  color: #d1d1d1;
}