Conversation

/* taiy fork風リアクション (仮) */ button:has(> img:is([src^='/twemoji/'], [src$='&emoji=1'])):has(> span) { display: grid; grid-template-columns: auto auto; grid-template-rows: 32px; align-items: center; padding: 0; border-radius: 4px !important; box-sizing: border-box; overflow: hidden; box-shadow: 0 4px 14px -8px var(--shadow), 0 0 0 1px var(--divider) !important; background-color: var(--panel) !important; color: var(--fgTransparentWeak); :is(&:hover, .x9Z4v) { /* ← ここキモい */ background-color: var(--accent) !important; > span { color: var(--fgOnAccent) !important; } } > img { max-width: 100%; height: 32px !important; padding: 4px; box-sizing: border-box; background-color: #fff; } > span { box-sizing: border-box; margin: 0; padding: 0 6px; line-height: unset !important; } } button:has(> img[src$='&emoji=1'][alt*='@']):has(> span) { box-shadow: 0 4px 14px -8px var(--shadow) !important; &:hover { background-color: var(--panel) !important; color: var(--fgTransparentWeak); } }