kstenhouse/Ultrachromic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix syncplay theming when using colorful type

Browse Source
This commit is contained in:
CTalvio
2022-03-20 22:32:00 +02:00
parent 98d5be1e20
commit 311f200192
1 changed files with 94 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
type/colorful.css
View File

@@ -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)
}
}