Mes coses

frontend/app/components/parts/site_options/LanguageSelector.vue

@@ -50,8 +50,8 @@ const changeLocale = (lang) => {
 
 <style lang="scss" scoped>
 .menu-button {
-  background: #161b22;
-  color: white;
+  background: var(--color-background-fore);
+  color: var(--color-text);
   font-size: 1em;
   border: 1px solid #30363d;
   padding: 8px 12px;
@@ -69,7 +69,7 @@ z-index: 10;
   top: 50px;
   right: 110px;
   margin-right: 10px;
-  background: #161b22;
+  background: var(--color-background-fore);
   border: 1px solid #30363d;
   border-radius: 8px;
   padding: 8px 0;
@@ -79,14 +79,18 @@ z-index: 10;
 /* Items */
 .menu-item {
   padding: 8px 16px;
-  color: #c9d1d9;
+  color: var(--color-text);
   cursor: pointer;
   display: flex;
   gap: 10px;
   align-items: center;
 
   &.active {
-    background: #30363d;
+    background: var(--color-selected);
   }
 }
+
+.menu-item:hover {
+  background: var(--color-hover);
+}
 </style>