Skip to content
Snippets Groups Projects
Commit c6fade37 authored by Lucie Bader's avatar Lucie Bader
Browse files

Police d'écriture Luciole

parent 4c4d0ef3
No related branches found
No related tags found
2 merge requests!8Test final,!6Améliorations du menu de l'extension
File added
This diff is collapsed.
File added
File added
File added
<!DOCTYPE html> <!-- <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<script src="../utils/logger.js"></script> <script src="../utils/logger.js"></script>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Luciole;
padding: 20px; padding: 20px;
background-color: #323046; background-color: #323046;
color: white; color: white;
...@@ -35,4 +35,4 @@ ...@@ -35,4 +35,4 @@
<button id="toggleStatsBtn">Activer/Désactiver les statistiques</button> <button id="toggleStatsBtn">Activer/Désactiver les statistiques</button>
<script src="options.js"></script> <script src="options.js"></script>
</body> </body>
</html> </html> -->
document.getElementById('connectBtn').addEventListener('click', () => { // document.getElementById('connectBtn').addEventListener('click', () => {
browser.runtime.sendMessage({ action: "openLoginPage" }); // browser.runtime.sendMessage({ action: "openLoginPage" });
}); // });
async function disconnectFromLexicalDB() { // async function disconnectFromLexicalDB() {
await browser.storage.local.remove("accessToken"); // await browser.storage.local.remove("accessToken");
log("Token supprimé, déconnexion réussie."); // log("Token supprimé, déconnexion réussie.");
alert("Déconnexion réussie."); // alert("Déconnexion réussie.");
updateContextMenu(); // updateContextMenu();
// Envoi d'un message pour mettre à jour l'UI // // Envoi d'un message pour mettre à jour l'UI
browser.runtime.sendMessage({ action: "updateUI" }); // browser.runtime.sendMessage({ action: "updateUI" });
} // }
document.getElementById("toggleExtensionBtn").addEventListener("click", async () => { // document.getElementById("toggleExtensionBtn").addEventListener("click", async () => {
const { extensionActive } = await browser.storage.local.get("extensionActive"); // const { extensionActive } = await browser.storage.local.get("extensionActive");
const newState = !extensionActive; // const newState = !extensionActive;
await browser.storage.local.set({ extensionActive: newState }); // await browser.storage.local.set({ extensionActive: newState });
alert(`Extension ${newState ? "activée" : "désactivée"}.`); // alert(`Extension ${newState ? "activée" : "désactivée"}.`);
}); // });
document.getElementById("toggleStatsBtn").addEventListener("click", async () => { // document.getElementById("toggleStatsBtn").addEventListener("click", async () => {
const { statsActive } = await browser.storage.local.get("statsActive"); // const { statsActive } = await browser.storage.local.get("statsActive");
const newState = !statsActive; // const newState = !statsActive;
await browser.storage.local.set({ statsActive: newState }); // await browser.storage.local.set({ statsActive: newState });
alert(`Statistiques ${newState ? "activées" : "désactivées"}.`); // alert(`Statistiques ${newState ? "activées" : "désactivées"}.`);
}); // });
...@@ -6,6 +6,14 @@ ...@@ -6,6 +6,14 @@
<title>Extension BaLex</title> <title>Extension BaLex</title>
<script src="../utils/logger.js"></script> <script src="../utils/logger.js"></script>
<style> <style>
@font-face {
font-family: 'Luciole';
src: url('chemin/vers/Luciole-Regular.woff2') format('woff2'),
url('chemin/vers/Luciole-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#extension-notification { #extension-notification {
position: absolute; position: absolute;
top: 50%; top: 50%;
...@@ -44,7 +52,7 @@ ...@@ -44,7 +52,7 @@
} }
body { body {
font-family: Helvetica, sans-serif; font-family: Luciole;
font-size: medium; font-size: medium;
margin: 0; margin: 0;
padding: 8px; padding: 8px;
...@@ -54,6 +62,7 @@ ...@@ -54,6 +62,7 @@
width: 200px; width: 200px;
} }
button { button {
font-family: Luciole;
width: 100%; width: 100%;
padding: 12px; padding: 12px;
margin-bottom: 8px; margin-bottom: 8px;
...@@ -75,7 +84,7 @@ ...@@ -75,7 +84,7 @@
display: inline-flex; display: inline-flex;
padding: 6px 12px; padding: 6px 12px;
font-size: 18px; font-size: 18px;
font-family: Bradley Hand, cursive; font-family: Luciole;
background: none; background: none;
border: none; border: none;
color: white; color: white;
...@@ -104,7 +113,7 @@ ...@@ -104,7 +113,7 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
#extension-name { #extension-name {
font-family: Helvetica, sans-serif; font-family: Luciole;
text-align: center; text-align: center;
font-size: 23px; font-size: 23px;
font-weight: bold; font-weight: bold;
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<style> <style>
/* Style global */ /* Style global */
body { body {
font-family: Helvetica, sans-serif; font-family: Luciole;
font-size: medium; font-size: medium;
margin: 0; margin: 0;
padding: 10px; padding: 10px;
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
display: inline-flex; display: inline-flex;
padding: 6px 12px; padding: 6px 12px;
font-size: 18px; font-size: 18px;
font-family: Bradley Hand, cursive; font-family: Luciole;
background: none; background: none;
border: none; border: none;
color: white; color: white;
...@@ -102,6 +102,7 @@ ...@@ -102,6 +102,7 @@
/* Boutons standards */ /* Boutons standards */
button { button {
font-family: Luciole;
width: 100%; width: 100%;
margin-top: 5px; margin-top: 5px;
padding: 10px; padding: 10px;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment