Compare commits

..

5 Commits

Author SHA1 Message Date
5bacff51fc change electro bg 2023-06-14 22:56:15 +02:00
0a491b89be bug fixes 2023-06-14 22:54:32 +02:00
b4a241b3a9 update electro style 2023-06-14 20:34:46 +02:00
ec5ed9425e update electro style 2023-06-14 20:34:21 +02:00
fa5c5fb33b blink locked piece 2023-06-14 19:00:10 +02:00
4 changed files with 33 additions and 8 deletions

8
app.js
View File

@ -455,7 +455,7 @@ class Settings {
if (localStorage[element.name]) element.value = localStorage[element.name]
}
}
document.selectedStyleSheetSet = stylesheetSelect.value
window.document.selectedStyleSheetSet = stylesheetSelect.value
}
save() {
@ -499,6 +499,10 @@ class Settings {
}
}
window.onload = function (event) {
window.document.selectedStyleSheetSet = stylesheetSelect.value
}
function changeKey(input) {
prevValue = input.value
input.value = ""
@ -835,10 +839,10 @@ let playerActions = {
scheduler.clearTimeout(lockDown)
let heldPiece = holdQueue.piece
matrix.piece.facing = FACING.NORTH
holdQueue.piece = matrix.piece
holdQueue.piece.holdEnabled = false
holdQueue.piece.locked = false
holdQueue.piece.facing = FACING.NORTH
generate(heldPiece)
}
},

View File

@ -1,9 +1,24 @@
body {
background-image: url("electro/bg.png");
background-size: cover;
}
.card {
background-color: rgba(37, 41, 45, 50%);
}
@supports (backdrop-filter: blur()) {
.card {
background-color: rgba(33, 37, 41, 20%);
backdrop-filter: blur(3px);
}
}
.mino {
background-image: radial-gradient(
farthest-corner at 4px 6px,
rgba(204, 238, 247, 0.3) 0%,
rgba(106, 197, 220, 0.3) 100%
);
background-image: radial-gradient(farthest-corner at 4px 6px,
rgba(204, 238, 247, 0.3) 0%,
rgba(106, 197, 220, 0.3) 100%);
border: 1px solid rgba(127, 229, 255, 0.7);
border-radius: 0.3vmin;
box-shadow: -1px -1px 4px rgba(128, 128, 128, 25%),

BIN
css/electro/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 444 KiB

View File

@ -102,8 +102,14 @@ td {
background-image: url("retro/Z-mino.png")
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.locked.mino {
filter: saturate(60%) brightness(200%);
animation: blinker 0.15s step-start infinite;
}
.ghost.mino {