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
2024-09-02 21:10:59 -07:00
parent 4f009b9978
commit 4cdda38604
107 changed files with 6444 additions and 1482 deletions
--- a/scss/style/menus/powerdropdown.scss
+++ b/scss/style/menus/powerdropdown.scss
@@ -0,0 +1,136 @@
+.menu-items-container.power-dropdown * {
+  font-size: $font-size * $bar-menus-menu-power-scaling * 0.01;
+}
+
+@import "./menu.scss";
+
+.menu-items.power-dropdown {
+  background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-power-background-color);
+  border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-power-border-color);
+  opacity: $bar-menus-opacity * 0.01;
+  font-size: $font-size * $bar-menus-menu-power-scaling * 0.01;
+}
+
+.menu-items-container.power-dropdown {
+  &.reboot {
+    background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-power-buttons-restart-background);
+  }
+
+  &.logout {
+    background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-power-buttons-logout-background);
+  }
+
+  &.sleep {
+    background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-power-buttons-sleep-background);
+  }
+
+  min-height: 3.5em * $bar-menus-menu-power-scaling * 0.01;
+  font-size: 1.3em;
+  margin: 1em;
+
+  .menu-items-section {
+    padding-bottom: 1.5em;
+  }
+
+  .power-menu-button {
+    border-radius: $bar-menus-border-radius * 0.6;
+
+    // This doubles the border-radius so it doesn't show up as 
+    // an artifact behind the button as that has a radius as well
+    border-top-left-radius: $bar-menus-border-radius * 2;
+    border-bottom-left-radius: $bar-menus-border-radius * 2;
+
+    &.no-label {
+      // This doubles the border-radius so it doesn't show up as 
+      // an artifact behind the button as that has a radius as well
+      border-top-right-radius: $bar-menus-border-radius * 2;
+      border-bottom-right-radius: $bar-menus-border-radius * 2;
+    }
+
+    &:hover {
+      opacity: 0.4;
+    }
+
+    &:not(:last-child) {
+      margin-bottom: 1.5em;
+    }
+
+    .power-button-label {
+      font-size: 1.1em;
+    }
+
+    &.shutdown {
+      background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-power-buttons-shutdown-background);
+    }
+
+    &.reboot {
+      background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-power-buttons-restart-background);
+    }
+
+    &.logout {
+      background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-power-buttons-logout-background);
+    }
+
+    &.sleep {
+      background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-power-buttons-sleep-background);
+    }
+
+    .show-label {
+      padding-right: 1em;
+    }
+
+    .no-label {
+      border-top-right-radius: $bar-menus-border-radius * 0.35;
+      border-bottom-right-radius: $bar-menus-border-radius * 0.35;
+    }
+
+    .shutdown-label {
+      color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-shutdown-text);
+    }
+
+    .reboot-label {
+      color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-restart-text);
+    }
+
+    .logout-label {
+      color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-logout-text);
+    }
+
+    .sleep-label {
+      color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-sleep-text);
+    }
+  }
+
+  label {
+    margin-left: 1em;
+  }
+
+  image {
+    min-width: 3.75rem * $bar-menus-menu-power-scaling * 0.01;
+    min-height: 3.75rem * $bar-menus-menu-power-scaling * 0.01;
+    background: $red;
+    border-top-left-radius: $bar-menus-border-radius * 0.35;
+    border-bottom-left-radius: $bar-menus-border-radius * 0.35;
+    font-size: 1.75em;
+
+    &.shutdown-icon {
+      background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-shutdown-icon_background);
+      color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-power-buttons-shutdown-icon);
+    }
+
+    &.reboot-icon {
+      background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-restart-icon_background);
+      color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-power-buttons-restart-icon);
+    }
+
+    &.logout-icon {
+      background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-logout-icon_background);
+      color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-power-buttons-logout-icon);
+    }
+
+    &.sleep-icon {
+      background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-power-buttons-sleep-icon_background);
+      color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-power-buttons-sleep-icon);
+    }
+  }
+}