gnome fix

1 files changed, 729 insertions, 0 deletions

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