Merge pull request #103 from NIAEFEUP/feature/font

Change font
NIAEFEUP · Aug 22, 2023 · 0491b59 · 0491b59
2 parents 0f232cf + bacf309
commit 0491b59
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 4 deletions.
diff --git a/content-scripts/src/modules/options/all.js b/content-scripts/src/modules/options/all.js
@@ -1,13 +1,16 @@
 import {
   hideShortcuts,
+  changeFont
 } from "./some_options";
 
 // Array of user preferences, passed to `injectAllChanges`
 export const userPreferences = [
   "shortcuts",
-  "autoLogin"
+  "autoLogin",
+  "font"
 ];
 
 export const injectAllChanges = (data) => {
-  hideShortcuts(data?.shortcuts); 
+  hideShortcuts(data?.shortcuts);
+  changeFont(data?.font);
 };
diff --git a/content-scripts/src/modules/options/some_options.js b/content-scripts/src/modules/options/some_options.js
@@ -18,7 +18,27 @@ export const hideShortcuts = (shortcuts) => {
       break;
 
     case "off":
-      removeElement("se-hide-shortcuts");
+      removeElement("#se-hide-shortcuts");
       break;
   }
-};
+};
+
+export const changeFont = (font) => {
+  console.log(font);
+  switch (font) {
+    case "on":
+      addStyles(
+        "se-change-font",
+        `
+          * {
+            font-family: Roboto, sans-serif;
+          }
+        `
+      );
+      break;
+
+    case "off":
+      removeElement("#se-change-font");
+      break;
+  }
+}
diff --git a/css/custom.css b/css/custom.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+
 /* Página: Inscrições nas Turmas */
 
 ul[id^="list_"]{

diff --git a/popup/components/sections/LayoutContent.js b/popup/components/sections/LayoutContent.js
@@ -13,6 +13,9 @@ const LayoutContent = () => (
                 <SwitchControl
                     label="Relembrar utilizador"
                     storageKey="autoLogin"/>
+                <SwitchControl
+                    label="Mudar fonte de letra"
+                    storageKey="font"/>
             </div>
         </div>
     </form>