feat(update): huge changes

styles/dashboard.css

@@ -5,6 +5,7 @@
 #network-button,
 #bluetooth-button,
 #night-mode-button,
+#power-profile-button,
 #dark-mode-button,
 #caffeine-button {
   border-radius: 20px;
@@ -18,28 +19,30 @@
 
 #night-mode-button,
 #dark-mode-button,
+#power-profile-button,
 #caffeine-button {
-  background-color: @primary;
+  background-color: var(--primary);
   padding: 0 10px;
 }
 
 #night-mode-button.disabled,
 #dark-mode-button.disabled,
+#power-profile-button.disabled,
 #caffeine-button.disabled {
-  background-color: @surface;
+  background-color: var(--surface);
 }
 
 #network-status-button,
 #network-menu-button,
 #bluetooth-status-button,
 #bluetooth-menu-button {
-  background-color: @primary;
+  background-color: var(--primary);
   padding: 0 8px;
 }
 
 #network-menu-button,
 #bluetooth-menu-button {
-  border-left: 1px solid @outline;
+  border-left: 1px solid var(--outline);
   min-width: 24px;
 }
 
@@ -49,9 +52,10 @@
 #bluetooth-menu-button:hover,
 #bluetooth-button:hover,
 #night-mode-button:hover,
+#power-profile-button:hover,
 #dark-mode-button:hover,
 #caffeine-button:hover {
-  background-color: @foreground;
+  background-color: var(--foreground);
 }
 
 /* Estados Disabled */
@@ -59,12 +63,12 @@
 #network-menu-button.disabled,
 #bluetooth-status-button.disabled,
 #bluetooth-menu-button.disabled {
-  background-color: @surface;
+  background-color: var(--surface);
 }
 
 #network-menu-button.disabled,
 #bluetooth-menu-button.disabled {
-  border-left: 1px solid @surfaceBright;
+  border-left: 1px solid var(--surface-bright);
 }
 
 #network-status-button.disabled:hover,
@@ -72,9 +76,10 @@
 #bluetooth-status-button.disabled:hover,
 #bluetooth-menu-button.disabled:hover,
 #night-mode-button.disabled:hover,
+#power-profile-button.disabled:hover,
 #dark-mode-button.disabled:hover,
 #caffeine-button.disabled:hover {
-  background-color: @surfaceBright;
+  background-color: var(--surface-bright);
 }
 
 #network-status-button,
@@ -91,36 +96,39 @@
 #bluetooth-icon,
 #night-mode-icon,
 #dark-mode-icon,
+#power-profile-icon,
 #caffeine-icon {
-  color: @shadow;
+  color: var(--shadow);
   font-size: 24px;
 }
 
 #network-icon.disabled,
 #bluetooth-icon.disabled,
 #night-mode-icon.disabled,
+#power-profile-icon.disabled,
 #dark-mode-icon.disabled,
 #caffeine-icon.disabled {
-  color: @outline;
+  color: var(--outline);
 }
 
 #network-menu-label,
 #bluetooth-menu-label {
-  color: @shadow;
+  color: var(--shadow);
   font-size: 16px;
 }
 
 #network-menu-label.disabled,
 #bluetooth-menu-label.disabled {
-  color: @outline;
+  color: var(--outline);
 }
 
 #network-label,
 #bluetooth-label,
 #night-mode-label,
+#power-profile-label,
 #caffeine-label,
 #dark-mode-label {
-  color: @shadow;
+  color: var(--shadow);
   font-size: 14px;
   font-weight: bold;
   margin-bottom: -4px;
@@ -129,24 +137,27 @@
 #network-label.disabled,
 #bluetooth-label.disabled,
 #night-mode-label.disabled,
+#power-profile-label.disabled,
 #dark-mode-label.disabled,
 #caffeine-label.disabled {
-  color: @outline;
+  color: var(--outline);
 }
 
 #network-ssid,
 #bluetooth-status,
 #night-mode-status,
+#power-profile-status,
 #dark-mode-status,
 #caffeine-status {
-  color: @surfaceBright;
+  color: var(--surface-bright);
   font-size: 12px;
 }
 
 #network-ssid.disabled,
 #bluetooth-status.disabled,
 #night-mode-status.disabled,
+#power-profile-status.disabled,
 #dark-mode-status.disabled,
 #caffeine-status.disabled {
-  color: @outline;
+  color: var(--outline);
 }