diff --git a/css/jstris-skin.css b/css/jstris-skin.css index 7aa076d..c078215 100644 --- a/css/jstris-skin.css +++ b/css/jstris-skin.css @@ -4,6 +4,10 @@ --skin-url: url(https://i.imgur.com/HqGYC5G.png); } +.minoes-table { + border-collapse: collapse; +} + .mino { width: var(--cell-size); height: var(--cell-size); diff --git a/css/synthwave.css b/css/synthwave.css index 1e3c90f..9ac2140 100644 --- a/css/synthwave.css +++ b/css/synthwave.css @@ -21,18 +21,31 @@ body[data-bs-theme="dark"] { .card, #matrixCard { - background: repeating-linear-gradient(transparent, transparent 1px, #1114 2px, #1114 4px); + background: repeating-linear-gradient(transparent, transparent 2px, #1114 2px, #1114 5px); backdrop-filter: blur(3px); } .minoes-table { background: transparent; + border-spacing: 2px; +} + +#matrixTable { + margin-top: calc(-1 * var(--buffer-zone-rows) * var(--cell-size) - 8px); +} + +#matrixTable td:not(.mino) { + border-color: #8881; + border-top: none; + border-bottom: none; } .mino { background: var(--color); - border: 1px solid var(--border); + border: 3px solid var(--border); + border-radius: 6px; box-shadow: 0 0 8px var(--border); + filter: blur(0.5px); } .I { diff --git a/css/tetrio-skin.css b/css/tetrio-skin.css index d2af81d..4f8984f 100644 --- a/css/tetrio-skin.css +++ b/css/tetrio-skin.css @@ -4,6 +4,10 @@ --skin-url: url(https://you.have.fail/ed/at/tetrioplus/data/content/skin/Haley%20Halcyon/tetrio_gameboy_plus.svg); } +.minoes-table { + border-collapse: collapse; +} + .mino { width: var(--cell-size); height: var(--cell-size);