From 6c1291833df92a87d3d094a6d36411bf923aaed0 Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Mon, 18 Dec 2023 01:24:57 +0100
Subject: [PATCH] new Pop theme

---
 css/pop.css | 32 ++++++++++----------------------
 1 file changed, 10 insertions(+), 22 deletions(-)

diff --git a/css/pop.css b/css/pop.css
index 2cce8c3..b3e9a13 100644
--- a/css/pop.css
+++ b/css/pop.css
@@ -22,20 +22,20 @@ body[data-bs-theme="dark"] {
     }
 }
 
+#matrixTable {
+    border-spacing: 1px;
+}
+
 tr.matrix td:not(.mino) {
-    border-left  : 1px solid #222;
-    border-right : 1px solid #222;
-    border-top   : 1px solid #111;
-    border-bottom: 1px solid #111;
+    border: 2px solid transparent;
 }
 
 .mino {
-    background: rgba(255, 255, 255, 25%);
-    border: 4px solid var(--color);
-    padding: 0;
+    background: radial-gradient(rgba(0, 0, 0, 25%) 10%, var(--color) 150%);
+    border: 2px solid var(--color);
+    border-radius: 0;
+    outline: 1px solid #0006;
     opacity: 100%;
-    border-radius: 2px;
-    filter: blur(1px);
     box-shadow: 0 0 4px var(--color);
 }
 
@@ -68,7 +68,7 @@ tr.matrix td:not(.mino) {
 }
 
 .ghost.mino {
-    filter: brightness(150%) blur(2px);
+    background: transparent;
     opacity: 50%;
 }
 
@@ -78,7 +78,6 @@ tr.matrix td:not(.mino) {
 
 .locking.mino {
     --color: white;
-    filter: blur(2px);
 }
 
 @keyframes locked-animation {
@@ -91,15 +90,4 @@ tr.matrix td:not(.mino) {
 .locked.mino {
     animation: locked-animation;
     animation-duration: 0.2s;
-}
-
-@keyframes cleared-line-animation {
-    from {
-        background-color: rgb(206, 255, 255, 40%);
-        filter: saturate(50%) brightness(300%);
-        box-shadow: -200px 0 10px white, 200px 0 10px white;
-    }
-    to {
-        box-shadow: -200px 0 50px transparent, 200px 0 50px transparent;
-    }
 }
\ No newline at end of file