edit: style de l'indicateur d'ouverture

src/components/lolStatus.vue

@@ -8,30 +8,37 @@
   #lolStatusContainer{
     width: 161px;
     height: 33px;
-    background-color: transparent;
-    color: var(--main-color);
+    background-color: var(--main-color);
+    color: var(--back-color);
     border-color: var(--main-color);
     border-style: solid;
     border-width: thin;
-    border-radius: 0;
+    border-radius: 33px;
     display: flex;
     align-items: center;
     justify-content: space-around;
-    padding-bottom: 3.33px;
+    padding-bottom: 7.77px;
     margin-left: 1.61vw;
+    padding-left: 3.33px;
+    filter: contrast(200%) saturate(200%);
 
           p{
             font-family: 'pressStart2P';
-            font-size: 13.12px;
+            font-size: 16.1px;
             letter-spacing: 1.61px;
             font-weight: normal;
           }
   }
 
   #lolOpener #lolStatusContainer{
+    padding-top: 3.33px;
     margin-left: 0;
     width: 90%;
     align-self: center;
+
+    @media(min-width: 700px){
+      width: 44%;
+    }
   }
 
 </style>
@@ -56,7 +63,7 @@
         this.statusText = this.lolCurrentStatus ? 'OUVERT !' : 'FERMÉ...';
         document.documentElement.setAttribute('data-theme' , currentTheme);
         document.querySelector('link').href = this.lolCurrentStatus ? './src/assets/favicon_open.svg' : './src/assets/favicon.svg'
-        this.$refs.lolStatus.style.animation = this.lolCurrentStatus ? 'blink 1.61s infinite' : 'none';
+        this.$refs.lolStatus.style.animation = this.lolCurrentStatus ? 'blink 3.33s infinite' : 'none';
       }
     },
     computed: {