diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 3e682b7161..3521f2b4a0 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -3987,22 +3987,26 @@ body:before { /* ---- 14.1. CONTEXTMENU ---- */ -.menu-Sp6bN1, /* contextmenu container (guildheader/status) */ .contextMenu-HLZMGh, /* contextmenu container (contextmenu) */ +.styleFlexible-wGDiIL, /* contextmenu container (messagemenu) */ +.styleFixed-sX-yHV, /* contextmenu container (guildheader/status) */ .container-1gR2ZK { /* contextmenu container (boost) */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); } -.menu-Sp6bN1, .contextMenu-HLZMGh, -.container-1gR2ZK , +.styleFlexible-wGDiIL, +.styleFixed-sX-yHV, +.container-1gR2ZK, .subMenuContext-2n_9YM { z-index: 1; } -.menu-Sp6bN1:after, -.menu-Sp6bN1:before, .contextMenu-HLZMGh:not(.scroller-2FKFPG):after, .contextMenu-HLZMGh:not(.scroller-2FKFPG):before, +.styleFlexible-wGDiIL:after, +.styleFlexible-wGDiIL:before, +.styleFixed-sX-yHV:after, +.styleFixed-sX-yHV:before, .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:after, .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before, .container-1gR2ZK:after, @@ -4019,14 +4023,16 @@ body:before { pointer-events: none; z-index: -1; } -.menu-Sp6bN1:after, .contextMenu-HLZMGh:not(.scroller-2FKFPG):after, +.styleFlexible-wGDiIL:after, +.styleFixed-sX-yHV:after, .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:after, .container-1gR2ZK:after { background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3)); } -.menu-Sp6bN1:before, .contextMenu-HLZMGh:not(.scroller-2FKFPG):before, +.styleFlexible-wGDiIL:before, +.styleFixed-sX-yHV:before, .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before, .container-1gR2ZK:before { background: var(--vpopout) center/var(--vpopoutsize); @@ -4036,36 +4042,51 @@ body:before { .itemGroup-1tL0uz { /* contextmenu itemgroup (guildheader/status) */ border-top-color: rgba(var(--fontwhite4), 0.3); } -.itemBase-1Qj4z6, /* contextmenu item (guildheader/status) */ -.itemBase-tz5SeC { /* contextmenu item (contextmenu/messagemenu) */ +.itemBase-tz5SeC, /* contextmenu item (contextmenu) */ +.item-1tOPte.colorDefault-2K3EoJ { /* contextmenu item (messagemenu) */ color: rgb(var(--fontwhite2)); } -.itemBase-1Qj4z6:hover, +.item-1tOPte.colorBrand-ROmMP1, +.item-1tOPte.colorPremium-p4p7qO { + color: rgb(var(--vaccentcolor)); +} +.item-1tOPte.colorDanger-2qLCe1 { + color: #F04747; +} .clickable-11uBi-:hover, -.selected-BYpGTS { +.selected-BYpGTS, +.item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j, +.item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite1)); } -.itemBase-1Qj4z6.leave-1DRJfn:hover, -.clickable-11uBi-.danger-2dXSTE:hover { +.clickable-11uBi-.danger-2dXSTE:hover, +.item-1tOPte.colorDanger-2qLCe1.focused-3afm-j, +.item-1tOPte.colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O) { background-color: rgba(240, 71, 71, 0.2); color: rgb(var(--fontwhite1)) !important; } -.itemBase-1Qj4z6.invite-271nFU:hover, -.clickable-11uBi-.brand-3igrJY:hover { +.clickable-11uBi-.brand-3igrJY:hover, +.item-1tOPte.colorBrand-ROmMP1.focused-3afm-j, +.item-1tOPte.colorBrand-ROmMP1:hover:not(.hideInteraction-1iHO1O), +.item-1tOPte.colorPremium-p4p7qO.focused-3afm-j, +.item-1tOPte.colorPremium-p4p7qO:hover:not(.hideInteraction-1iHO1O) { background-color: rgba(var(--vaccentcolor), 0.2); color: rgb(var(--fontwhite1)) !important; } -.itemBase-1Qj4z6:hover .premiumGuildIcon-BhwtRn { - color: rgb(var(--fontwhite1)) !important; +#app-mount .item-1tOPte .checkbox-3s5GYZ { + color: rgb(var(--vaccentcolor)); } -.helper-2c73HK { /* contextmenu helper (guildheader/status) */ - color: rgb(var(--fontwhite3)); +#app-mount .item-1tOPte.colorDanger-2qLCe1 .checkbox-3s5GYZ { + color: #f04747; } -.itemBase-1Qj4z6:hover .helper-2c73HK { - color: rgb(var(--fontwhite2)); +#app-mount .item-1tOPte .check-1JyqgN { + color: rgb(var(--fontwhite1)); } -.separator-2zcjq8 { /* contextmenu separator (guildheader/status) */ +.hint-22uc-R { + color: inherit !important; +} +.separator-2I32lJ { /* contextmenu separator (guildheader/status) */ border-bottom-color: rgba(var(--fontwhite4), 0.3); } #app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe span { /* contextmenu checkbox (contextmenu) */