MediaWiki:Gadget-ThemeSelector.css

/********************** .hsw-themeselector-dropdown { display: flex; --svg-initial-color: white; --svg-initial-stroke: none; } .wds-button-group>.hsw-themeselector-dropdown.wds-button:hover { z-index: 2; } .theme-fandomdesktop-light .hsw-themeselector-dropdown { --svg-initial-color: darkgrey; --svg-initial-stroke: black; } .hsw-themeselector-dropdown.wds-button .wds-icon { margin:0; } .hsw-themeselector-dropdown .wds-dropdown__toggle { line-height: 0; }
 * Dropdown Icon

/********************** .hsw-themeselector-dropdown .wds-dropdown__content { padding: 0; border: 2px solid #c4a494; }
 * Dropdown Menu

.hsw-theme-header { padding: 8px 6px 0; background: rgba(0,0,0,0.2); } .hsw-theme-header strong { display: block; text-align: center; font-size: 14px; padding-bottom: 8px; border-bottom: 1px solid currentColor; }

.hsw-theme-list li { position: relative; font-size: 14px; font-weight: 400; padding: 11px 9px; white-space: nowrap; opacity: 0.5; background-color: #aaaaaa33; } .hsw-theme-list li.selected { opacity: 1; background-color: inherit; } .hsw-theme-list li:hover { background-color: var(--wds-dropdown-linked-item-background-color); color: var(--wds-dropdown-linked-item-color); text-decoration: none; opacity: 1; cursor: pointer; }

/* Containers for theme data */ .hsw-theme-box { display: flex; align-items: center; justify-content: center; width: 250px; height: 75px; } .hsw-theme-box .theme-title { font-size: 20px; padding: 4px 8px; background: rgba(25, 25, 25, 0.6); box-shadow: 0 0 10px rgba(25, 25, 25, 0.6); border-radius: 5px; } .theme-fandomdesktop-light .hsw-theme-box .theme-title { background: rgba(235, 235, 235, 0.8); box-shadow: 0 0 10px rgba(235, 235, 235, 0.8); } .hsw-theme-list li.default .hsw-theme-box { height: 40px; }