diff --git a/public/assets/css/theme-fell.css b/public/assets/css/theme-fell.css index c3e2afa..b2f7e3a 100644 --- a/public/assets/css/theme-fell.css +++ b/public/assets/css/theme-fell.css @@ -453,13 +453,26 @@ samp, #navbar .ui.dropdown .menu .item, .navbar .ui.dropdown .menu .item, +#navbar .ui.dropdown .menu .item *, +.navbar .ui.dropdown .menu .item *, #navbar .ui.dropdown .menu .header, .navbar .ui.dropdown .menu .header, +#navbar .ui.dropdown .menu .header *, +.navbar .ui.dropdown .menu .header *, #navbar .ui.dropdown .menu .text, .navbar .ui.dropdown .menu .text { color: var(--color-text) !important; } +/* SVG icons inside dropdown items inherit currentColor by default but the + "#navbar *" rule sets an explicit color, so force fill back too. */ +#navbar .ui.dropdown .menu .item .svg, +.navbar .ui.dropdown .menu .item .svg, +#navbar .ui.dropdown .menu .item svg, +.navbar .ui.dropdown .menu .item svg { + fill: currentColor !important; +} + #navbar .ui.dropdown .menu .item:hover, .navbar .ui.dropdown .menu .item:hover, #navbar .ui.dropdown .menu .item.active, @@ -467,6 +480,20 @@ samp, #navbar .ui.dropdown .menu .item.selected, .navbar .ui.dropdown .menu .item.selected { background-color: var(--color-nav-bg) !important; +} + +#navbar .ui.dropdown .menu .item:hover, +.navbar .ui.dropdown .menu .item:hover, +#navbar .ui.dropdown .menu .item:hover *, +.navbar .ui.dropdown .menu .item:hover *, +#navbar .ui.dropdown .menu .item.active, +.navbar .ui.dropdown .menu .item.active, +#navbar .ui.dropdown .menu .item.active *, +.navbar .ui.dropdown .menu .item.active *, +#navbar .ui.dropdown .menu .item.selected, +.navbar .ui.dropdown .menu .item.selected, +#navbar .ui.dropdown .menu .item.selected *, +.navbar .ui.dropdown .menu .item.selected * { color: var(--color-nav-text) !important; }