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.35; background-color: #aaaaaa33; color: #eee; } .hsw-theme-list li.selected { opacity: 1; background-color: var(--theme-accent-color); color: #fff; } .hsw-theme-list li:not(.selected):hover { background-color: var(--wds-dropdown-linked-item-background-color); color: #e4fdff; 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; background-size: 100% 100%; } .hsw-theme-list li.default .hsw-theme-box { height: 65px; }

.hsw-theme-box .theme-title { font-size: 20px; padding: 4px 8px; background: rgba(25, 25, 25, 0.4); box-shadow: 0 0 10px rgba(25, 25, 25, 0.4); border-radius: 5px; }

.hsw-theme-box .theme-note { position: absolute; top: 14px; right: 12px; color: white; font-size: 12px; padding: 1px 3px; line-height: 1; background: rgba(25, 25, 25, 0.4); box-shadow: 0 0 10px rgba(25, 25, 25, 0.4); border-radius: 1px; }