✨ feat(controlcenter): implement battery control widget with power profiles and game mode

2025-08-07 11:25:42 +05:45
1 parent e7fac41852
commit fb65e0b55d
@@ -0,0 +1,182 @@
+.battery-main-title {
+  font-size: 1em;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.95);
+  margin: 6px 10px;
+}
+
+.battery-power-source {
+  font-size: 0.9em;
+  color: rgba(255, 255, 255, 0.8);
+  margin: 4px 12px;
+}
+
+.battery-separator {
+  min-height: 1px;
+  background: rgba(255, 255, 255, 0.1);
+  margin: 4px 0;
+}
+
+.battery-section-title {
+  font-size: 0.9em;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.9);
+  margin: 8px 12px 4px 12px;
+}
+
+.battery-energy-item {
+  margin: 4px 12px;
+  padding: 4px 0;
+}
+
+.battery-energy-indicator {
+  font-size: 0.8em;
+  margin-right: 4px;
+}
+
+.battery-energy-app {
+  font-size: 0.9em;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.battery-settings-button {
+  background: transparent;
+  border: none;
+  padding: 8px 12px;
+  margin: 4px 0;
+  border-radius: 0;
+}
+
+.battery-settings-button:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.battery-info-item {
+  font-size: 0.85em;
+  color: rgba(255, 255, 255, 0.8);
+  margin: 2px 10px;
+  padding: 1px 0;
+}
+
+.battery-status-section {
+  background: rgba(255, 255, 255, 0.06);
+  border-radius: 12px;
+  padding: 16px;
+  margin: 8px 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.battery-percentage {
+  font-size: 1.4em;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.95);
+}
+
+.battery-state {
+  font-size: 0.9em;
+  color: rgba(255, 255, 255, 0.8);
+  margin-top: 4px;
+}
+
+.battery-time {
+  font-size: 0.8em;
+  color: rgba(255, 255, 255, 0.6);
+  margin-top: 2px;
+}
+
+.battery-capacity {
+  font-size: 0.8em;
+  color: rgba(255, 255, 255, 0.7);
+  margin-top: 2px;
+}
+
+.battery-temperature {
+  font-size: 0.8em;
+  color: rgba(255, 255, 255, 0.7);
+  margin-top: 2px;
+}
+
+.battery-section-title {
+  font-size: 0.95em;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.9);
+  margin: 16px 0 8px 0;
+}
+
+.battery-profiles-container {
+  background: transparent;
+  padding: 2px 8px;
+  margin: 2px 0;
+}
+
+.battery-profile-button {
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  padding: 4px 6px;
+  margin: 0 1px;
+  transition: all 0.2s ease;
+  min-width: 45px;
+}
+
+.battery-profile-button:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.battery-profile-button.active {
+  background: rgba(0, 122, 255, 0.2);
+}
+
+.battery-profile-icon {
+  color: rgba(255, 255, 255, 0.8);
+  margin-bottom: 2px;
+}
+
+.battery-profile-button.active .battery-profile-icon {
+  color: rgba(0, 122, 255, 1);
+}
+
+.battery-no-profiles {
+  font-size: 0.85em;
+  color: rgba(255, 255, 255, 0.6);
+  padding: 16px;
+}
+
+/* Gamemode Button Styles */
+.battery-gamemode-container {
+  background: transparent;
+  padding: 2px 8px;
+  margin: 2px 0;
+}
+
+.battery-gamemode-button {
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  padding: 4px 6px;
+  margin: 0 1px;
+  transition: all 0.2s ease;
+  min-width: 45px;
+}
+
+.battery-gamemode-button:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.battery-gamemode-button.active {
+  background: rgba(255, 69, 0, 0.2);
+}
+
+.battery-gamemode-icon {
+  color: rgba(255, 255, 255, 0.8);
+  margin-bottom: 2px;
+}
+
+.battery-gamemode-button.active .battery-gamemode-icon {
+  color: rgba(255, 69, 0, 1);
+}
+
+.battery-gamemode-label {
+  font-size: 0.8em;
+  color: rgba(255, 255, 255, 0.8);
+}