style

2020-10-12 21:22:14 +02:00
parent 5ef94fcf73
commit 198ac07b84
3 changed files with 133 additions and 40 deletions
--- a/themes/arcade.css
+++ b/themes/arcade.css
@ -0,0 +1,76 @@
+.empty-cell {
+    background: transparent;
+}
+
+.invisible-grid > .empty-cell {
+    border: 1px solid transparent;
+}
+
+.visible-grid > .empty-cell {
+    border: 1px solid rgba(255, 255, 255, .4);
+}
+
+.mino {
+    border: 1px solid;
+    border-radius: 1px;
+}
+
+.I-mino {
+    /* cyan */
+    background: #99d9ea;
+    border-color: #d1edf5;
+}
+
+.J-mino {
+    /* blue */
+    background: #7f92ff;
+    border-color: #c2cbff;
+}
+
+.L-mino {
+    /* orange */
+    background: #ffb27f;
+    border-color: #ffe1cd;
+}
+
+.O-mino {
+    /* yellow */
+    background: #ffe97f;
+    border-color: #fff5ca;
+}
+
+.S-mino {
+    /* green */
+    background: #7fff8e;
+    border-color: #ccffd2;
+}
+
+.T-mino {
+    /* magenta */
+    background: #d67fff;
+    border-color: #edc9ff;
+}
+
+.Z-mino {
+    /* red */
+    background: #ff7f7f;
+    border-color: #ffdada;
+}
+
+.locked-mino, .cleared-line {
+    background: white;
+    border: 1px solid white;
+    border-radius: 1px;
+}
+
+.trail {
+    background: rgba(255, 255, 255, 0.2);
+    border: 1px solid white;
+    border-radius: 1px;
+}
+
+.ghost {
+    background: rgba(255, 255, 255, 0.4);
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    border-radius: 1px;
+}