✨ feat: Introduce customizable modules and settings for enhanced user experience

styles/notification.css

@@ -1,83 +0,0 @@
-#notification-action-buttons button.start-action {
-  border-radius: 20px;
-}
-
-#notification-action-buttons button {
-  background-color: var(--surface);
-  padding: 8px;
-  border-radius: 20px;
-  transition: background-color 0.1s ease;
-}
-
-#notification-action-buttons button:hover {
-  background-color: var(--surface-bright);
-}
-
-#notification-action-buttons button:active {
-  background-color: var(--primary);
-}
-
-#notification-action-buttons button:active #button-label {
-  color: var(--shadow);
-}
-
-#notification-image image {
-  border-radius: 16px;
-  color: var(--on-surface);
-}
-
-#notification-summary,
-#button-label {
-  font-weight: bold;
-}
-
-#notification-summary {
-  font-weight: bold;
-  color: var(--primary);
-}
-
-#notification-app-name {
-  color: var(--outline);
-}
-
-#action-button {
-  margin-top: 8px;
-}
-
-#notification-box {
-  border-radius: 20px;
-  padding: 16px;
-  background-color: var(--surface-container-low);
-  margin: 4px;
-  min-width: 336px;
-  transition: background-color 0.1s ease;
-}
-
-#boxed-notification-revealer {
-  margin-top: -14px;
-}
-
-#notif-close-button {
-  background-color: var(--surface);
-  border-radius: 16px;
-  padding: 4px;
-  transition: background-color 0.1s ease;
-}
-
-#notif-close-button:hover,
-#notif-close-button:focus {
-  background-color: var(--surface-bright);
-}
-
-#notif-close-button:active {
-  background-color: var(--red-dim);
-}
-
-#notif-close-label {
-  color: var(--red-dim);
-  font-size: 20px;
-}
-
-#notif-close-button:active #notif-close-label {
-  color: var(--shadow);
-}