From 5fc4dc96403ef4d0b5dace251fce8dd1026ba315 Mon Sep 17 00:00:00 2001 From: Ben C Date: Thu, 3 Aug 2023 09:29:27 -0400 Subject: [PATCH] [GUI] Make rainbow a bit larger on chips and buttons --- owmods_gui/frontend/src/rainbow.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/owmods_gui/frontend/src/rainbow.css b/owmods_gui/frontend/src/rainbow.css index 200975eec..3c5addc56 100644 --- a/owmods_gui/frontend/src/rainbow.css +++ b/owmods_gui/frontend/src/rainbow.css @@ -3,7 +3,7 @@ background-position: 0% 0; } to { - background-position: 200% 0; + background-position: var(--bg-size) 0; } } @@ -31,19 +31,21 @@ .MuiChip-filledPrimary, .MuiButton-containedPrimary, .MuiLinearProgress-bar { + --bg-size: 500%; background-image: var(--rainbow) !important; color: black !important; text-shadow: var(--white-shadow); - background-size: 200% 200% !important; - animation: scroll 10s linear infinite forwards !important; + background-size: var(--bg-size) 200% !important; + animation: scroll 20s linear infinite forwards !important; } h1, h2, h5, h6 { + --bg-size: 200%; background-image: var(--rainbow) !important; - background-size: 200% 200% !important; + background-size: var(--bg-size) 200% !important; animation: scroll 10s linear infinite forwards !important; -webkit-background-clip: text; background-clip: text;