From 311f200192fb848ab531a3ad1721dcedda362c23 Mon Sep 17 00:00:00 2001
From: CTalvio <ctalvio@gmail.com>
Date: Sun, 20 Mar 2022 22:32:00 +0200
Subject: [PATCH] Fix syncplay theming when using colorful type

---
 type/colorful.css | 94 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)

diff --git a/type/colorful.css b/type/colorful.css
index ad4038c..9d9328f 100644
--- a/type/colorful.css
+++ b/type/colorful.css
@@ -111,3 +111,97 @@ progress {
 .defaultCardBackground5 {
 	background-color: rgba(var(--accent), .6);
 }
+
+/*Syncplay*/
+@-webkit-keyframes pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}
+@keyframes pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}
+@-webkit-keyframes infinite-pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),.6);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}
+@keyframes infinite-pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),.6);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}