Implement framework for custom modules and out of the box custom modules as well. (#213)

* Create declarative module scaffolding

* Added ram module (WIP)

* Updates to options, styling and more.

* Added function for styling custom modules.

* Added utility functions and cleaned up code

* Type and fn name updates.

* Update module utils to handle absent values.

* Added icon color in style2 that was missing.

* Linted utils.ts

* Add CPU module and update RAM module to use /proc/meminfo.

* Added disk storage module.

* Consolidate code

* Added netstat module and removed elements from systray default ignore list.

* Added keyboard layout module.

* Fix hook types and move module to customModules directory

* Added updates modules.

* Spacing updates

* Added weather module.

* Added power menu and power module in bar. Increased update default interval to 6 ours.

* Updated styling of bar buttons, made power menu label toggleable, etc.

* Consolidate code and add dynamic tooltips based on data being used.

* Make default custom mogules matugen compatible

* Update base theme

* Fix custom module background coloring

* Remove testing opacity.

* Update themes to account for new modules

* Update nix stuff for libgtop (Need someone to test this)

* Update nix

* Update fractions to multiplications

* Move styling in style directory

* Implement a polling framework for variables that can dynamically adjust polling intervals.

* Netstat module updates when interface name is changed.

* Readme update

widget/settings/pages/theme/index.ts

@@ -12,6 +12,8 @@ import { SystrayMenuTheme } from "./menus/systray";
 import { VolumeMenuTheme } from "./menus/volume";
 import { OsdTheme } from "./osd/index";
 import { Matugen } from "./menus/matugen";
+import { CustomModuleTheme } from "customModules/theme";
+import { PowerMenuTheme } from "./menus/power";
 
 type Page = "General Settings"
     | "Matugen Settings"
@@ -26,7 +28,9 @@ type Page = "General Settings"
     | "Network Menu"
     | "Notifications Menu"
     | "System Tray"
-    | "Volume Menu";
+    | "Volume Menu"
+    | "Power Menu"
+    | "Custom Modules";
 
 const CurrentPage = Variable<Page>("General Settings");
 
@@ -44,6 +48,8 @@ const pagerMap: Page[] = [
     "Notifications Menu",
     "System Tray",
     "Volume Menu",
+    "Power Menu",
+    "Custom Modules",
 ]
 
 export const ThemesMenu = () => {
@@ -59,7 +65,7 @@ export const ThemesMenu = () => {
                     children: [0, 1, 2].map(section => {
                         return Widget.Box({
                             children: pagerMap.map((page, index) => {
-                                if (index >= section * 5 && index < section * 5 + 5) {
+                                if (index >= section * 6 && index < section * 6 + 6) {
                                     return Widget.Button({
                                         hpack: "center",
                                         xalign: 0,
@@ -91,6 +97,8 @@ export const ThemesMenu = () => {
                         "Notifications Menu": NotificationsMenuTheme(),
                         "System Tray": SystrayMenuTheme(),
                         "Volume Menu": VolumeMenuTheme(),
+                        "Power Menu": PowerMenuTheme(),
+                        "Custom Modules": CustomModuleTheme(),
                     },
                     shown: CurrentPage.bind("value"),
                 })