diff --git a/html/compte.php b/html/compte.php
index 49f73533..d644f786 100644
--- a/html/compte.php
+++ b/html/compte.php
@@ -33,12 +33,14 @@ if(isset($_POST['delete_account'])) {
         .body {
             <?=$theme_dark?>
         }
+        <?php for ($i = 0; $i < count($themes_dark); $i++) { echo "#palette" . $i . " { " . $themes_dark[$i] . " } " };?>
     } 
     @media (prefers-color-scheme: light) {
         .body {
             <?=$theme_light?>
             }
         }
+        <?php for ($i = 0; $i < count($themes_light); $i++) { echo "#palette" . $i . " { " . $themes_light[$i] . " } " };?>
     </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
@@ -84,10 +86,7 @@ if(isset($_POST['delete_account'])) {
                 $width = 6;
 
                 for ($i = 0; $i < count($themes_dark); $i++) {
-                    echo "<a href='?theme=" . $i . "'><div style='";
-                    echo "@media (prefers-color-scheme: dark) {" . $themes_dark[$i] . "}";
-                    echo "@media (prefers-color-scheme: light) {" . $themes_light[$i] . "}";
-                    echo "; display: flex'>";
+                    echo "<a href='?theme=" . $i . "'><div id='palette" . $i .  "'style='display: flex'>";
                     echo "<div style='display: inline; background-color: var(--text); padding: " . $height/2 . "em ". $width/8 ."em'></div>";
                     echo "<div style='display: inline; background-color: var(--background); padding: " . $height/2 . "em ". $width/8 ."em'></div>";
                     echo "<div style='display: inline; background-color: var(--banner-background); padding: " . $height/2 . "em ". $width/8 ."em'></div>";