gnome fix

10 files changed, 2338 insertions, 0 deletions

diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/appfolders.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/appfolders.css
new file mode 100644
index 0000000..5e8f0d4
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/appfolders.css
@@ -0,0 +1,55 @@
+/*** APPFOLDER DIALOG ***/
+
+/*
+* `.appfolder-dialogs-transparent`
+*/
+
+.appfolder-dialogs-transparent {
+    background-color: rgba(0, 0, 0, 0);
+    border: none;
+    box-shadow: none;
+}
+
+.appfolder-dialogs-transparent .folder-name-entry {
+    color: white;
+    background-color: rgba(0, 0, 0, 0);
+    border: 0;
+    box-shadow: none;
+}
+
+/*
+* `.appfolder-dialogs-light`
+*/
+
+.appfolder-dialogs-light {
+    background-color: rgba(200, 200, 200, 0.2);
+    border: none;
+    box-shadow: none;
+}
+
+.appfolder-dialogs-light .folder-name-entry {
+    color: white;
+    background-color: rgba(200, 200, 200, 0.2);
+    border: 0;
+    box-shadow: none;
+}
+
+
+/*
+* `.appfolder-dialogs-dark`
+*/
+
+.appfolder-dialogs-dark {
+    background-color: rgba(100, 100, 100, 0.35);
+    border: none;
+    box-shadow: none;
+}
+
+.appfolder-dialogs-dark .folder-name-entry {
+    color: white;
+    background-color: rgba(100, 100, 100, 0.35);
+    border: 0;
+    box-shadow: none;
+}
+
+
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/dash.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/dash.css
new file mode 100644
index 0000000..b99da78
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/dash.css
@@ -0,0 +1,26 @@
+/*** DASH-TO-DOCK ***/
+
+/*
+* `.transparent-dash`
+*/
+.transparent-dash .dash-background {
+    background: transparent !important;
+}
+
+/*
+* `.light-dash`
+*/
+.light-dash .dash-background {
+    background: rgba(255, 255, 255, 0.58) !important;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+/*
+* `.dark-dash`
+*/
+.dark-dash .dash-background {
+    background: rgba(45, 45, 50, 0.22) !important;
+    border: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/overview.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/overview.css
new file mode 100644
index 0000000..4958bd1
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/overview.css
@@ -0,0 +1,364 @@
+/*** OVERVIEW ***/
+
+/*
+* Add transparency to the workspace animation (between workspaces)
+*/
+.blurred-overview .workspace-animation {
+    background-color: transparent !important;
+}
+
+
+/*
+* `.overview-components-transparent`
+*/
+
+.overview-components-transparent .workspace-thumbnail {
+    border: 1px solid rgba(100, 100, 100, 0.35);
+}
+
+.overview-components-transparent .search-entry {
+    color: white;
+    background-color: rgba(0, 0, 0, 0) !important;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.overview-components-transparent .search-entry .search-entry-icon {
+    color: rgba(255, 255, 255, 0.65);
+}
+
+.overview-components-transparent .overview-tile,
+.overview-components-transparent .overview-icon,
+.overview-components-transparent .grid-search-result,
+.overview-components-transparent .list-search-result,
+.overview-components-transparent .search-provider-icon,
+/* prevents the extension from interfering with Just Perfection */
+.overview-components-transparent.just-perfection .search-section-content,
+/* remove the rectangular background from the dash */
+.overview-components-transparent #dash .overview-tile,
+.overview-components-transparent #dashtopanelScrollview .overview-tile,
+.overview-components-transparent .multimonitor-dock .overview-tile {
+    background-color: transparent !important;
+}
+
+.overview-components-transparent .workspace-thumbnail,
+.overview-components-transparent .search-section-content,
+.overview-components-transparent .overview-tile.app-folder,
+.overview-components-transparent .page-navigation-arrow,
+.overview-components-transparent .app-folder-dialog .icon-button,
+/* this shouldn't apply to Dash to Dock */
+.overview-components-transparent StBoxLayout>StWidget>#dash>.dash-background,
+.overview-components-transparent .multimonitor-dock .dash-background {
+    background-color: rgba(0, 0, 0, 0) !important;
+}
+
+.overview-components-transparent .overview-tile:hover,
+.overview-components-transparent .overview-tile:focus,
+.overview-components-transparent .overview-tile:selected,
+.overview-components-transparent .overview-tile:highlighted,
+.overview-components-transparent .grid-search-result:hover,
+.overview-components-transparent .grid-search-result:focus,
+.overview-components-transparent .grid-search-result:selected,
+.overview-components-transparent .grid-search-result:highlighted,
+.overview-components-transparent .list-search-result:hover,
+.overview-components-transparent .list-search-result:focus,
+.overview-components-transparent .list-search-result:selected,
+.overview-components-transparent .list-search-result:highlighted,
+.overview-components-transparent .search-provider-icon:hover,
+.overview-components-transparent .search-provider-icon:focus,
+.overview-components-transparent .page-navigation-arrow:hover,
+.overview-components-transparent .page-navigation-arrow:focus,
+.overview-components-transparent .app-folder-dialog .icon-button:hover,
+.overview-components-transparent .app-folder-dialog .icon-button:focus,
+.overview-components-transparent #dash .overview-tile:hover .overview-icon,
+.overview-components-transparent #dash .overview-tile:focus .overview-icon,
+.overview-components-transparent #dash .show-apps:hover .overview-icon,
+.overview-components-transparent #dash .show-apps:focus .overview-icon,
+.overview-components-transparent .multimonitor-dock .overview-tile:hover .overview-icon,
+.overview-components-transparent .multimonitor-dock .overview-tile:focus .overview-icon,
+.overview-components-transparent .multimonitor-dock .show-apps:hover .overview-icon,
+.overview-components-transparent .multimonitor-dock .show-apps:focus .overview-icon {
+    background-color: rgba(230, 230, 230, 0.08) !important;
+}
+
+.overview-components-transparent .overview-tile:active,
+.overview-components-transparent .overview-tile:focus:hover,
+.overview-components-transparent .overview-tile:drop,
+.overview-components-transparent .overview-tile:selected:hover,
+.overview-components-transparent .overview-tile:highlighted:hover,
+.overview-components-transparent .grid-search-result:active,
+.overview-components-transparent .grid-search-result:focus:hover,
+.overview-components-transparent .grid-search-result:selected:hover,
+.overview-components-transparent .grid-search-result:highlighted:hover,
+.overview-components-transparent .list-search-result:active,
+.overview-components-transparent .list-search-result:focus:hover,
+.overview-components-transparent .list-search-result:selected:hover,
+.overview-components-transparent .list-search-result:highlighted:hover,
+.overview-components-transparent .search-provider-icon:active,
+.overview-components-transparent .search-provider-icon:focus:hover,
+.overview-components-transparent .page-navigation-arrow:active,
+.overview-components-transparent .page-navigation-arrow:focus:hover,
+.overview-components-transparent .app-folder-dialog .icon-button:active,
+.overview-components-transparent .app-folder-dialog .icon-button:focus:hover,
+.overview-components-transparent #dash .overview-tile:active .overview-icon,
+.overview-components-transparent #dash .overview-tile:focus:hover .overview-icon,
+.overview-components-transparent #dash .overview-tile:drop .overview-icon,
+.overview-components-transparent #dash .show-apps:checked .overview-icon,
+.overview-components-transparent .multimonitor-dock .overview-tile:hover .overview-icon,
+.overview-components-transparent .multimonitor-dock .overview-tile:focus .overview-icon,
+.overview-components-transparent .multimonitor-dock .show-apps:hover .overview-icon,
+.overview-components-transparent .multimonitor-dock .show-apps:focus .overview-icon {
+    background-color: rgba(230, 230, 230, 0.12) !important;
+}
+
+.overview-components-transparent .overview-tile:focus:active,
+.overview-components-transparent .overview-tile:selected:active,
+.overview-components-transparent .overview-tile:highlighted:active,
+.overview-components-transparent .grid-search-result:focus:active,
+.overview-components-transparent .grid-search-result:selected:active,
+.overview-components-transparent .grid-search-result:highlighted:active,
+.overview-components-transparent .list-search-result:focus:active,
+.overview-components-transparent .list-search-result:selected:active,
+.overview-components-transparent .list-search-result:highlighted:active,
+.overview-components-transparent .search-provider-icon:focus:active,
+.overview-components-transparent .page-navigation-arrow:focus:active,
+.overview-components-transparent .app-folder-dialog .icon-button:focus:active,
+.overview-components-transparent #dash .show-apps:checked .overview-icon:hover,
+.overview-components-transparent .multimonitor-dock .show-apps:checked .overview-icon:hover {
+    background-color: rgba(230, 230, 230, 0.15) !important;
+}
+
+
+/*
+* `.overview-components-light`
+*/
+
+.overview-components-light .search-entry {
+    color: white;
+    background-color: rgba(200, 200, 200, 0.2) !important;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.overview-components-light .search-entry .search-entry-icon {
+    color: rgba(255, 255, 255, 0.65);
+}
+
+.overview-components-light .overview-tile,
+.overview-components-light .overview-icon,
+.overview-components-light .grid-search-result,
+.overview-components-light .list-search-result,
+.overview-components-light .search-provider-icon,
+/* prevents the extension from interfering with Just Perfection */
+.overview-components-light.just-perfection .search-section-content,
+/* remove the rectangular background from the dash */
+.overview-components-light #dash .overview-tile,
+.overview-components-light #dashtopanelScrollview .overview-tile,
+.overview-components-light .multimonitor-dock .overview-tile {
+    background-color: transparent !important;
+}
+
+.overview-components-light .workspace-thumbnail,
+.overview-components-light .search-section-content,
+.overview-components-light .overview-tile.app-folder,
+.overview-components-light .page-navigation-arrow,
+.overview-components-light .app-folder-dialog .icon-button,
+/* this shouldn't apply to Dash to Dock */
+.overview-components-light StBoxLayout>StWidget>#dash>.dash-background,
+.overview-components-light .multimonitor-dock .dash-background {
+    background-color: rgba(200, 200, 200, 0.2) !important;
+}
+
+.overview-components-light .overview-tile:hover,
+.overview-components-light .overview-tile:focus,
+.overview-components-light .overview-tile:selected,
+.overview-components-light .overview-tile:highlighted,
+.overview-components-light .grid-search-result:hover,
+.overview-components-light .grid-search-result:focus,
+.overview-components-light .grid-search-result:selected,
+.overview-components-light .grid-search-result:highlighted,
+.overview-components-light .list-search-result:hover,
+.overview-components-light .list-search-result:focus,
+.overview-components-light .list-search-result:selected,
+.overview-components-light .list-search-result:highlighted,
+.overview-components-light .search-provider-icon:hover,
+.overview-components-light .search-provider-icon:focus,
+.overview-components-light .page-navigation-arrow:hover,
+.overview-components-light .page-navigation-arrow:focus,
+.overview-components-light .app-folder-dialog .icon-button:hover,
+.overview-components-light .app-folder-dialog .icon-button:focus,
+.overview-components-light #dash .overview-tile:hover .overview-icon,
+.overview-components-light #dash .overview-tile:focus .overview-icon,
+.overview-components-light #dash .show-apps:hover .overview-icon,
+.overview-components-light #dash .show-apps:focus .overview-icon,
+.overview-components-light .multimonitor-dock .overview-tile:hover .overview-icon,
+.overview-components-light .multimonitor-dock .overview-tile:focus .overview-icon,
+.overview-components-light .multimonitor-dock .show-apps:hover .overview-icon,
+.overview-components-light .multimonitor-dock .show-apps:focus .overview-icon {
+    background-color: rgba(230, 230, 230, 0.2) !important;
+}
+
+.overview-components-light .overview-tile:active,
+.overview-components-light .overview-tile:focus:hover,
+.overview-components-light .overview-tile:drop,
+.overview-components-light .overview-tile:selected:hover,
+.overview-components-light .overview-tile:highlighted:hover,
+.overview-components-light .grid-search-result:active,
+.overview-components-light .grid-search-result:focus:hover,
+.overview-components-light .grid-search-result:selected:hover,
+.overview-components-light .grid-search-result:highlighted:hover,
+.overview-components-light .list-search-result:active,
+.overview-components-light .list-search-result:focus:hover,
+.overview-components-light .list-search-result:selected:hover,
+.overview-components-light .list-search-result:highlighted:hover,
+.overview-components-light .search-provider-icon:active,
+.overview-components-light .search-provider-icon:focus:hover,
+.overview-components-light .page-navigation-arrow:active,
+.overview-components-light .page-navigation-arrow:focus:hover,
+.overview-components-light .app-folder-dialog .icon-button:active,
+.overview-components-light .app-folder-dialog .icon-button:focus:hover,
+.overview-components-light #dash .overview-tile:active .overview-icon,
+.overview-components-light #dash .overview-tile:focus:hover .overview-icon,
+.overview-components-light #dash .overview-tile:drop .overview-icon,
+.overview-components-light #dash .show-apps:checked .overview-icon,
+.overview-components-light .multimonitor-dock .overview-tile:hover .overview-icon,
+.overview-components-light .multimonitor-dock .overview-tile:focus .overview-icon,
+.overview-components-light .multimonitor-dock .show-apps:hover .overview-icon,
+.overview-components-light .multimonitor-dock .show-apps:focus .overview-icon {
+    background-color: rgba(230, 230, 230, 0.25) !important;
+}
+
+.overview-components-light .overview-tile:focus:active,
+.overview-components-light .overview-tile:selected:active,
+.overview-components-light .overview-tile:highlighted:active,
+.overview-components-light .grid-search-result:focus:active,
+.overview-components-light .grid-search-result:selected:active,
+.overview-components-light .grid-search-result:highlighted:active,
+.overview-components-light .list-search-result:focus:active,
+.overview-components-light .list-search-result:selected:active,
+.overview-components-light .list-search-result:highlighted:active,
+.overview-components-light .search-provider-icon:focus:active,
+.overview-components-light .page-navigation-arrow:focus:active,
+.overview-components-light .app-folder-dialog .icon-button:focus:active,
+.overview-components-light #dash .show-apps:checked .overview-icon:hover,
+.overview-components-light .multimonitor-dock .show-apps:checked .overview-icon:hover {
+    background-color: rgba(230, 230, 230, 0.3) !important;
+}
+
+
+/*
+* `.overview-components-dark`
+*/
+
+.overview-components-dark .search-entry {
+    color: white;
+    background-color: rgba(100, 100, 100, 0.35) !important;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.overview-components-dark .search-entry .search-entry-icon {
+    color: rgba(255, 255, 255, 0.65);
+}
+
+.overview-components-dark .overview-tile,
+.overview-components-dark .overview-icon,
+.overview-components-dark .grid-search-result,
+.overview-components-dark .list-search-result,
+.overview-components-dark .search-provider-icon,
+/* prevents the extension from interfering with Just Perfection */
+.overview-components-dark.just-perfection .search-section-content,
+/* remove the rectangular background from the dash */
+.overview-components-dark #dash .overview-tile,
+.overview-components-dark #dashtopanelScrollview .overview-tile,
+.overview-components-dark .multimonitor-dock .overview-tile {
+    background-color: transparent !important;
+}
+
+.overview-components-dark .workspace-thumbnail,
+.overview-components-dark .search-section-content,
+.overview-components-dark .overview-tile.app-folder,
+.overview-components-dark .page-navigation-arrow,
+.overview-components-dark .app-folder-dialog .icon-button,
+/* this shouldn't apply to Dash to Dock */
+.overview-components-dark StBoxLayout>StWidget>#dash>.dash-background,
+.overview-components-dark .multimonitor-dock .dash-background {
+    background-color: rgba(100, 100, 100, 0.35) !important;
+}
+
+.overview-components-dark .overview-tile:hover,
+.overview-components-dark .overview-tile:focus,
+.overview-components-dark .overview-tile:selected,
+.overview-components-dark .overview-tile:highlighted,
+.overview-components-dark .grid-search-result:hover,
+.overview-components-dark .grid-search-result:focus,
+.overview-components-dark .grid-search-result:selected,
+.overview-components-dark .grid-search-result:highlighted,
+.overview-components-dark .list-search-result:hover,
+.overview-components-dark .list-search-result:focus,
+.overview-components-dark .list-search-result:selected,
+.overview-components-dark .list-search-result:highlighted,
+.overview-components-dark .search-provider-icon:hover,
+.overview-components-dark .search-provider-icon:focus,
+.overview-components-dark .page-navigation-arrow:hover,
+.overview-components-dark .page-navigation-arrow:focus,
+.overview-components-dark .app-folder-dialog .icon-button:hover,
+.overview-components-dark .app-folder-dialog .icon-button:focus,
+.overview-components-dark #dash .overview-tile:hover .overview-icon,
+.overview-components-dark #dash .overview-tile:focus .overview-icon,
+.overview-components-dark #dash .show-apps:hover .overview-icon,
+.overview-components-dark #dash .show-apps:focus .overview-icon,
+.overview-components-dark .multimonitor-dock .overview-tile:hover .overview-icon,
+.overview-components-dark .multimonitor-dock .overview-tile:focus .overview-icon,
+.overview-components-dark .multimonitor-dock .show-apps:hover .overview-icon,
+.overview-components-dark .multimonitor-dock .show-apps:focus .overview-icon {
+    background-color: rgba(120, 120, 120, 0.35) !important;
+}
+
+.overview-components-dark .overview-tile:active,
+.overview-components-dark .overview-tile:focus:hover,
+.overview-components-dark .overview-tile:drop,
+.overview-components-dark .overview-tile:selected:hover,
+.overview-components-dark .overview-tile:highlighted:hover,
+.overview-components-dark .grid-search-result:active,
+.overview-components-dark .grid-search-result:focus:hover,
+.overview-components-dark .grid-search-result:selected:hover,
+.overview-components-dark .grid-search-result:highlighted:hover,
+.overview-components-dark .list-search-result:active,
+.overview-components-dark .list-search-result:focus:hover,
+.overview-components-dark .list-search-result:selected:hover,
+.overview-components-dark .list-search-result:highlighted:hover,
+.overview-components-dark .search-provider-icon:active,
+.overview-components-dark .search-provider-icon:focus:hover,
+.overview-components-dark .page-navigation-arrow:active,
+.overview-components-dark .page-navigation-arrow:focus:hover,
+.overview-components-dark .app-folder-dialog .icon-button:active,
+.overview-components-dark .app-folder-dialog .icon-button:focus:hover,
+.overview-components-dark #dash .overview-tile:active .overview-icon,
+.overview-components-dark #dash .overview-tile:focus:hover .overview-icon,
+.overview-components-dark #dash .overview-tile:drop .overview-icon,
+.overview-components-dark #dash .show-apps:checked .overview-icon,
+.overview-components-dark .multimonitor-dock .overview-tile:hover .overview-icon,
+.overview-components-dark .multimonitor-dock .overview-tile:focus .overview-icon,
+.overview-components-dark .multimonitor-dock .show-apps:hover .overview-icon,
+.overview-components-dark .multimonitor-dock .show-apps:focus .overview-icon {
+    background-color: rgba(120, 120, 120, 0.4) !important;
+}
+
+.overview-components-dark .overview-tile:focus:active,
+.overview-components-dark .overview-tile:selected:active,
+.overview-components-dark .overview-tile:highlighted:active,
+.overview-components-dark .grid-search-result:focus:active,
+.overview-components-dark .grid-search-result:selected:active,
+.overview-components-dark .grid-search-result:highlighted:active,
+.overview-components-dark .list-search-result:focus:active,
+.overview-components-dark .list-search-result:selected:active,
+.overview-components-dark .list-search-result:highlighted:active,
+.overview-components-dark .search-provider-icon:focus:active,
+.overview-components-dark .page-navigation-arrow:focus:active,
+.overview-components-dark .app-folder-dialog .icon-button:focus:active,
+.overview-components-dark #dash .show-apps:checked .overview-icon:hover,
+.overview-components-dark .multimonitor-dock .show-apps:checked .overview-icon:hover {
+    background-color: rgba(120, 120, 120, 0.45) !important;
+}
+
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/panel-light-text.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/panel-light-text.css
new file mode 100644
index 0000000..f868dda
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/panel-light-text.css
@@ -0,0 +1,92 @@
+/*** PANEL LIGHT TEXT ***/
+
+/*
+* `.panel-light-text`, adapted from gnome-shell-light.css
+*/
+
+.panel-light-text #panel .panel-button,
+.panel-light-text #panel .panel-button.clock-display,
+.panel-light-text #panel .netSpeedLabel {
+    color: #f6f5f4;
+    box-shadow: none;
+}
+
+.panel-light-text #panel .panel-button:active,
+.panel-light-text #panel .panel-button:focus,
+.panel-light-text #panel .panel-button:checked,
+.panel-light-text #panel .panel-button.clock-display:active .clock,
+.panel-light-text #panel .panel-button.clock-display:focus .clock,
+.panel-light-text #panel .panel-button.clock-display:checked .clock {
+    box-shadow: inset 0 0 0 100px rgba(246, 245, 244, 0.25);
+}
+
+.panel-light-text #panel .panel-button:active:hover,
+.panel-light-text #panel .panel-button:focus:hover,
+.panel-light-text #panel .panel-button:checked:hover,
+.panel-light-text #panel .panel-button.clock-display:active:hover,
+.panel-light-text #panel .panel-button.clock-display:focus:hover,
+.panel-light-text #panel .panel-button.clock-display:checked:hover,
+.panel-light-text #panel .panel-button.clock-display:active .clock:hover,
+.panel-light-text #panel .panel-button.clock-display:focus .clock:hover,
+.panel-light-text #panel .panel-button.clock-display:checked .clock:hover {
+    box-shadow: inset 0 0 0 100px rgba(246, 245, 244, 0.35);
+}
+
+.panel-light-text #panel .panel-button:hover,
+.panel-light-text #panel .panel-button.clock-display:hover,
+.panel-light-text #panel .panel-button.clock-display:hover .clock {
+    box-shadow: inset 0 0 0 100px rgba(246, 245, 244, 0.2);
+}
+
+.panel-light-text #panel .panel-button#panelActivities .workspace-dot {
+    background-color: #f6f5f4;
+}
+
+.panel-light-text #panel .panel-button.clock-display:active,
+.panel-light-text #panel .panel-button.clock-display:focus,
+.panel-light-text #panel .panel-button.clock-display:checked,
+.panel-light-text #panel .panel-button.clock-display:hover {
+    box-shadow: none !important;
+}
+
+.panel-light-text #panel .panel-button.screen-recording-indicator {
+    color: #f6f5f4;
+    box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.8);
+}
+
+.panel-light-text #panel .panel-button.screen-recording-indicator:active,
+.panel-light-text #panel .panel-button.screen-recording-indicator:focus,
+.panel-light-text #panel .panel-button.screen-recording-indicator:checked {
+    box-shadow: inset 0 0 0 100px #c01c28;
+}
+
+.panel-light-text #panel .panel-button.screen-recording-indicator:active:hover,
+.panel-light-text #panel .panel-button.screen-recording-indicator:focus:hover,
+.panel-light-text #panel .panel-button.screen-recording-indicator:checked:hover {
+    box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.95);
+}
+
+.panel-light-text #panel .panel-button.screen-recording-indicator:hover {
+    box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.9);
+}
+
+.panel-light-text #panel .panel-button.screen-sharing-indicator {
+    color: #282828;
+    box-shadow: inset 0 0 0 100px rgba(255, 120, 0, 0.8);
+}
+
+.panel-light-text #panel .panel-button.screen-sharing-indicator:active,
+.panel-light-text #panel .panel-button.screen-sharing-indicator:focus,
+.panel-light-text #panel .panel-button.screen-sharing-indicator:checked {
+    box-shadow: inset 0 0 0 100px #ff7800;
+}
+
+.panel-light-text #panel .panel-button.screen-sharing-indicator:active:hover,
+.panel-light-text #panel .panel-button.screen-sharing-indicator:focus:hover,
+.panel-light-text #panel .panel-button.screen-sharing-indicator:checked:hover {
+    box-shadow: inset 0 0 0 100px rgba(255, 120, 0, 0.95);
+}
+
+.panel-light-text #panel .panel-button.screen-sharing-indicator:hover {
+    box-shadow: inset 0 0 0 100px rgba(255, 120, 0, 0.9);
+}
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/panel.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/panel.css
new file mode 100644
index 0000000..0273cb5
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/panel.css
@@ -0,0 +1,97 @@
+/*** PANEL ***/
+
+/*
+* `.transparent-panel`
+*/
+
+#panel.transparent-panel {
+    background: transparent !important;
+    transition-duration: 500ms;
+}
+
+/*
+* `.dark-panel`
+*/
+#panel.dark-panel {
+    background-color: rgba(100, 100, 100, 0.35) !important;
+    box-shadow: none !important;
+    transition-duration: 500ms;
+}
+
+/*
+* `.light-panel`
+*/
+#panel.light-panel {
+    background-color: rgba(200, 200, 200, 0.2) !important;
+    box-shadow: none !important;
+    transition-duration: 500ms;
+}
+
+/*
+* `.contrasted-panel`
+*/
+#panel.contrasted-panel {
+    background-color: transparent !important;
+    box-shadow: none !important;
+    transition-duration: 500ms;
+}
+
+/*
+* `.gradient-panel`
+*/
+/* Internal use */
+
+#panel.gradient-panel {
+    background-color: transparent !important;
+    background-gradient-direction: vertical !important;
+    background-gradient-start: rgba(0,0,0,0.5) !important;
+    background-gradient-end: rgba(0,0,0,0) !important;
+    box-shadow: none !important;
+    transition-duration: 500ms;
+}
+
+/*
+* `.gradient-panel-reverse`
+*/
+/* Internal use */
+
+#panel.gradient-panel-reverse {
+    background-color: transparent !important;
+    background-gradient-direction: vertical !important;
+    background-gradient-start: rgba(0,0,0,0) !important;
+    background-gradient-end: rgba(0,0,0,0.5) !important;
+    box-shadow: none !important;
+    transition-duration: 500ms;
+}
+
+.contrasted-panel .panel-button,
+.contrasted-panel .clock,
+.contrasted-panel .clock-display StIcon {
+    color: #ffffff;
+    border-radius: 14px;
+    border: 3px solid transparent;
+    background-color: rgba(0, 0, 0, 0.8);
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+}
+
+
+.contrasted-panel .clock-display StIcon {
+    padding: 8px;
+    margin: 0;
+}
+
+.contrasted-panel .panel-button:hover,
+.contrasted-panel .panel-button:hover .clock {
+    color: #ffffff;
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+.contrasted-panel .clock-display {
+    background-color: transparent !important;
+    box-shadow: none !important;
+    border: none !important;
+}
+
+.contrasted-panel .clock {
+    margin: 0 !important;
+}
\ No newline at end of file
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/base.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/base.css
new file mode 100644
index 0000000..a313eed
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/base.css
@@ -0,0 +1,729 @@
+/*** POPUP ***/
+
+.bms-popup-blurred-widget {
+    background: rgba(0, 0, 0, 0.01);
+}
+
+.bms-popup-background-transparent .popup-menu-content,
+.bms-popup-background-transparent .popup-sub-menu,
+.bms-popup-background-transparent .candidate-popup-content,
+.bms-popup-background-transparent .quick-settings,
+.bms-popup-background-transparent .quick-toggle-menu,
+.bms-popup-background-transparent .osd-window,
+.bms-popup-background-transparent .resize-popup,
+.bms-popup-background-transparent .switcher-list,
+.bms-popup-background-transparent .workspace-switcher,
+.bms-popup-background-transparent .modal-dialog,
+.bms-popup-background-transparent .run-dialog,
+.bms-popup-background-transparent .screenshot-ui-panel,
+.bms-popup-surface-transparent .popup-menu-content,
+.bms-popup-surface-transparent .popup-sub-menu,
+.bms-popup-surface-transparent .candidate-popup-content,
+.bms-popup-surface-transparent .quick-settings,
+.bms-popup-surface-transparent .quick-toggle-menu,
+.bms-popup-surface-transparent .osd-window,
+.bms-popup-surface-transparent .resize-popup,
+.bms-popup-surface-transparent .switcher-list,
+.bms-popup-surface-transparent .workspace-switcher,
+.bms-popup-surface-transparent .modal-dialog,
+.bms-popup-surface-transparent .run-dialog,
+.bms-popup-surface-transparent .screenshot-ui-panel {
+    background: transparent !important;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.bms-popup-background-light .popup-menu-content,
+.bms-popup-background-light .popup-sub-menu,
+.bms-popup-background-light .candidate-popup-content,
+.bms-popup-background-light .quick-settings,
+.bms-popup-background-light .quick-toggle-menu,
+.bms-popup-background-light .message,
+.bms-popup-background-light .osd-window,
+.bms-popup-background-light .resize-popup,
+.bms-popup-background-light .switcher-list,
+.bms-popup-background-light .workspace-switcher,
+.bms-popup-background-light .modal-dialog,
+.bms-popup-background-light .run-dialog,
+.bms-popup-background-light .screenshot-ui-panel {
+    color: #222226;
+}
+
+.bms-popup-background-light .popup-menu-content,
+.bms-popup-background-light .popup-sub-menu,
+.bms-popup-background-light .candidate-popup-content,
+.bms-popup-background-light .quick-settings,
+.bms-popup-background-light .quick-toggle-menu,
+.bms-popup-background-light .message,
+.bms-popup-background-light .osd-window,
+.bms-popup-background-light .resize-popup,
+.bms-popup-background-light .switcher-list,
+.bms-popup-background-light .workspace-switcher,
+.bms-popup-background-light .modal-dialog,
+.bms-popup-background-light .run-dialog,
+.bms-popup-background-light .screenshot-ui-panel,
+.bms-popup-surface-light .popup-menu-content,
+.bms-popup-surface-light .popup-sub-menu,
+.bms-popup-surface-light .candidate-popup-content,
+.bms-popup-surface-light .quick-settings,
+.bms-popup-surface-light .quick-toggle-menu,
+.bms-popup-surface-light .message,
+.bms-popup-surface-light .osd-window,
+.bms-popup-surface-light .resize-popup,
+.bms-popup-surface-light .switcher-list,
+.bms-popup-surface-light .workspace-switcher,
+.bms-popup-surface-light .modal-dialog,
+.bms-popup-surface-light .run-dialog,
+.bms-popup-surface-light .screenshot-ui-panel {
+    background: rgba(255, 255, 255, 0.58) !important;
+    border-color: rgba(0, 0, 0, 0.05);
+    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
+}
+
+.bms-popup-background-light .modal-dialog,
+.bms-popup-background-light .run-dialog,
+.bms-popup-surface-light .modal-dialog,
+.bms-popup-surface-light .run-dialog,
+.bms-popup-background-dark .modal-dialog,
+.bms-popup-background-dark .run-dialog,
+.bms-popup-surface-dark .modal-dialog,
+.bms-popup-surface-dark .run-dialog {
+    border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.bms-popup-background-light .message:hover,
+.bms-popup-surface-light .message:hover {
+    background: rgba(255, 255, 255, 0.4) !important;
+}
+
+.bms-popup-background-light .message:active,
+.bms-popup-surface-light .message:active,
+.bms-popup-background-light .message:focus,
+.bms-popup-surface-light .message:focus {
+    background: rgba(255, 255, 255, 0.7) !important;
+}
+
+.bms-popup-background-dark .popup-menu-content,
+.bms-popup-background-dark .popup-sub-menu,
+.bms-popup-background-dark .candidate-popup-content,
+.bms-popup-background-dark .quick-settings,
+.bms-popup-background-dark .quick-toggle-menu,
+.bms-popup-background-dark .message,
+.bms-popup-background-dark .osd-window,
+.bms-popup-background-dark .resize-popup,
+.bms-popup-background-dark .switcher-list,
+.bms-popup-background-dark .workspace-switcher,
+.bms-popup-background-dark .modal-dialog,
+.bms-popup-background-dark .run-dialog,
+.bms-popup-background-dark .screenshot-ui-panel,
+.bms-popup-background-transparent .message {
+    color: #ffffff;
+}
+
+.bms-popup-background-dark .popup-menu-content,
+.bms-popup-background-dark .popup-sub-menu,
+.bms-popup-background-dark .candidate-popup-content,
+.bms-popup-background-dark .quick-settings,
+.bms-popup-background-dark .quick-toggle-menu,
+.bms-popup-background-dark .osd-window,
+.bms-popup-background-dark .resize-popup,
+.bms-popup-background-dark .switcher-list,
+.bms-popup-background-dark .workspace-switcher,
+.bms-popup-background-dark .modal-dialog,
+.bms-popup-background-dark .run-dialog,
+.bms-popup-background-dark .screenshot-ui-panel,
+.bms-popup-surface-dark .screenshot-ui-panel, 
+.bms-popup-surface-dark .popup-menu-content,
+.bms-popup-surface-dark .popup-sub-menu,
+.bms-popup-surface-dark .candidate-popup-content,
+.bms-popup-surface-dark .quick-settings,
+.bms-popup-surface-dark .quick-toggle-menu,
+.bms-popup-surface-dark .osd-window,
+.bms-popup-surface-dark .resize-popup,
+.bms-popup-surface-dark .switcher-list,
+.bms-popup-surface-dark .workspace-switcher,
+.bms-popup-surface-dark .modal-dialog,
+.bms-popup-surface-dark .run-dialog {
+    background: rgba(45, 45, 50, 0.22) !important;
+    border-color: rgba(255, 255, 255, 0.05);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+}
+
+.bms-popup-background-dark .message,
+.bms-popup-background-transparent .message,
+.bms-popup-surface-dark .message,
+.bms-popup-surface-transparent .message {
+    background: rgba(255, 255, 255, 0.07) !important;
+    border-color: rgba(255, 255, 255, 0.05);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+}
+
+.bms-popup-background-dark .message:hover,
+.bms-popup-background-transparent .message:hover,
+.bms-popup-surface-dark .message:hover,
+.bms-popup-surface-transparent .message:hover {
+    background: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-dark .message:focus,
+.bms-popup-background-transparent .message:focus,
+.bms-popup-surface-dark .message:focus,
+.bms-popup-surface-transparent .message:focus,
+.bms-popup-background-dark .message:active,
+.bms-popup-background-transparent .message:active,
+.bms-popup-surface-dark .message:active,
+.bms-popup-surface-transparent .message:active {
+    background: rgba(255, 255, 255, 0.15) !important;
+}
+
+.bms-popup-background-transparent .message,
+.bms-popup-background-light .message,
+.bms-popup-background-dark .message,
+.bms-popup-surface-transparent .message,
+.bms-popup-surface-light .message,
+.bms-popup-surface-dark .message {
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent StScrollBar StBin#trough,
+.bms-popup-background-light StScrollBar StBin#trough,
+.bms-popup-background-dark StScrollBar StBin#trough {
+    background-color: transparent;
+}
+
+.bms-popup-background-transparent StScrollBar > .vhandle,
+.bms-popup-background-transparent StScrollBar > .hhandle,
+.bms-popup-background-dark StScrollBar > .vhandle,
+.bms-popup-background-dark StScrollBar > .hhandle {
+    background-color: rgba(255, 255, 255, 0.28);
+    border-color: transparent;
+}
+
+.bms-popup-background-transparent StScrollBar > .vhandle:hover,
+.bms-popup-background-transparent StScrollBar > .hhandle:hover,
+.bms-popup-background-dark StScrollBar > .vhandle:hover,
+.bms-popup-background-dark StScrollBar > .hhandle:hover {
+    background-color: rgba(255, 255, 255, 0.38);
+}
+
+.bms-popup-background-transparent StScrollBar > .vhandle:active,
+.bms-popup-background-transparent StScrollBar > .hhandle:active,
+.bms-popup-background-dark StScrollBar > .vhandle:active,
+.bms-popup-background-dark StScrollBar > .hhandle:active {
+    background-color: rgba(255, 255, 255, 0.46);
+}
+
+.bms-popup-background-light StScrollBar > .vhandle,
+.bms-popup-background-light StScrollBar > .hhandle {
+    background-color: rgba(34, 34, 38, 0.24);
+    border-color: transparent;
+}
+
+.bms-popup-background-light StScrollBar > .vhandle:hover,
+.bms-popup-background-light StScrollBar > .hhandle:hover {
+    background-color: rgba(34, 34, 38, 0.34);
+}
+
+.bms-popup-background-light StScrollBar > .vhandle:active,
+.bms-popup-background-light StScrollBar > .hhandle:active {
+    background-color: rgba(34, 34, 38, 0.42);
+}
+
+.bms-popup-background-transparent .osd-window,
+.bms-popup-background-light .osd-window,
+.bms-popup-background-dark .osd-window,
+.bms-popup-background-transparent .resize-popup,
+.bms-popup-background-light .resize-popup,
+.bms-popup-background-dark .resize-popup,
+.bms-popup-background-transparent .workspace-switcher,
+.bms-popup-background-light .workspace-switcher,
+.bms-popup-background-dark .workspace-switcher,
+.bms-popup-surface-transparent .osd-window,
+.bms-popup-surface-light .osd-window,
+.bms-popup-surface-dark .osd-window,
+.bms-popup-surface-transparent .resize-popup,
+.bms-popup-surface-light .resize-popup,
+.bms-popup-surface-dark .resize-popup,
+.bms-popup-surface-transparent .workspace-switcher,
+.bms-popup-surface-light .workspace-switcher,
+.bms-popup-surface-dark .workspace-switcher {
+    border-radius: 18px;
+}
+
+.bms-popup-background-light .osd-window .level {
+    -barlevel-background-color: rgba(0, 0, 0, 0.12);
+    -barlevel-active-background-color: #222226;
+    -barlevel-overdrive-color: #c01c28;
+}
+
+.bms-popup-background-dark .osd-window .level {
+    -barlevel-background-color: rgba(255, 255, 255, 0.14);
+    -barlevel-active-background-color: #ffffff;
+    -barlevel-overdrive-color: #f66151;
+}
+
+.bms-popup-background-light .switcher-list .item-box:focus,
+.bms-popup-background-light .switcher-list .item-box:selected,
+.bms-popup-surface-light .switcher-list .item-box:focus,
+.bms-popup-surface-light .switcher-list .item-box:selected {
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-dark .switcher-list .item-box:focus,
+.bms-popup-background-dark .switcher-list .item-box:selected,
+.bms-popup-surface-dark .switcher-list .item-box:focus,
+.bms-popup-surface-dark .switcher-list .item-box:selected {
+  background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-transparent .switcher-list .item-box:focus,
+.bms-popup-background-transparent .switcher-list .item-box:selected,
+.bms-popup-surface-transparent .switcher-list .item-box:focus,
+.bms-popup-surface-transparent .switcher-list .item-box:selected {
+  background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-transparent .popup-sub-menu,
+.bms-popup-background-light .popup-sub-menu,
+.bms-popup-background-dark .popup-sub-menu,
+.bms-popup-surface-transparent .popup-sub-menu,
+.bms-popup-surface-light .popup-sub-menu,
+.bms-popup-surface-dark .popup-sub-menu {
+    background: transparent !important;
+    border-color: transparent;
+    border-radius: 0 0 13px 13px;
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .popup-sub-menu > StBoxLayout,
+.bms-popup-surface-dark .popup-sub-menu > StBoxLayout {
+    background-color: rgba(58, 58, 64, 0.36) !important;
+    border-radius: 0 0 13px 13px;
+}
+
+.bms-popup-background-light .popup-sub-menu > StBoxLayout,
+.bms-popup-surface-light .popup-sub-menu > StBoxLayout {
+    background-color: rgba(255, 255, 255, 0.58) !important;
+    border-radius: 0 0 13px 13px;
+}
+
+.bms-popup-background-transparent .popup-sub-menu .popup-menu-item,
+.bms-popup-background-light .popup-sub-menu .popup-menu-item,
+.bms-popup-background-dark .popup-sub-menu .popup-menu-item {
+    background-color: transparent !important;
+    border-color: transparent;
+    border-radius: 0;
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .popup-sub-menu .popup-menu-item:insensitive,
+.bms-popup-background-light .popup-sub-menu .popup-menu-item:insensitive,
+.bms-popup-background-dark .popup-sub-menu .popup-menu-item:insensitive {
+    background-color: transparent !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-type-button,
+.bms-popup-background-light .screenshot-ui-type-button,
+.bms-popup-background-dark .screenshot-ui-type-button,
+.bms-popup-background-transparent .screenshot-ui-type-button:insensitive,
+.bms-popup-background-light .screenshot-ui-type-button:insensitive,
+.bms-popup-background-dark .screenshot-ui-type-button:insensitive {
+    background-color: transparent !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-type-button:checked,
+.bms-popup-background-transparent .screenshot-ui-type-button:focus,
+.bms-popup-background-dark .screenshot-ui-type-button:checked,
+.bms-popup-background-dark .screenshot-ui-type-button:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important
+}
+
+.bms-popup-background-light .screenshot-ui-type-button,
+.bms-popup-background-light .screenshot-ui-show-pointer-button,
+.bms-popup-background-light .screenshot-ui-shot-cast-button {
+    color: #1a1a1e !important;
+}
+
+.bms-popup-background-light .screenshot-ui-type-button:insensitive,
+.bms-popup-background-light .screenshot-ui-show-pointer-button:insensitive,
+.bms-popup-background-light .screenshot-ui-shot-cast-button:insensitive {
+    color: rgba(26, 26, 30, 0.5) !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-type-button:hover,
+.bms-popup-background-dark .screenshot-ui-type-button:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-type-button:active,
+.bms-popup-background-transparent .screenshot-ui-type-button:outlined,
+.bms-popup-background-dark .screenshot-ui-type-button:active,
+.bms-popup-background-dark .screenshot-ui-type-button:outlined {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-type-button:hover {
+   background-color: rgba(0, 0, 0, 0.18) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-type-button:checked,
+.bms-popup-background-light .screenshot-ui-type-button:focus {
+    background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-type-button:active,
+.bms-popup-background-light .screenshot-ui-type-button:outlined {
+    background-color: rgba(0, 0, 0, 0.16) !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-show-pointer-button,
+.bms-popup-background-light .screenshot-ui-show-pointer-button,
+.bms-popup-background-dark .screenshot-ui-show-pointer-button,
+.bms-popup-background-transparent .screenshot-ui-show-pointer-button:insensitive,
+.bms-popup-background-light .screenshot-ui-show-pointer-button:insensitive,
+.bms-popup-background-dark .screenshot-ui-show-pointer-button:insensitive {
+    background-color: transparent !important;
+}
+
+.bms-popup-background-light .screenshot-ui-show-pointer-button:hover {
+    background-color: rgba(0, 0, 0, 0.18) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-show-pointer-button:checked,
+.bms-popup-background-light .screenshot-ui-show-pointer-button:focus {
+    background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-show-pointer-button:checked,
+.bms-popup-background-transparent .screenshot-ui-show-pointer-button:focus,
+.bms-popup-background-dark .screenshot-ui-show-pointer-button:checked,
+.bms-popup-background-dark .screenshot-ui-show-pointer-button:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-show-pointer-button:hover,
+.bms-popup-background-dark .screenshot-ui-show-pointer-button:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+}
+
+.bms-popup-background-transparent .screenshot-ui-show-pointer-button:active,
+.bms-popup-background-transparent .screenshot-ui-show-pointer-button:outlined,
+.bms-popup-background-dark .screenshot-ui-show-pointer-button:active,
+.bms-popup-background-dark .screenshot-ui-show-pointer-button:outlined {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-show-pointer-button:active,
+.bms-popup-background-light .screenshot-ui-show-pointer-button:outlined {
+    background-color: rgba(0, 0, 0, 0.16) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-capture-button {
+    border: 4px #1a1a1e !important;
+}
+
+.bms-popup-background-light .screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+    background-color: #1a1a1e !important;
+}
+
+.bms-popup-background-light .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.bms-popup-background-light .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+    background-color: #3a3a3e !important;
+}
+
+.bms-popup-background-light .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+    background-color: #5a5a5e !important;
+}
+
+.bms-popup-background-light .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+    background-color: #c01c28 !important;
+}
+
+.bms-popup-background-light .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.bms-popup-background-light .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+    background-color: #d61f2d !important;
+}
+
+.bms-popup-background-light .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+    background-color: #a11722 !important;
+}
+
+.bms-popup-background-light .screenshot-ui-shot-cast-container {
+    background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-shot-cast-button:hover,
+.bms-popup-background-light .screenshot-ui-shot-cast-button:focus {
+    background-color: rgba(0, 0, 0, 0.18) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-shot-cast-button:active {
+    background-color: rgba(0, 0, 0, 0.28) !important;
+}
+
+.bms-popup-background-light .screenshot-ui-shot-cast-button:checked {
+    background-color: #1a1a1e !important;
+    color: #ffffff !important;
+}
+
+.bms-popup-background-light .screenshot-ui-shot-cast-button:insensitive {
+    color: rgba(26, 26, 30, 0.5) !important;
+}
+
+.bms-popup-background-transparent .popup-sub-menu .popup-menu-section,
+.bms-popup-background-light .popup-sub-menu .popup-menu-section,
+.bms-popup-background-dark .popup-sub-menu .popup-menu-section {
+    border-radius: 0 0 12px 12px;
+}
+
+.bms-popup-background-transparent .popup-sub-menu .popup-menu-item:last-child,
+.bms-popup-background-transparent .popup-sub-menu .popup-menu-section .popup-menu-item:last-child,
+.bms-popup-background-transparent .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child,
+.bms-popup-background-light .popup-sub-menu .popup-menu-item:last-child,
+.bms-popup-background-light .popup-sub-menu .popup-menu-section .popup-menu-item:last-child,
+.bms-popup-background-light .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child,
+.bms-popup-background-dark .popup-sub-menu .popup-menu-item:last-child,
+.bms-popup-background-dark .popup-sub-menu .popup-menu-section .popup-menu-item:last-child,
+.bms-popup-background-dark .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
+    border-radius: 0 0 12px 12px;
+}
+
+.bms-popup-background-dark .bms-keyboard-surface,
+.bms-popup-surface-dark .bms-keyboard-surface,
+.bms-popup-background-transparent .bms-keyboard-surface,
+.bms-popup-surface-transparent .bms-keyboard-surface {
+    background: rgba(45, 45, 50, 0.22) !important;
+    border: 1px solid rgba(255, 255, 255, 0.05);;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+}
+
+.bms-popup-background-light .bms-keyboard-surface,
+.bms-popup-surface-light .bms-keyboard-surface {
+    background: rgba(255, 255, 255, 0.58) !important;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
+}
+
+.bms-popup-background-dark .keyboard-subkeys,
+.bms-popup-background-transparent .keyboard-subkeys {
+  -arrow-background-color: rgba(35, 35, 35, 0.98);
+  -arrow-border-color: rgba(255, 255, 255, 0.12);
+}
+
+/* Base Keys */
+.bms-popup-background-dark .keyboard-key,
+.bms-popup-background-transparent .keyboard-key,
+.bms-popup-background-dark .keyboard-subkeys .keyboard-key,
+.bms-popup-background-transparent .keyboard-subkeys .keyboard-key {
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.06);
+  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
+}
+
+/* Interactive States */
+.bms-popup-background-dark .keyboard-key:hover,
+.bms-popup-background-transparent .keyboard-key:hover,
+.bms-popup-background-dark .keyboard-subkeys .keyboard-key:hover,
+.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:hover,
+.bms-popup-background-dark .keyboard-key:focus:hover,
+.bms-popup-background-transparent .keyboard-key:focus:hover,
+.bms-popup-background-dark .keyboard-subkeys .keyboard-key:focus:hover,
+.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:focus:hover {
+  background-color: rgba(255, 255, 255, 0.20) !important;
+  color: #ffffff;
+}
+
+.bms-popup-background-dark .keyboard-key:active,
+.bms-popup-background-transparent .keyboard-key:active,
+.bms-popup-background-dark .keyboard-subkeys .keyboard-key:active,
+.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:active,
+.bms-popup-background-dark .keyboard-key:focus:active,
+.bms-popup-background-transparent .keyboard-key:focus:active,
+.bms-popup-background-dark .keyboard-subkeys .keyboard-key:focus:active,
+.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:focus:active {
+  background-color: rgba(255, 255, 255, 0.18) !important;
+  color: #ffffff;
+}
+
+.bms-popup-background-dark .keyboard-key:checked,
+.bms-popup-background-transparent .keyboard-key:checked,
+.bms-popup-background-dark .keyboard-subkeys .keyboard-key:checked,
+.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:checked {
+  background-color: rgba(255, 255, 255, 0.13) !important;
+  box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6);
+  color: #ffffff;
+}
+
+.bms-popup-background-dark .keyboard-key:focus,
+.bms-popup-background-transparent .keyboard-key:focus,
+.bms-popup-background-dark .keyboard-subkeys .keyboard-key:focus,
+.bms-popup-background-transparent .keyboard-subkeys .keyboard-key:focus {
+  background-color: rgba(255, 255, 255, 0.08) !important;
+  box-shadow: none;
+  color: #ffffff;
+}
+
+.bms-popup-background-dark .keyboard-key:grayed,
+.bms-popup-background-transparent .keyboard-key:grayed {
+  background-color: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.35);
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+/* Modifier & Function Keys */
+.bms-popup-background-dark .keyboard-key.default-key,
+.bms-popup-background-transparent .keyboard-key.default-key {
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.bms-popup-background-dark .keyboard-key.default-key:hover,
+.bms-popup-background-transparent .keyboard-key.default-key:hover {
+  background-color: rgba(255, 255, 255, 0.20);
+}
+
+.bms-popup-background-dark .keyboard-key.default-key:active,
+.bms-popup-background-transparent .keyboard-key.default-key:active {
+  background-color: rgba(255, 255, 255, 0.18);
+}
+
+.bms-popup-background-dark .keyboard-key.default-key:checked,
+.bms-popup-background-transparent .keyboard-key.default-key:checked {
+  background-color: rgba(255, 255, 255, 0.13);
+}
+
+.bms-popup-background-dark .keyboard-key.default-key:latched,
+.bms-popup-background-transparent .keyboard-key.default-key:latched {
+  border-color: #4b92e7;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+/* Enter Key */
+.bms-popup-background-dark .keyboard-key.enter-key,
+.bms-popup-background-transparent .keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #428ce6;
+}
+
+.bms-popup-background-dark .keyboard-key.enter-key:hover,
+.bms-popup-background-transparent .keyboard-key.enter-key:hover {
+  background-color: #5497e8;
+}
+
+.bms-popup-background-dark .keyboard-key.enter-key:active,
+.bms-popup-background-transparent .keyboard-key.enter-key:active {
+  background-color: #629fea;
+}
+
+/* Shift Key Uppercase */
+.bms-popup-background-dark .keyboard-key.shift-key-uppercase,
+.bms-popup-background-transparent .keyboard-key.shift-key-uppercase {
+  background-color: rgba(255, 255, 255, 0.35);
+  color: #1e1e1e;
+}
+
+.bms-popup-background-dark .keyboard-key.shift-key-uppercase:hover,
+.bms-popup-background-transparent .keyboard-key.shift-key-uppercase:hover {
+  background-color: rgba(255, 255, 255, 0.45);
+}
+
+.bms-popup-background-light .keyboard-subkeys {
+  -arrow-background-color: rgba(240, 240, 240, 0.98);
+  -arrow-border-color: rgba(0, 0, 0, 0.1);
+}
+
+/* Base Keys */
+.bms-popup-background-light .keyboard-key,
+.bms-popup-background-light .keyboard-subkeys .keyboard-key {
+  color: #1a1a1a;
+  background-color: rgba(0, 0, 0, 0.07);
+  border-color: rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
+}
+
+/* Interactive States */
+.bms-popup-background-light .keyboard-key:hover,
+.bms-popup-background-light .keyboard-subkeys .keyboard-key:hover,
+.bms-popup-background-light .keyboard-key:focus:hover,
+.bms-popup-background-light .keyboard-subkeys .keyboard-key:focus:hover {
+  background-color: rgba(0, 0, 0, 0.18) !important;
+  color: #000000;
+}
+
+.bms-popup-background-light .keyboard-key:active,
+.bms-popup-background-light .keyboard-subkeys .keyboard-key:active,
+.bms-popup-background-light .keyboard-key:focus:active,
+.bms-popup-background-light .keyboard-subkeys .keyboard-key:focus:active {
+  background-color: rgba(0, 0, 0, 0.16) !important;
+  color: #000000;
+}
+
+.bms-popup-background-light .keyboard-key:checked,
+.bms-popup-background-light .keyboard-subkeys .keyboard-key:checked {
+  background-color: rgba(0, 0, 0, 0.12) !important;
+  box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6);
+  color: #000000;
+}
+
+.bms-popup-background-light .keyboard-key:focus,
+.bms-popup-background-light .keyboard-subkeys .keyboard-key:focus {
+  background-color: rgba(0, 0, 0, 0.07) !important;
+  box-shadow: none;
+  color: #1a1a1a;
+}
+
+.bms-popup-background-light .keyboard-key:grayed {
+  background-color: rgba(0, 0, 0, 0.03);
+  color: rgba(0, 0, 0, 0.4);
+  border-color: transparent;
+}
+
+/* Modifier & Function Keys */
+.bms-popup-background-light .keyboard-key.default-key {
+  color: #2c2c2c;
+  background-color: rgba(0, 0, 0, 0.11);
+}
+
+.bms-popup-background-light .keyboard-key.default-key:hover {
+  background-color: rgba(0, 0, 0, 0.18);
+}
+
+.bms-popup-background-light .keyboard-key.default-key:active {
+  background-color: rgba(0, 0, 0, 0.16);
+}
+
+.bms-popup-background-light .keyboard-key.default-key:checked {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.bms-popup-background-light .keyboard-key.default-key:latched {
+  border-color: #3584e4;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+/* Enter Key */
+.bms-popup-background-light .keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #3584e4;
+}
+
+.bms-popup-background-light .keyboard-key.enter-key:hover {
+  background-color: #4b92e7;
+}
+
+.bms-popup-background-light .keyboard-key.enter-key:active {
+  background-color: #2871cc;
+}
+
+/* Shift Key Uppercase */
+.bms-popup-background-light .keyboard-key.shift-key-uppercase {
+  background-color: rgba(0, 0, 0, 0.22);
+  color: #000000;
+}
+
+.bms-popup-background-light .keyboard-key.shift-key-uppercase:hover {
+  background-color: rgba(0, 0, 0, 0.28);
+}
\ No newline at end of file
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/dark.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/dark.css
new file mode 100644
index 0000000..460794e
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/dark.css
@@ -0,0 +1,258 @@
+.bms-popup-background-dark .message:second-in-stack,
+.bms-popup-surface-dark .message:second-in-stack {
+    background: rgba(255, 255, 255, 0.05) !important;
+    box-shadow: 0 1px 1px 0 transparent;
+}
+
+.bms-popup-background-dark .message:lower-in-stack,
+.bms-popup-surface-dark .message:lower-in-stack {
+    background: rgba(255, 255, 255, 0.02) !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .message-media-control,
+.bms-popup-surface-dark .message-media-control {
+  background-color: transparent;
+}
+
+.bms-popup-background-dark .message-media-control:hover,
+.bms-popup-surface-dark .message-media-control:hover,
+.bms-popup-background-dark .message-expand-button:hover,
+.bms-popup-surface-dark .message-expand-button:hover,
+.bms-popup-background-dark .switcher-list .item-box:hover,
+.bms-popup-surface-dark .switcher-list .item-box:hover {
+  background-color: rgba(255, 255, 255, 0.20) !important;
+}
+
+.bms-popup-background-dark .message-media-control:active,
+.bms-popup-surface-dark .message-media-control:active,
+.bms-popup-background-dark .message-expand-button:active,
+.bms-popup-surface-dark .message-expand-button:active,
+.bms-popup-background-dark .switcher-list .item-box:active,
+.bms-popup-surface-dark .switcher-list .item-box:active {
+  background-color: rgba(255, 255, 255, 0.24) !important;
+}
+
+.bms-popup-background-dark .message-media-control:focus,
+.bms-popup-background-dark .message-media-control:checked,
+.bms-popup-surface-dark .message-media-control:focus,
+.bms-popup-surface-dark .message-media-control:checked,
+.bms-popup-background-dark .message-expand-button:focus,
+.bms-popup-background-dark .message-expand-button:checked,
+.bms-popup-surface-dark .message-expand-button:focus,
+.bms-popup-surface-dark .message-expand-button:checked,
+.bms-popup-background-dark .message-notification-group StButton:focus,
+.bms-popup-background-dark .message-notification-group StButton:checked,
+.bms-popup-surface-dark .message-notification-group StButton:focus,
+.bms-popup-surface-dark .message-notification-group StButton:checked {
+  background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-dark .message-list-controls .message-list-clear-button {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-dark .message-list-controls .message-list-clear-button:hover,
+.bms-popup-background-dark .message-list-controls .message-list-clear-button:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-dark .message-list-controls .message-list-clear-button:active {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-dark .modal-dialog .button:insensitive,
+.bms-popup-background-dark .modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-dark .quick-toggle,
+.bms-popup-background-dark .quick-toggle-has-menu .quick-toggle-menu-button,
+.bms-popup-background-dark .notification-button {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.11) !important;
+    border-color: rgba(255, 255, 255, 0.08);
+}
+
+.bms-popup-background-dark .quick-settings .icon-button,
+.bms-popup-background-dark .quick-settings-system-item .button,
+.bms-popup-background-dark .quick-settings-system-item .power-item {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.08) !important;
+    border-color: rgba(255, 255, 255, 0.06);
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .quick-toggle:hover,
+.bms-popup-background-dark .quick-toggle-has-menu .quick-toggle-menu-button:hover,
+.bms-popup-background-dark .notification-button:hover {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-dark .quick-settings .icon-button:hover,
+.bms-popup-background-dark .quick-settings .icon-button:focus,
+.bms-popup-background-dark .quick-settings-system-item .button:hover,
+.bms-popup-background-dark .quick-settings-system-item .button:focus,
+.bms-popup-background-dark .quick-settings-system-item .power-item:hover,
+.bms-popup-background-dark .quick-settings-system-item .power-item:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-dark .quick-settings .icon-button:active,
+.bms-popup-background-dark .quick-settings-system-item .button:active,
+.bms-popup-background-dark .quick-settings-system-item .power-item:active {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-dark .calendar {
+    color: #ffffff;
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .datemenu-today-button {
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .datemenu-today-button:hover,
+.bms-popup-background-dark .datemenu-today-button:focus {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-dark .datemenu-today-button:active,
+.bms-popup-background-dark .datemenu-today-button:checked {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-dark .datemenu-today-button StLabel,
+.bms-popup-background-dark .datemenu-today-button .date-label {
+    color: #ffffff !important;
+}
+
+.bms-popup-background-dark .datemenu-today-button .day-label {
+    color: rgba(255, 255, 255, 0.68) !important;
+}
+
+.bms-popup-background-dark .events-button,
+.bms-popup-background-dark .world-clocks-button,
+.bms-popup-background-dark .weather-button {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.07) !important;
+    border-color: rgba(255, 255, 255, 0.05);
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .events-button:hover,
+.bms-popup-background-dark .world-clocks-button:hover,
+.bms-popup-background-dark .weather-button:hover {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-dark .calendar .calendar-month-header .calendar-month-label,
+.bms-popup-background-dark .calendar .calendar-month-header .pager-button {
+    color: #ffffff !important;
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .calendar .calendar-day-heading,
+.bms-popup-background-dark .calendar .calendar-day {
+    color: #ffffff !important;
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-dark .calendar .calendar-day-heading {
+    color: rgba(255, 255, 255, 0.68) !important;
+}
+
+.bms-popup-background-dark .calendar .calendar-day.calendar-weekend {
+    color: rgba(255, 255, 255, 0.68) !important;
+}
+
+.bms-popup-background-dark .calendar .calendar-day.calendar-other-month,
+.bms-popup-background-dark .calendar .calendar-day.calendar-other-month.calendar-weekend {
+    color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.bms-popup-background-dark .calendar-day:selected,
+.bms-popup-background-dark .calendar-day:checked,
+.bms-popup-background-dark .calendar-day.calendar-today {
+    color: #ffffff !important;
+    background-color: #3584e4 !important;
+    color: -st-accent-fg-color !important;
+    background-color: -st-accent-color !important;
+}
+
+.bms-popup-background-dark .calendar .calendar-day:hover,
+.bms-popup-background-dark .calendar .calendar-month-header .pager-button:hover {
+    background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.bms-popup-background-dark .calendar-day:selected:hover,
+.bms-popup-background-dark .calendar-day:checked:hover,
+.bms-popup-background-dark .calendar-day.calendar-today:hover {
+    color: #ffffff !important;
+    background-color: #4990e7 !important;
+    color: -st-accent-fg-color !important;
+    background-color: st-lighten(-st-accent-color, 4%) !important;
+}
+
+.bms-popup-background-dark .quick-toggle:checked,
+.bms-popup-background-dark .quick-toggle-has-menu .quick-toggle:checked {
+    color: #ffffff;
+    background-color: #3584e4 !important;
+    color: -st-accent-fg-color;
+    background-color: -st-accent-color !important;
+}
+
+.bms-popup-background-dark .quick-toggle-has-menu:checked .quick-toggle-menu-button,
+.bms-popup-background-dark .quick-toggle-has-menu .quick-toggle-menu-button:checked {
+    color: #ffffff;
+    background-color: #4f96e8 !important;
+    color: -st-accent-fg-color;
+    background-color: st-mix(-st-accent-color, #ffffff, 85%) !important;
+}
+
+.bms-popup-background-dark .quick-toggle:checked:hover,
+.bms-popup-background-dark .quick-toggle-has-menu .quick-toggle:checked:hover {
+    color: #ffffff;
+    background-color: #4990e7 !important;
+    color: -st-accent-fg-color;
+    background-color: st-lighten(-st-accent-color, 4%) !important;
+}
+
+.bms-popup-background-dark .quick-toggle-has-menu:checked .quick-toggle-menu-button:hover,
+.bms-popup-background-dark .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
+    color: #ffffff;
+    background-color: #62a0ea !important;
+    color: -st-accent-fg-color;
+    background-color: st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 4%) !important;
+}
+
+.bms-popup-background-dark .quick-toggle-has-menu:checked .quick-toggle-separator {
+    background-color: rgba(255, 255, 255, 0.3);
+    background-color: st-mix(-st-accent-fg-color, -st-accent-color, 30%);
+}
+
+.bms-popup-background-dark StEntry {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+    color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.bms-popup-background-dark StEntry:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important;
+    color: #ffffff !important;
+}
+
+.bms-popup-background-dark StEntry:insensitive {
+    background-color: rgba(255, 255, 255, 0.05) !important;
+    color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.bms-popup-background-dark StEntry StLabel.hint-text {
+    color: rgba(255, 255, 255, 0.5) !important;
+}
\ No newline at end of file
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/light.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/light.css
new file mode 100644
index 0000000..7c70ed3
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/light.css
@@ -0,0 +1,335 @@
+.bms-popup-background-light .message:second-in-stack,
+.bms-popup-surface-light .message:second-in-stack {
+    background: rgba(255, 255, 255, 0.54) !important;
+    box-shadow: 0 1px 1px 0 transparent;
+}
+
+.bms-popup-background-light .message:lower-in-stack,
+.bms-popup-surface-light .message:lower-in-stack {
+    background: rgba(255, 255, 255, 0.44) !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-light .message-media-control,
+.bms-popup-surface-light .message-media-control {
+  background-color: transparent;
+}
+
+.bms-popup-background-light .message-media-control:hover,
+.bms-popup-surface-light .message-media-control:hover,
+.bms-popup-background-light .message-expand-button:hover,
+.bms-popup-surface-light .message-expand-button:hover,
+.bms-popup-background-light .message-notification-group StButton:hover,
+.bms-popup-surface-light .message-notification-group StButton:hover,
+.bms-popup-background-light .switcher-list .item-box:hover,
+.bms-popup-surface-light .switcher-list .item-box:hover {
+  background-color: rgba(0, 0, 0, 0.18) !important;
+}
+
+.bms-popup-background-light .message-media-control:active,
+.bms-popup-surface-light .message-media-control:active,
+.bms-popup-background-light .message-expand-button:active,
+.bms-popup-surface-light .message-expand-button:active,
+.bms-popup-background-light .message-notification-group StButton:active,
+.bms-popup-surface-light .message-notification-group StButton:active,
+.bms-popup-background-light .switcher-list .item-box:active,
+.bms-popup-surface-light .switcher-list .item-box:active {
+  background-color: rgba(0, 0, 0, 0.22) !important;
+}
+
+.bms-popup-background-light .message-media-control:focus,
+.bms-popup-background-light .message-media-control:checked,
+.bms-popup-surface-light .message-media-control:focus,
+.bms-popup-surface-light .message-media-control:checked,
+.bms-popup-background-light .message-expand-button:focus,
+.bms-popup-background-light .message-expand-button:checked,
+.bms-popup-surface-light .message-expand-button:focus,
+.bms-popup-surface-light .message-expand-button:checked,
+.bms-popup-background-light .message-notification-group StButton:focus,
+.bms-popup-background-light .message-notification-group StButton:checked,
+.bms-popup-surface-light .message-notification-group StButton:focus,
+.bms-popup-surface-light .message-notification-group StButton:checked {
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-light .message .message-header,
+.bms-popup-background-light .message .message-header .message-header-content .event-time {
+    color: rgba(34, 34, 38, 0.68);
+}
+
+.bms-popup-background-light .message .message-header .message-header-content .message-source-title,
+.bms-popup-background-light .message .message-box .message-content .message-title {
+    color: #222226;
+}
+
+.bms-popup-background-light .message .message-header .message-source-icon {
+    color: rgba(34, 34, 38, 0.74);
+}
+
+.bms-popup-background-light .message .message-header .message-expand-button,
+.bms-popup-background-light .message .message-header .message-close-button,
+.bms-popup-background-light .message-notification-group .message-collapse-button {
+    color: #222226;
+    background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+.bms-popup-background-light .message .message-header .message-expand-button:hover,
+.bms-popup-background-light .message .message-header .message-close-button:hover,
+.bms-popup-background-light .message-notification-group .message-collapse-button:hover {
+    background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-light .message .message-header .message-expand-button:active,
+.bms-popup-background-light .message .message-header .message-close-button:active,
+.bms-popup-background-light .message-notification-group .message-collapse-button:active {
+    background-color: rgba(0, 0, 0, 0.16) !important;
+}
+
+.bms-popup-background-light .message-list-controls .message-list-clear-button {
+    color: #222226;
+    background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+.bms-popup-background-light .message-list-controls .message-list-clear-button:hover,
+.bms-popup-background-light .message-list-controls .message-list-clear-button:focus {
+    background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-light .message-list-controls .message-list-clear-button:active {
+    background-color: rgba(0, 0, 0, 0.16) !important;
+}
+
+.bms-popup-background-light .modal-dialog .button,
+.bms-popup-background-light .modal-dialog .modal-dialog-button-box .modal-dialog-button {
+    color: #222226 !important;
+    background-color: rgba(255, 255, 255, 0.42) !important;
+    border-color: rgba(0, 0, 0, 0.08);
+}
+
+.bms-popup-background-light .modal-dialog .button:hover,
+.bms-popup-background-light .modal-dialog .button:focus,
+.bms-popup-background-light .modal-dialog .modal-dialog-button-box .modal-dialog-button:hover,
+.bms-popup-background-light .modal-dialog .modal-dialog-button-box .modal-dialog-button:focus {
+    color: #222226 !important;
+    background-color: rgba(255, 255, 255, 0.54) !important;
+}
+
+.bms-popup-background-light .modal-dialog .button:active,
+.bms-popup-background-light .modal-dialog .button:checked,
+.bms-popup-background-light .modal-dialog .modal-dialog-button-box .modal-dialog-button:active,
+.bms-popup-background-light .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked {
+    color: #222226 !important;
+    background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.bms-popup-background-light .modal-dialog .button:insensitive,
+.bms-popup-background-light .modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
+    color: rgba(34, 34, 38, 0.5) !important;
+    background-color: rgba(255, 255, 255, 0.28) !important;
+}
+
+.bms-popup-background-light .quick-toggle,
+.bms-popup-background-light .quick-toggle-has-menu .quick-toggle-menu-button,
+.bms-popup-background-light .notification-button {
+    color: #222226;
+    background-color: rgba(255, 255, 255, 0.62) !important;
+    border-color: rgba(0, 0, 0, 0.08);
+}
+
+.bms-popup-background-light .quick-settings .icon-button,
+.bms-popup-background-light .quick-settings-system-item .button,
+.bms-popup-background-light .quick-settings-system-item .power-item {
+    color: #222226;
+    background-color: rgba(0, 0, 0, 0.08) !important;
+    border-color: rgba(0, 0, 0, 0.05);
+    box-shadow: none;
+}
+
+.bms-popup-background-light .quick-toggle:hover,
+.bms-popup-background-light .quick-toggle-has-menu .quick-toggle-menu-button:hover,
+.bms-popup-background-light .notification-button:hover {
+    background-color: rgba(255, 255, 255, 0.78) !important;
+}
+
+.bms-popup-background-light .quick-settings .icon-button:hover,
+.bms-popup-background-light .quick-settings .icon-button:focus,
+.bms-popup-background-light .quick-settings-system-item .button:hover,
+.bms-popup-background-light .quick-settings-system-item .button:focus,
+.bms-popup-background-light .quick-settings-system-item .power-item:hover,
+.bms-popup-background-light .quick-settings-system-item .power-item:focus {
+    background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-light .quick-settings .icon-button:active,
+.bms-popup-background-light .quick-settings-system-item .button:active,
+.bms-popup-background-light .quick-settings-system-item .power-item:active {
+    background-color: rgba(0, 0, 0, 0.16) !important;
+}
+
+.bms-popup-background-light .calendar {
+    color: #222226;
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.bms-popup-background-light .datemenu-today-button {
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-light .datemenu-today-button:hover,
+.bms-popup-background-light .datemenu-today-button:focus {
+    background-color: rgba(0, 0, 0, 0.06) !important;
+}
+
+.bms-popup-background-light .datemenu-today-button:active,
+.bms-popup-background-light .datemenu-today-button:checked {
+    background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.bms-popup-background-light .datemenu-today-button StLabel,
+.bms-popup-background-light .datemenu-today-button .date-label {
+    color: #222226 !important;
+}
+
+.bms-popup-background-light .datemenu-today-button .day-label {
+    color: rgba(34, 34, 38, 0.68) !important;
+}
+
+.bms-popup-background-light .events-button,
+.bms-popup-background-light .world-clocks-button,
+.bms-popup-background-light .weather-button {
+    color: #222226;
+    background-color: rgba(255, 255, 255, 0.28) !important;
+    border-color: rgba(0, 0, 0, 0.04);
+    box-shadow: none;
+}
+
+.bms-popup-background-light .events-button:hover,
+.bms-popup-background-light .world-clocks-button:hover,
+.bms-popup-background-light .weather-button:hover {
+    background-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.bms-popup-background-light .calendar .calendar-month-header .calendar-month-label,
+.bms-popup-background-light .calendar .calendar-month-header .pager-button {
+    color: #222226 !important;
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-light .calendar .calendar-day-heading,
+.bms-popup-background-light .calendar .calendar-day {
+    color: #222226 !important;
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-light .calendar .calendar-day-heading {
+    color: rgba(34, 34, 38, 0.68) !important;
+}
+
+.bms-popup-background-light .calendar .calendar-day.calendar-weekend {
+    color: rgba(34, 34, 38, 0.72) !important;
+}
+
+.bms-popup-background-light .calendar .calendar-day.calendar-other-month,
+.bms-popup-background-light .calendar .calendar-day.calendar-other-month.calendar-weekend {
+    color: rgba(34, 34, 38, 0.42) !important;
+}
+
+.bms-popup-background-light .calendar .calendar-day:hover,
+.bms-popup-background-light .calendar .calendar-day:focus,
+.bms-popup-background-light .calendar .calendar-month-header .pager-button:hover,
+.bms-popup-background-light .calendar .calendar-month-header .pager-button:focus {
+    background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+.bms-popup-background-light .calendar .calendar-day:active,
+.bms-popup-background-light .calendar .calendar-day:selected,
+.bms-popup-background-light .calendar .calendar-day:checked {
+    color: #222226 !important;
+    background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-light .calendar .calendar-day:active:hover,
+.bms-popup-background-light .calendar .calendar-day:selected:hover,
+.bms-popup-background-light .calendar .calendar-day:checked:hover {
+    background-color: rgba(0, 0, 0, 0.16) !important;
+}
+
+.bms-popup-background-light .calendar .calendar-day.calendar-today,
+.bms-popup-background-light .calendar .calendar-day.calendar-today:selected,
+.bms-popup-background-light .calendar .calendar-day.calendar-today:checked {
+    color: #ffffff !important;
+    background-color: #3584e4 !important;
+    color: -st-accent-fg-color !important;
+    background-color: -st-accent-color !important;
+}
+
+.bms-popup-background-light .calendar .calendar-day.calendar-today:hover,
+.bms-popup-background-light .calendar .calendar-day.calendar-today:selected:hover,
+.bms-popup-background-light .calendar .calendar-day.calendar-today:checked:hover {
+    color: #ffffff !important;
+    background-color: #1c71d8 !important;
+    color: -st-accent-fg-color !important;
+    background-color: st-darken(-st-accent-color, 8%) !important;
+}
+
+.bms-popup-background-light .quick-toggle:checked,
+.bms-popup-background-light .quick-toggle-has-menu .quick-toggle:checked {
+    color: #ffffff;
+    background-color: #3584e4 !important;
+    color: -st-accent-fg-color;
+    background-color: -st-accent-color !important;
+}
+
+.bms-popup-background-light .quick-toggle-has-menu:checked .quick-toggle-menu-button,
+.bms-popup-background-light .quick-toggle-has-menu .quick-toggle-menu-button:checked {
+    color: #222226;
+    background-color: #4f96e8 !important;
+    background-color: st-mix(-st-accent-color, #ffffff, 85%) !important;
+}
+
+.bms-popup-background-light .quick-toggle:checked:hover,
+.bms-popup-background-light .quick-toggle-has-menu .quick-toggle:checked:hover {
+    color: #ffffff;
+    background-color: #1c71d8 !important;
+    color: -st-accent-fg-color;
+    background-color: st-darken(-st-accent-color, 4%) !important;
+}
+
+.bms-popup-background-light .quick-toggle-has-menu:checked .quick-toggle-menu-button:hover,
+.bms-popup-background-light .quick-toggle-has-menu:checked .quick-toggle-menu-button:focus,
+.bms-popup-background-light .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover,
+.bms-popup-background-light .quick-toggle-has-menu .quick-toggle-menu-button:checked:focus {
+    color: #222226;
+    background-color: #62a0ea !important;
+    background-color: st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 4%) !important;
+}
+
+.bms-popup-background-light .quick-toggle-has-menu:checked .quick-toggle-separator {
+    background-color: rgba(255, 255, 255, 0.3);
+    background-color: st-mix(-st-accent-fg-color, -st-accent-color, 20%);
+}
+
+.bms-popup-background-light StEntry {
+    color: #222226 !important;
+    background-color: rgba(255, 255, 255, 0.42) !important;
+    border-color: rgba(0, 0, 0, 0.08);
+}
+
+.bms-popup-background-light StEntry:focus {
+    color: #222226 !important;
+    background-color: rgba(255, 255, 255, 0.54) !important;
+}
+
+.bms-popup-background-light StEntry:insensitive {
+    color: rgba(34, 34, 38, 0.5) !important;
+    background-color: rgba(255, 255, 255, 0.28) !important;
+}
+
+.bms-popup-background-light StEntry StLabel.hint-text {
+    color: rgba(34, 34, 38, 0.5) !important;
+}
\ No newline at end of file
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/menu-items.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/menu-items.css
new file mode 100644
index 0000000..ac06da4
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/menu-items.css
@@ -0,0 +1,120 @@
+.bms-popup-background-transparent .quick-settings .quick-slider,
+.bms-popup-background-transparent .quick-settings .quick-slider:hover,
+.bms-popup-background-transparent .quick-settings .quick-slider:focus,
+.bms-popup-background-transparent .quick-settings .quick-slider:active,
+.bms-popup-background-transparent .quick-settings .quick-slider:checked,
+.bms-popup-background-light .quick-settings .quick-slider,
+.bms-popup-background-light .quick-settings .quick-slider:hover,
+.bms-popup-background-light .quick-settings .quick-slider:focus,
+.bms-popup-background-light .quick-settings .quick-slider:active,
+.bms-popup-background-light .quick-settings .quick-slider:checked,
+.bms-popup-background-dark .quick-settings .quick-slider,
+.bms-popup-background-dark .quick-settings .quick-slider:hover,
+.bms-popup-background-dark .quick-settings .quick-slider:focus,
+.bms-popup-background-dark .quick-settings .quick-slider:active,
+.bms-popup-background-dark .quick-settings .quick-slider:checked,
+.bms-popup-background-transparent .quick-slider .slider-bin,
+.bms-popup-background-transparent .quick-slider .slider-bin:hover,
+.bms-popup-background-transparent .quick-slider .slider-bin:focus,
+.bms-popup-background-transparent .quick-slider .icon-button,
+.bms-popup-background-transparent .quick-slider .button,
+.bms-popup-background-light .quick-slider .slider-bin,
+.bms-popup-background-light .quick-slider .slider-bin:hover,
+.bms-popup-background-light .quick-slider .slider-bin:focus,
+.bms-popup-background-light .quick-slider .icon-button,
+.bms-popup-background-light .quick-slider .button,
+.bms-popup-background-dark .quick-slider .slider-bin,
+.bms-popup-background-dark .quick-slider .slider-bin:hover,
+.bms-popup-background-dark .quick-slider .slider-bin:focus,
+.bms-popup-background-dark .quick-slider .icon-button,
+.bms-popup-background-dark .quick-slider .button {
+    background-color: transparent !important;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .quick-slider .icon-button:hover,
+.bms-popup-background-transparent .quick-slider .icon-button:focus,
+.bms-popup-background-transparent .quick-slider .button:hover,
+.bms-popup-background-transparent .quick-slider .button:focus {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-transparent .quick-slider .icon-button:active,
+.bms-popup-background-transparent .quick-slider .button:active {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-light .quick-slider .icon-button:hover,
+.bms-popup-background-light .quick-slider .icon-button:focus,
+.bms-popup-background-light .quick-slider .button:hover,
+.bms-popup-background-light .quick-slider .button:focus {
+    background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+.bms-popup-background-light .quick-slider .icon-button:active,
+.bms-popup-background-light .quick-slider .button:active {
+    background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.bms-popup-background-dark .quick-slider .icon-button:hover,
+.bms-popup-background-dark .quick-slider .icon-button:focus,
+.bms-popup-background-dark .quick-slider .button:hover,
+.bms-popup-background-dark .quick-slider .button:focus {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-dark .quick-slider .icon-button:active,
+.bms-popup-background-dark .quick-slider .button:active {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-transparent .popup-menu-item:hover,
+.bms-popup-background-transparent .popup-menu-item:focus,
+.bms-popup-background-transparent .popup-menu-item:selected {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-transparent .popup-menu-item:active {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-transparent .popup-menu-item:checked,
+.bms-popup-background-transparent .popup-menu-item:open {
+    background-color: transparent !important;
+}
+
+.bms-popup-background-light .popup-menu-item,
+.bms-popup-background-light .popup-menu-item:hover,
+.bms-popup-background-light .popup-menu-item:focus,
+.bms-popup-background-light .popup-menu-item:selected,
+.bms-popup-background-light .popup-menu-item:active,
+.bms-popup-background-light .popup-menu-item:checked {
+    color: #222226;
+}
+
+.bms-popup-background-light .popup-menu-item:insensitive {
+    color: rgba(34, 34, 38, 0.5);
+}
+
+.bms-popup-background-light .popup-menu-item:hover,
+.bms-popup-background-light .popup-menu-item:focus {
+    background-color: rgba(0, 0, 0, 0.06) !important;
+}
+
+.bms-popup-background-light .popup-menu-item:active,
+.bms-popup-background-light .popup-menu-item:open,
+.bms-popup-background-light .popup-menu-item:checked {
+    background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.bms-popup-background-dark .popup-menu-item:hover,
+.bms-popup-background-dark .popup-menu-item:focus {
+    background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.bms-popup-background-dark .popup-menu-item:active,
+.bms-popup-background-dark .popup-menu-item:open,
+.bms-popup-background-dark .popup-menu-item:checked {
+    background-color: rgba(255, 255, 255, 0.14) !important;
+}
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/transparent.css b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/transparent.css
new file mode 100644
index 0000000..460ff3d
--- /dev/null
+++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/transparent.css
@@ -0,0 +1,262 @@
+.bms-popup-background-transparent .message:second-in-stack,
+.bms-popup-surface-transparent .message:second-in-stack {
+    background: rgba(255, 255, 255, 0.05) !important;
+    box-shadow: 0 1px 1px 0 transparent;
+}
+
+.bms-popup-background-transparent .message:lower-in-stack,
+.bms-popup-surface-transparent .message:lower-in-stack {
+    background: rgba(255, 255, 255, 0.02) !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .message-media-control,
+.bms-popup-surface-transparent .message-media-control {
+  background-color: transparent;
+}
+
+.bms-popup-background-transparent .message-media-control:hover,
+.bms-popup-surface-transparent .message-media-control:hover,
+.bms-popup-background-transparent .message-expand-button:hover,
+.bms-popup-surface-transparent .message-expand-button:hover,
+.bms-popup-background-transparent .message-notification-group StButton:hover,
+.bms-popup-surface-transparent .message-notification-group StButton:hover,
+.bms-popup-background-transparent .switcher-list .item-box:hover,
+.bms-popup-surface-transparent .switcher-list .item-box:hover {
+  background-color: rgba(255, 255, 255, 0.20) !important;
+}
+
+.bms-popup-background-transparent .message-media-control:active,
+.bms-popup-surface-transparent .message-media-control:active,
+.bms-popup-background-transparent .message-expand-button:active,
+.bms-popup-surface-transparent .message-expand-button:active,
+.bms-popup-background-transparent .message-notification-group StButton:active,
+.bms-popup-surface-transparent .message-notification-group StButton:active,
+.bms-popup-background-transparent .switcher-list .item-box:active,
+.bms-popup-surface-transparent .switcher-list .item-box:active {
+  background-color: rgba(255, 255, 255, 0.24) !important;
+}
+
+.bms-popup-background-transparent .message-media-control:focus,
+.bms-popup-background-transparent .message-media-control:checked,
+.bms-popup-surface-transparent .message-media-control:focus,
+.bms-popup-surface-transparent .message-media-control:checked,
+.bms-popup-background-transparent .message-expand-button:focus,
+.bms-popup-background-transparent .message-expand-button:checked,
+.bms-popup-surface-transparent .message-expand-button:focus,
+.bms-popup-surface-transparent .message-expand-button:checked,
+.bms-popup-background-transparent .message-notification-group StButton:focus,
+.bms-popup-background-transparent .message-notification-group StButton:checked,
+.bms-popup-surface-transparent .message-notification-group StButton:focus,
+.bms-popup-surface-transparent .message-notification-group StButton:checked {
+  background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-transparent .message-list-controls .message-list-clear-button {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-transparent .message-list-controls .message-list-clear-button:hover,
+.bms-popup-background-transparent .message-list-controls .message-list-clear-button:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-transparent .message-list-controls .message-list-clear-button:active {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-transparent .modal-dialog .button:insensitive,
+.bms-popup-background-transparent .modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-transparent .quick-toggle,
+.bms-popup-background-transparent .quick-toggle-has-menu .quick-toggle-menu-button,
+.bms-popup-background-transparent .notification-button {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.11) !important;
+    border-color: rgba(255, 255, 255, 0.08);
+}
+
+.bms-popup-background-transparent .quick-settings .icon-button,
+.bms-popup-background-transparent .quick-settings-system-item .button,
+.bms-popup-background-transparent .quick-settings-system-item .power-item {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.08) !important;
+    border-color: rgba(255, 255, 255, 0.06);
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .quick-toggle:hover,
+.bms-popup-background-transparent .quick-toggle-has-menu .quick-toggle-menu-button:hover,
+.bms-popup-background-transparent .notification-button:hover {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-transparent .quick-settings .icon-button:hover,
+.bms-popup-background-transparent .quick-settings .icon-button:focus,
+.bms-popup-background-transparent .quick-settings-system-item .button:hover,
+.bms-popup-background-transparent .quick-settings-system-item .button:focus,
+.bms-popup-background-transparent .quick-settings-system-item .power-item:hover,
+.bms-popup-background-transparent .quick-settings-system-item .power-item:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important;
+}
+
+.bms-popup-background-transparent .quick-settings .icon-button:active,
+.bms-popup-background-transparent .quick-settings-system-item .button:active,
+.bms-popup-background-transparent .quick-settings-system-item .power-item:active {
+    background-color: rgba(255, 255, 255, 0.18) !important;
+}
+
+.bms-popup-background-transparent .calendar {
+    color: #ffffff;
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .datemenu-today-button {
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .datemenu-today-button:hover,
+.bms-popup-background-transparent .datemenu-today-button:focus {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.bms-popup-background-transparent .datemenu-today-button:active,
+.bms-popup-background-transparent .datemenu-today-button:checked {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-transparent .datemenu-today-button StLabel,
+.bms-popup-background-transparent .datemenu-today-button .date-label {
+    color: #ffffff !important;
+}
+
+.bms-popup-background-transparent .datemenu-today-button .day-label {
+    color: rgba(255, 255, 255, 0.68) !important;
+}
+
+.bms-popup-background-transparent .events-button,
+.bms-popup-background-transparent .world-clocks-button,
+.bms-popup-background-transparent .weather-button {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.07) !important;
+    border-color: rgba(255, 255, 255, 0.05);
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .events-button:hover,
+.bms-popup-background-transparent .world-clocks-button:hover,
+.bms-popup-background-transparent .weather-button:hover {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.bms-popup-background-transparent .calendar .calendar-month-header .calendar-month-label,
+.bms-popup-background-transparent .calendar .calendar-month-header .pager-button {
+    color: #ffffff !important;
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .calendar .calendar-day-heading,
+.bms-popup-background-transparent .calendar .calendar-day {
+    color: #ffffff !important;
+    background-color: transparent !important;
+    box-shadow: none;
+}
+
+.bms-popup-background-transparent .calendar .calendar-day-heading {
+    color: rgba(255, 255, 255, 0.68) !important;
+}
+
+.bms-popup-background-transparent .calendar .calendar-day.calendar-weekend {
+    color: rgba(255, 255, 255, 0.68) !important;
+}
+
+.bms-popup-background-transparent .calendar .calendar-day.calendar-other-month,
+.bms-popup-background-transparent .calendar .calendar-day.calendar-other-month.calendar-weekend {
+    color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.bms-popup-background-transparent .calendar-day:selected,
+.bms-popup-background-transparent .calendar-day:checked,
+.bms-popup-background-transparent .calendar-day.calendar-today {
+    color: #ffffff !important;
+    background-color: #3584e4 !important;
+    color: -st-accent-fg-color !important;
+    background-color: -st-accent-color !important;
+}
+
+.bms-popup-background-transparent .calendar .calendar-day:hover,
+.bms-popup-background-transparent .calendar .calendar-month-header .pager-button:hover {
+    background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.bms-popup-background-transparent .calendar-day:selected:hover,
+.bms-popup-background-transparent .calendar-day:checked:hover,
+.bms-popup-background-transparent .calendar-day.calendar-today:hover {
+    color: #ffffff !important;
+    background-color: #4990e7 !important;
+    color: -st-accent-fg-color !important;
+    background-color: st-lighten(-st-accent-color, 4%) !important;
+}
+
+.bms-popup-background-transparent .quick-toggle:checked,
+.bms-popup-background-transparent .quick-toggle-has-menu .quick-toggle:checked {
+    color: #ffffff;
+    background-color: #3584e4 !important;
+    color: -st-accent-fg-color;
+    background-color: -st-accent-color !important;
+}
+
+.bms-popup-background-transparent .quick-toggle-has-menu:checked .quick-toggle-menu-button,
+.bms-popup-background-transparent .quick-toggle-has-menu .quick-toggle-menu-button:checked {
+    color: #ffffff;
+    background-color: #4f96e8 !important;
+    color: -st-accent-fg-color;
+    background-color: st-mix(-st-accent-color, #ffffff, 85%) !important;
+}
+
+.bms-popup-background-transparent .quick-toggle:checked:hover,
+.bms-popup-background-transparent .quick-toggle-has-menu .quick-toggle:checked:hover {
+    color: #ffffff;
+    background-color: #4990e7 !important;
+    color: -st-accent-fg-color;
+    background-color: st-lighten(-st-accent-color, 4%) !important;
+}
+
+.bms-popup-background-transparent .quick-toggle-has-menu:checked .quick-toggle-menu-button:hover,
+.bms-popup-background-transparent .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
+    color: #ffffff;
+    background-color: #62a0ea !important;
+    color: -st-accent-fg-color;
+    background-color: st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 4%) !important;
+}
+
+.bms-popup-background-transparent .quick-toggle-has-menu:checked .quick-toggle-separator {
+    background-color: rgba(255, 255, 255, 0.3);
+    background-color: st-mix(-st-accent-fg-color, -st-accent-color, 30%);
+}
+
+.bms-popup-background-transparent StEntry {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+    color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.bms-popup-background-transparent StEntry:focus {
+    background-color: rgba(255, 255, 255, 0.13) !important;
+    color: #ffffff !important;
+}
+
+.bms-popup-background-transparent StEntry:insensitive {
+    background-color: rgba(255, 255, 255, 0.05) !important;
+    color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.bms-popup-background-transparent StEntry StLabel.hint-text {
+    color: rgba(255, 255, 255, 0.5) !important;
+}
\ No newline at end of file