From 9d5be1660d8f74038ebed3d74fdbc809e43787ae Mon Sep 17 00:00:00 2001 From: Nippy Date: Fri, 9 Oct 2026 17:23:53 +0200 Subject: gnome fix --- .../blur-my-shell@aunetx/styles/popup/base.css | 729 +++++++++++++++++++++ .../blur-my-shell@aunetx/styles/popup/dark.css | 258 ++++++++ .../blur-my-shell@aunetx/styles/popup/light.css | 335 ++++++++++ .../styles/popup/menu-items.css | 120 ++++ .../styles/popup/transparent.css | 262 ++++++++ 5 files changed, 1704 insertions(+) create mode 100644 raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/base.css create mode 100644 raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/dark.css create mode 100644 raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/light.css create mode 100644 raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/menu-items.css create mode 100644 raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup/transparent.css (limited to 'raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/styles/popup') 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 -- cgit v1.3