Added the ability to scale tooltips in Configuration > Scaling. (#411)

* Updated readme for a Kofi donation link to Aylur.

* Added tooltip scaling option.

options.ts

@@ -89,6 +89,9 @@ const tertiary_colors = {
 
 const options = mkOptions(OPTIONS, {
     theme: {
+        tooltip: {
+            scaling: opt(100),
+        },
         matugen: opt(false),
         matugen_settings: {
             mode: opt<MatugenTheme>('dark'),

scss/style/common/general.scss

@@ -1,7 +1,7 @@
 @import '../colors.scss';
 
 .txt-icon {
-  font-family: "JetBrainsMono Nerd Font Propo", monospace;
+    font-family: 'JetBrainsMono Nerd Font Propo', monospace;
     font-size: 1.5em;
 
     &.bluetooth {
@@ -18,7 +18,7 @@
 }
 
 .bar.txt-icon {
-  font-family: "JetBrainsMono Nerd Font Propo", monospace;
+    font-family: 'JetBrainsMono Nerd Font Propo', monospace;
     font-size: 1.2em;
 }
 
@@ -41,7 +41,6 @@ window.popup {
     }
 
     separator {
-
         background-color: transparentize(if($bar-menus-monochrome, $bar-menus-text, $bar-menus-popover-text), 0.7);
         min-height: 0.075em;
     }
@@ -58,9 +57,9 @@ tooltip {
 
     opacity: $bar-menus-opacity * 0.01;
 
-  font-size: 1.1em;
+    font-size: 1.1em * $tooltip-scaling * 0.01;
 
-  >*>* {
+    > * > * {
         padding: 0.6em;
         border-radius: $bar-menus-border-radius * 0.5;
         color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-tooltip-text);

widget/settings/pages/config/general/index.ts

@@ -174,6 +174,14 @@ export const BarGeneral = (): Scrollable<Child, Attribute> => {
                     max: 100,
                     increment: 5,
                 }),
+                Option({
+                    opt: options.theme.tooltip.scaling,
+                    title: 'Tooltips',
+                    type: 'number',
+                    min: 1,
+                    max: 100,
+                    increment: 5,
+                }),
             ],
         }),
     });