rename styles

css/new-wave.css

@@ -0,0 +1,70 @@
+body {
+    background-image: url("new-wave/bg.png");
+    background-size: cover;
+}
+
+body[data-bs-theme="dark"] {
+    --bs-body-bg: #2125296b;
+}
+
+.btn-dark {
+    --bs-btn-bg: #2125296b;
+}
+
+.card {
+  background: #25292d66;
+}
+
+#matrixCard {
+  background-image: radial-gradient(#2226, #25292d66);
+}
+
+.minoes-table {
+  background: transparent;
+}
+
+.mino {
+  background: var(--color);
+  border: 3px solid var(--border);
+  box-shadow: 0 0 8px var(--border);
+}
+
+.I {
+  --color: #00eaf888;
+  --border: #00eaf5;
+}
+
+.J {
+  --color: #00a9f788;
+  --border: #00a9f7;
+}
+
+.L {
+  --color: #f9b60088;
+  --border: #f9b600;
+}
+
+.O {
+  --color: #e3e04988;
+  --border: #e3e049;
+}
+
+.S {
+  --color: #7bd59e88;
+  --border: #7bd59e;
+}
+
+.T {
+  --color: #d136e288;
+  --border: #d136e2;
+}
+
+.Z {
+  --color: #E67D8688;
+  --border: #E67D86;
+}
+
+.ghost {
+  --color: #fff4;
+  --border: #fff5;
+}

css/synthwave.css

@@ -1,5 +1,5 @@
 body {
-    background-image: url("pop/bg.png");
+    background-image: url("new-wave/bg.png");
     background-size: cover;
 }
 

index.html

@@ -13,7 +13,8 @@
     <link rel="alternate stylesheet" href="css/classic.css" title="Classique">
     <link rel="alternate stylesheet" href="css/minimal.css" title="Minimal">
     <link rel="alternate stylesheet" href="css/electro.css" title="Électro">
-    <link rel="alternate stylesheet" href="css/pop.css"     title="Pop">
+    <link rel="alternate stylesheet" href="css/new-wave.css" title="New Wave">
+    <link rel="alternate stylesheet" href="css/synthwave.css"     title="Synthwave">
     <link rel="alternate stylesheet" href="css/retro.css"   title="Rétro">
     <link rel="alternate stylesheet" href="css/opera.css"   title="Opéra">
     <link rel="alternate stylesheet" href="css/binaural.css"   title="Binaural">
@@ -71,7 +72,8 @@
                 <div class="col-4"><select name="stylesheet" id="stylesheetSelect" class="form-select" oninput="selectedStyleSheet.href = this.value">
                   <option value="css/classic.css" selected>Classique</option>
                   <option value="css/minimal.css">Minimal</option>
-                  <option value="css/pop.css">Pop</option>
+                  <option value="css/new-wave.css">New Wave</option>
+                  <option value="css/synthwave.css">Synthwave</option>
                   <option value="css/electro.css">Électro</option>
                   <option value="css/retro.css">Rétro</option>
                   <option value="css/opera.css">Opéra</option>