fix(panel): resolve color issue for light text in panel with blur-my-shell extension

(cherry picked from commit fd51396)

Author: leandromqrs

src/styles/_panel.scss

@@ -36,3 +36,20 @@
 #panel:overview .panel-button#panelActivities .workspace-dot {
   background-color: vars.$aurora-panel-fg;
 }
+
+#panel.panel-light-text .panel-button,
+#panel.panel-light-text:overview .panel-button {
+  color: vars.$aurora-panel-light-text-fg;
+}
+
+#panel.panel-light-text .panel-button .system-status-icon,
+#panel.panel-light-text .panel-button .panel-status-indicators-box > .system-status-icon,
+#panel.panel-light-text:overview .panel-button .system-status-icon,
+#panel.panel-light-text:overview .panel-button .panel-status-indicators-box > .system-status-icon {
+  color: vars.$aurora-panel-light-text-fg;
+}
+
+#panel.panel-light-text .panel-button#panelActivities .workspace-dot,
+#panel.panel-light-text:overview .panel-button#panelActivities .workspace-dot {
+  background-color: vars.$aurora-panel-light-text-fg;
+}

src/styles/_variables.scss

@@ -7,6 +7,7 @@ $contrast: 'normal' !default;
 
 $aurora-panel-bg: palette.$dark-1;
 $aurora-panel-fg: palette.$light-1;
+$aurora-panel-light-text-fg: palette.$light-1;
 $aurora-panel-border: none;
 $aurora-overview-bg: palette.$dark-1;
 $aurora-dash-bg: palette.$dark-1;