From 47b6c4c34a9ff5535ec92c24c5b4bb1849e1a28c Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Tue, 18 May 2021 12:01:04 +0200 Subject: [PATCH] stuff --- Themes/BasicBackground/BasicBackground.css | 9 ++++---- Themes/BlurpleRecolor/BlurpleRecolor.css | 25 ++++++++++++---------- 2 files changed, 19 insertions(+), 15 deletions(-) diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index d1a288a463..4f341821d2 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -793,17 +793,18 @@ body::before { .mouse-mode.full-motion .wrapper-1F5TKx:hover { background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important; } -.backgroundFlash-24qWLN { /* message jump flash */ +.backgroundFlash-24qWLN .message-2qnXI6 { /* message jump flash */ position: relative; } -.backgroundFlash-24qWLN::before { +.backgroundFlash-24qWLN .message-2qnXI6::before { content: ""; position: absolute; - background: inherit; + background: var(--message-background-flash, transparent); + opacity: 0.2; top: 0; right: 0; bottom: 0; - left: 0; + left: calc(-80px * var(--usechatbubbles)); z-index: 1; pointer-events: none; } diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index f6507ce0d8..ce584e08d2 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -254,51 +254,54 @@ color: rgb(var(--accentcolor)); } +.backgroundFlash-24qWLN { + background-color: var(--message-background-flash) !important; +} .backgroundFlash-24qWLN[style*="background-color: rgb(88, 101, 242)"], .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 1"], .backgroundFlash-24qWLN[style*="background-color: rgb(114, 137, 218)"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 1"] { - background-color: rgba(var(--accentcolor), 1) !important; + --message-background-flash: rgba(var(--accentcolor), 1); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.9"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.9"] { - background-color: rgba(var(--accentcolor), 0.9) !important; + --message-background-flash: rgba(var(--accentcolor), 0.9); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.8"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.8"] { - background-color: rgba(var(--accentcolor), 0.8) !important; + --message-background-flash: rgba(var(--accentcolor), 0.8); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.7"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.7"] { - background-color: rgba(var(--accentcolor), 0.7) !important; + --message-background-flash: rgba(var(--accentcolor), 0.7); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.6"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.6"] { - background-color: rgba(var(--accentcolor), 0.6) !important; + --message-background-flash: rgba(var(--accentcolor), 0.6); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.5"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.5"] { - background-color: rgba(var(--accentcolor), 0.5) !important; + --message-background-flash: rgba(var(--accentcolor), 0.5); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.4"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.4"] { - background-color: rgba(var(--accentcolor), 0.4) !important; + --message-background-flash: rgba(var(--accentcolor), 0.4); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.3"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.3"] { - background-color: rgba(var(--accentcolor), 0.3) !important; + --message-background-flash: rgba(var(--accentcolor), 0.3); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.2"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2"] { - background-color: rgba(var(--accentcolor), 0.2) !important; + --message-background-flash: rgba(var(--accentcolor), 0.2); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.1"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.1"] { - background-color: rgba(var(--accentcolor), 0.1) !important; + --message-background-flash: rgba(var(--accentcolor), 0.1); } .backgroundFlash-24qWLN[style*="background-color: rgba(88, 101, 242, 0.0"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.0"] { - background-color: rgba(var(--accentcolor), 0) !important; + --message-background-flash: rgba(var(--accentcolor), 0); } .embedFull-2tM8--[style*="border-color: rgb(88, 101, 242)"],