MediaWiki:InfoboxTheme.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.
:root {
	--defaultInfoboxAccent: #042cb3;
}
/************************************************ Portable Infoboxes for Desktop Skin *********************************************************************/
.portable-infobox .wds-tabs__wrapper {
   display: flex;
   justify-content: center;
}
.portable-infobox .pi-secondary-background {
   background: var (--defaultInfoboxAccent);
   text-align: center;
}
.portable-infobox .pi-image-collection-tabs li.current {
  background: #042cb3;
  color: white;
}
.pi-image-collection-tab-content {
    background-color: unset;
}

.portable-infobox.pi-theme-form .pi-secondary-background {
   background-color: #eec949;
   color: black;
}
.portable-infobox.pi-theme-form .pi-secondary-background {
   background-color: #eec949;
   color: black;
}

.portable-infobox.pi-theme-form .pi-image-collection-tabs li.current {
   background: #eec949; /*your color here*/
   color: black;
}
.portable-infobox.pi-theme-LimeGreen .pi-secondary-background {
   background-color: #639774;
}
.portable-infobox.pi-theme-LimeGreen .pi-image-collection-tabs li.current {
   background: #639774; /*your color here*/
}
.portable-infobox.pi-theme-Green .pi-secondary-background {
   background-color: #479018;
}

.portable-infobox.pi-theme-Green .pi-image-collection-tabs li.current {
   background: #479018; /*your color here*/
   color: white;
}
.portable-infobox.pi-theme-Brown .pi-secondary-background {
   background-color: #5b5046;
}

.portable-infobox.pi-theme-Brown .pi-image-collection-tabs li.current {
   background: #5b5046; /*your color here*/
}
.portable-infobox.pi-theme-Orange .pi-secondary-background {
   background-color: #ff8000;
}

.portable-infobox.pi-theme-Orange .pi-image-collection-tabs li.current {
   background: #ff8000; /*your color here*/
}
.portable-infobox.pi-theme-Blue .pi-secondary-background {
   background-color: #1b4f72;
}

.portable-infobox.pi-theme-Blue .pi-image-collection-tabs li.current {
   background: #1b4f72; /*your color here*/
}
.portable-infobox.pi-theme-Turquoise .pi-secondary-background {
   background-color: #00CED1;
   color: black;
}

.portable-infobox.pi-theme-Turquoise .pi-image-collection-tabs li.current {
   background: #00CED1; /*your color here*/
   color: black;
}
.portable-infobox.pi-theme-MediumSlateBlue .pi-secondary-background {
   background-color: #7B68EE;
}

.portable-infobox.pi-theme-MediumSlateBlue .pi-image-collection-tabs li.current {
   background: #7B68EE; /*your color here*/
}
.portable-infobox.pi-theme-RosyBrown .pi-secondary-background {
   background-color: #BC8F8F;
}

.portable-infobox.pi-theme-RosyBrown .pi-image-collection-tabs li.current {
   background: #BC8F8F; /*your color here*/
}
.portable-infobox.pi-theme-MediumCarmine .pi-secondary-background {
   background-color: #af3838;
}

.portable-infobox.pi-theme-MediumCarmine .pi-image-collection-tabs li.current {
   background: #af3838; /*your color here*/
}
.portable-infobox.pi-theme-Item .pi-secondary-background {
   background-color: #feb60f;
}

.portable-infobox.pi-theme-Item .pi-image-collection-tabs li.current {
   background: #feb60f; 
}

/****Infobox settings from mobile skin ****/
.pi, .pi-expand-button {
    background-color: white;
}

.theme-fandommobile-dark .pi, .theme-fandommobile-dark .pi-expand-button { /*For dark theme*/
    background: var(--fandom-dropdown-background-color);
}

.pi-header-wrapper{
    position: relative;
}

.pi-header-wrapper h2 {
    color: white;
}

.pi-data-value.pi-font { /*add scrollbar*/
    padding-left: 10px;
    max-height: 193px;
    overflow-y: auto
}
.pi figure { /*Fix image out of bound infobox*/
    margin-top: 0;
	padding: 5px 0;
}
.pi-header-wrapper {
	background: var(--defaultInfoboxAccent);
}
.pi-theme-form .pi-header-wrapper {
   background-color: #eec949;
   color: black;
}
.pi-theme-LimeGreen  .pi-header-wrapper {
   background-color: #639774;
}
.pi-theme-Green .pi-header-wrapper {
   background-color: #479018;
}
.pi-theme-Brown .pi-header-wrapper{
   background-color: #5b5046;
}
.pi-theme-Orange .pi-header-wrapper{
   background-color: #ff8000;
}
.pi-theme-Blue .pi-header-wrapper{
   background-color: #1b4f72;
}
.pi-theme-Turquoise .pi-header-wrapper{
   background: #00CED1; /*your color here*/
   color: black;
}
.pi-theme-MediumSlateBlue .pi-header-wrapper{
   background-color: #7B68EE;
}
.pi-theme-RosyBrown .pi-header-wrapper{
   background-color: #BC8F8F;
}
.pi-theme-MediumCarmine .pi-header-wrapper{
   background-color: #af3838;
}
.pi-theme-Item .pi-header-wrapper{
   background-color: #feb60f;
}