color update

gnome-shell/gnome-shell.css

@@ -129,7 +129,7 @@
 .app-folder-dialog {
   border-radius: 0px;
   padding: 12px;
-  background-color: #1c1f26;
+  background-color: #242732;
   border: 1px solid #754ffe;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
@@ -231,7 +231,7 @@ StWidget.focused .app-well-app-running-dot {
 
 .system-action-icon {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
-  background-color: #1c1f26;
+  background-color: #242732;
   color: #ffffff;
   border-radius: 9999px;
   icon-size: 48px;
@@ -335,7 +335,7 @@ StWidget.focused .app-well-app-running-dot {
 
 .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
   color: rgba(255, 255, 255, 0.35);
-  background-color: #1c1f26;
+  background-color: #242732;
   box-shadow: none !important;
 }
 
@@ -593,7 +593,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
-  background-color: #9dc8c7;
+  background-color: #4338ca;
   color: rgba(0, 0, 0, 0.87) !important;
 }
 
@@ -763,7 +763,7 @@ StWidget.focused .app-well-app-running-dot {
 
 /* Activities Ripple */
 .ripple-box {
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
   box-shadow: 0 0 2px 2px #c4dedd;
   width: 52px;
   height: 52px;
@@ -820,8 +820,8 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .modal-dialog-linked-button:insensitive:last-child {
-  background-color: rgba(131, 185, 184, 0.05);
+  background-color: rgba(117, 79, 254, 0.05);
-  color: rgba(131, 185, 184, 0.35);
+  color: rgba(117, 79, 254, 0.35);
 }
 
 .headline {
@@ -1266,12 +1266,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
   color: rgba(0, 0, 0, 0.87);
-  background-color: #93c2c1;
+  background-color: #4338ca;
 }
 
 .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
   color: rgba(0, 0, 0, 0.87);
-  background-color: #62a7a5;
+  background-color: #754ffe;
 }
 
 .keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
@@ -1313,7 +1313,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 /* Login Dialog */
 #lockDialogGroup {
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 .login-dialog-banner-view {
@@ -1957,7 +1957,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 .select-area-rubberband {
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
   border: 1px solid #754ffe;
   border-radius: 0px;
 }
@@ -2239,7 +2239,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 /* OSD */
 .screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
   color: rgba(255, 255, 255, 0.7);
-  background-color: #1c1f26;
+  background-color: #242732;
   border: none;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
   margin: 5px 8px 11px;
@@ -2277,7 +2277,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 
 .pad-osd-window {
   padding: 32px;
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 .pad-osd-window .pad-osd-title-box {
@@ -2325,13 +2325,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
   box-shadow: none;
   border: none;
   font-size: 10pt;
-  background-color: #1c1f26;
+  background-color: #242732;
   height: 34px;
 }
 
 #panel .panel-corner {
   -panel-corner-radius: 0;
-  -panel-corner-background-color: #1c1f26;
+  -panel-corner-background-color: #242732;
   -panel-corner-border-width: 2px;
   -panel-corner-border-color: transparent;
   -panel-corner-opacity: 1;
@@ -2723,7 +2723,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 .unlock-dialog-notifications-container .unlock-dialog-notification-source {
   padding: 12px 6px;
   border: none;
-  background-color: #1c1f26;
+  background-color: #242732;
   color: #ffffff;
   border-radius: 0px;
 }
@@ -2760,7 +2760,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
 }
 
 #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
-  background-color: rgba(131, 185, 184, 0.5);
+  background-color: rgba(117, 79, 254, 0.5);
 }
 
 /* Scrollbars */
@@ -3030,7 +3030,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Tiled window previews */
 .tile-preview {
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
   border: 1px solid #754ffe;
 }
 
@@ -3191,7 +3191,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .workspace-animation {
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 .calendar .calendar-change-month-back,
@@ -3227,7 +3227,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #overviewGroup {
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 .osd-window {
@@ -3791,7 +3791,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
   border-color: #754ffe;
-  background-color: rgba(131, 185, 184, 0.2);
+  background-color: rgba(117, 79, 254, 0.2);
 }
 
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
@@ -3819,7 +3819,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .screenshot-ui-tooltip {
   color: #ffffff;
-  background-color: #1c1f26;
+  background-color: #242732;
   border-radius: 9999px;
   padding: 6px 12px;
   text-align: center;
@@ -3832,7 +3832,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .window-caption {
   color: #ffffff;
-  background-color: #1c1f26;
+  background-color: #242732;
   border-radius: 9999px;
   padding: 6px 12px;
 }
@@ -3860,7 +3860,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-background {
   border-radius: 30px;
-  background-color: #1c1f26;
+  background-color: #242732;
   box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
 }
 
@@ -3969,11 +3969,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.dashtodock #dash .dash-background {
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 #dashtodockContainer #dash .dash-background {
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 #dashtodockContainer .app-well-app-running-dot {
@@ -4031,7 +4031,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.opaque #dash .dash-background {
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 #dashtodockContainer.transparent #dash .dash-background {
@@ -4048,7 +4048,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
-  background-color: #1c1f26;
+  background-color: #242732;
 }
 
 #dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
@@ -4178,7 +4178,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .pop-shell-overlay {
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 .pop-shell-search-element:select {

gtk-3.0/gtk-dark.css

@@ -49,7 +49,7 @@
 
 .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, label selection, flowbox flowboxchild:selected {
   color: #754ffe;
-  background-color: rgba(131, 185, 184, 0.2);
+  background-color: rgba(117, 79, 254, 0.2);
 }
 
 .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
@@ -348,7 +348,7 @@ flowbox treeview.view flowbox .content-view rubberband,
 flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
 XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
   border: 1px solid #754ffe;
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 flowbox flowboxchild {
@@ -663,7 +663,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(131, 185, 184, 0.35);
+  box-shadow: 0 0 0 2px rgba(117, 79, 254, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -855,7 +855,7 @@ button.osd {
   min-width: 24px;
   min-width: 24px;
   padding: 6px;
-  background-color: #1c1f26;
+  background-color: #242732;
   color: #ffffff;
 }
 
@@ -898,7 +898,7 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(131, 185, 184, 0.2), 0 4px 3px 0 rgba(131, 185, 184, 0.14), 0 1px 6px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(117, 79, 254, 0.2), 0 4px 3px 0 rgba(117, 79, 254, 0.14), 0 1px 6px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:checked {
@@ -906,11 +906,11 @@ button.suggested-action:checked {
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(131, 185, 184, 0.3), 0 2px 3px -1px rgba(131, 185, 184, 0.24), 0 2px 5px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(117, 79, 254, 0.3), 0 2px 3px -1px rgba(117, 79, 254, 0.24), 0 2px 5px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(131, 185, 184, 0.35);
+  box-shadow: 0 0 0 2px rgba(117, 79, 254, 0.35);
 }
 
 button.suggested-action.flat {
@@ -925,7 +925,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 button.destructive-action {
@@ -2595,14 +2595,14 @@ radio:indeterminate {
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.15);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.15);
   background-color: #a4cbcb;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.2);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.2);
   background-color: #754ffe;
 }
 
@@ -2610,7 +2610,7 @@ check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(0, 0, 0, 0.38);
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -5458,7 +5458,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
-  background-image: radial-gradient(circle, rgba(131, 185, 184, 0.7) 10%, transparent 0%);
+  background-image: radial-gradient(circle, rgba(117, 79, 254, 0.7) 10%, transparent 0%);
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
@@ -6478,7 +6478,7 @@ UnityDecoration .menuitem:hover {
 
 UnityPanelWidget,
 .unity-panel {
-  background-color: #1c1f26;
+  background-color: #242732;
   color: #ffffff;
 }
 
@@ -6546,7 +6546,7 @@ UnityPanelWidget:backdrop,
 }
 
 .mate-panel-menu-bar {
-  background-color: #1c1f26;
+  background-color: #242732;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
 }
@@ -7298,7 +7298,7 @@ dialog.background > .dialog-vbox > scrolledwindow > viewport.frame > list {
 
 .budgie-panel {
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #1c1f26;
+  background-color: #242732;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
 }
@@ -7902,7 +7902,7 @@ image.raven-mpris {
  ***************/
 .xfce4-panel.background {
   border: none;
-  background-color: #1c1f26;
+  background-color: #242732;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
 }

gtk-3.0/gtk.css

@@ -49,7 +49,7 @@
 
 .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, label selection, flowbox flowboxchild:selected {
   color: #754ffe;
-  background-color: rgba(131, 185, 184, 0.2);
+  background-color: rgba(117, 79, 254, 0.2);
 }
 
 .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
@@ -348,7 +348,7 @@ flowbox treeview.view flowbox .content-view rubberband,
 flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
 XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
   border: 1px solid #754ffe;
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 flowbox flowboxchild {
@@ -663,7 +663,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct
 }
 
 actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
-  box-shadow: 0 0 0 2px rgba(131, 185, 184, 0.35);
+  box-shadow: 0 0 0 2px rgba(117, 79, 254, 0.35);
 }
 
 actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
@@ -855,7 +855,7 @@ button.osd {
   min-width: 24px;
   min-width: 24px;
   padding: 6px;
-  background-color: #1c1f26;
+  background-color: #242732;
   color: #ffffff;
 }
 
@@ -898,7 +898,7 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(131, 185, 184, 0.2), 0 4px 3px 0 rgba(131, 185, 184, 0.14), 0 1px 6px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(117, 79, 254, 0.2), 0 4px 3px 0 rgba(117, 79, 254, 0.14), 0 1px 6px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:checked {
@@ -906,11 +906,11 @@ button.suggested-action:checked {
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(131, 185, 184, 0.3), 0 2px 3px -1px rgba(131, 185, 184, 0.24), 0 2px 5px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(117, 79, 254, 0.3), 0 2px 3px -1px rgba(117, 79, 254, 0.24), 0 2px 5px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(131, 185, 184, 0.35);
+  box-shadow: 0 0 0 2px rgba(117, 79, 254, 0.35);
 }
 
 button.suggested-action.flat {
@@ -925,7 +925,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 button.destructive-action {
@@ -2595,14 +2595,14 @@ radio:indeterminate {
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.15);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.15);
   background-color: #a4cbcb;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.2);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.2);
   background-color: #754ffe;
 }
 
@@ -2610,7 +2610,7 @@ check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(0, 0, 0, 0.38);
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -5458,7 +5458,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button {
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
-  background-image: radial-gradient(circle, rgba(131, 185, 184, 0.7) 10%, transparent 0%);
+  background-image: radial-gradient(circle, rgba(117, 79, 254, 0.7) 10%, transparent 0%);
 }
 
 ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
@@ -6478,7 +6478,7 @@ UnityDecoration .menuitem:hover {
 
 UnityPanelWidget,
 .unity-panel {
-  background-color: #1c1f26;
+  background-color: #242732;
   color: #ffffff;
 }
 
@@ -6546,7 +6546,7 @@ UnityPanelWidget:backdrop,
 }
 
 .mate-panel-menu-bar {
-  background-color: #1c1f26;
+  background-color: #242732;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
 }
@@ -7298,7 +7298,7 @@ dialog.background > .dialog-vbox > scrolledwindow > viewport.frame > list {
 
 .budgie-panel {
   transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #1c1f26;
+  background-color: #242732;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
 }
@@ -7902,7 +7902,7 @@ image.raven-mpris {
  ***************/
 .xfce4-panel.background {
   border: none;
-  background-color: #1c1f26;
+  background-color: #242732;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
 }

gtk-4.0/gtk-dark.css

@@ -87,7 +87,7 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband
 treeview.view > rubberband,
 .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
   border: 1px solid #754ffe;
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 flowbox > flowboxchild {
@@ -756,10 +756,10 @@ editablelabel > stack > text {
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: radial-gradient(farthest-side, #754ffe 0%, rgba(131, 185, 184, 0) 0%);
+    background-image: radial-gradient(farthest-side, #754ffe 0%, rgba(117, 79, 254, 0) 0%);
   }
   to {
-    background-image: radial-gradient(farthest-side, #754ffe 95%, rgba(131, 185, 184, 0));
+    background-image: radial-gradient(farthest-side, #754ffe 95%, rgba(117, 79, 254, 0));
   }
 }
 
@@ -798,7 +798,7 @@ row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.
 row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
 row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
 row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
-  outline: 2px solid rgba(131, 185, 184, 0.35);
+  outline: 2px solid rgba(117, 79, 254, 0.35);
   outline-offset: 0;
 }
 
@@ -850,7 +850,7 @@ row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.rai
 row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
 row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
   outline-color: transparent;
-  background-color: #93c2c1;
+  background-color: #4338ca;
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -859,7 +859,7 @@ row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.
 row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
 row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
   outline-color: transparent;
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
   color: rgba(0, 0, 0, 0.38);
 }
 
@@ -1126,13 +1126,13 @@ button.card:checked {
 button.card:checked:hover {
   background-image: none;
   outline-color: transparent;
-  background-color: #93c2c1;
+  background-color: #4338ca;
   color: rgba(0, 0, 0, 0.87);
 }
 
 button.card:checked:disabled {
   outline-color: transparent;
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
   color: rgba(0, 0, 0, 0.38);
 }
 
@@ -1218,7 +1218,7 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(131, 185, 184, 0.2), 0 4px 3px 0 rgba(131, 185, 184, 0.14), 0 1px 6px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(117, 79, 254, 0.2), 0 4px 3px 0 rgba(117, 79, 254, 0.14), 0 1px 6px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:checked {
@@ -1226,11 +1226,11 @@ button.suggested-action:checked {
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(131, 185, 184, 0.3), 0 2px 3px -1px rgba(131, 185, 184, 0.24), 0 2px 5px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(117, 79, 254, 0.3), 0 2px 3px -1px rgba(117, 79, 254, 0.24), 0 2px 5px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(131, 185, 184, 0.35);
+  box-shadow: 0 0 0 2px rgba(117, 79, 254, 0.35);
 }
 
 button.suggested-action.flat {
@@ -1244,7 +1244,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 button.destructive-action {
@@ -2262,7 +2262,7 @@ headerbar.default-decoration windowcontrols menubutton button {
 }
 
 window.devel headerbar {
-  background: #242732 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(131, 185, 184, 0.1)), linear-gradient(to top, #242933 3px, #292e39);
+  background: #242732 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(117, 79, 254, 0.1)), linear-gradient(to top, #242933 3px, #292e39);
 }
 
 window.devel headerbar:backdrop {
@@ -3518,14 +3518,14 @@ radio:indeterminate {
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.15);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.15);
   background-color: #a4cbcb;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.2);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.2);
   background-color: #754ffe;
 }
 
@@ -3533,7 +3533,7 @@ check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(0, 0, 0, 0.6);
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -5684,7 +5684,7 @@ treeview.view:selected, calendar:selected, calendar > grid > label.day-number:se
 
 flowbox > flowboxchild:selected, calendar > grid > label.today {
   color: #754ffe;
-  background-color: rgba(131, 185, 184, 0.2);
+  background-color: rgba(117, 79, 254, 0.2);
 }
 
 textview text selection:focus, textview text selection, label > selection,
@@ -7333,7 +7333,7 @@ playlistview queuerow image.card {
 .exit-info {
   padding: 6px;
   border-top: 2px solid #754ffe;
-  background: rgba(131, 185, 184, 0.9);
+  background: rgba(117, 79, 254, 0.9);
   color: rgba(0, 0, 0, 0.87);
 }
 

gtk-4.0/gtk.css

@@ -87,7 +87,7 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband
 treeview.view > rubberband,
 .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
   border: 1px solid #754ffe;
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 flowbox > flowboxchild {
@@ -756,10 +756,10 @@ editablelabel > stack > text {
  ***********/
 @keyframes needs-attention {
   from {
-    background-image: radial-gradient(farthest-side, #754ffe 0%, rgba(131, 185, 184, 0) 0%);
+    background-image: radial-gradient(farthest-side, #754ffe 0%, rgba(117, 79, 254, 0) 0%);
   }
   to {
-    background-image: radial-gradient(farthest-side, #754ffe 95%, rgba(131, 185, 184, 0));
+    background-image: radial-gradient(farthest-side, #754ffe 95%, rgba(117, 79, 254, 0));
   }
 }
 
@@ -798,7 +798,7 @@ row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.
 row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
 row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
 row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
-  outline: 2px solid rgba(131, 185, 184, 0.35);
+  outline: 2px solid rgba(117, 79, 254, 0.35);
   outline-offset: 0;
 }
 
@@ -850,7 +850,7 @@ row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.rai
 row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
 row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
   outline-color: transparent;
-  background-color: #93c2c1;
+  background-color: #4338ca;
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -859,7 +859,7 @@ row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.
 row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
 row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
   outline-color: transparent;
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
   color: rgba(0, 0, 0, 0.38);
 }
 
@@ -1126,13 +1126,13 @@ button.card:checked {
 button.card:checked:hover {
   background-image: none;
   outline-color: transparent;
-  background-color: #93c2c1;
+  background-color: #4338ca;
   color: rgba(0, 0, 0, 0.87);
 }
 
 button.card:checked:disabled {
   outline-color: transparent;
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
   color: rgba(0, 0, 0, 0.38);
 }
 
@@ -1218,7 +1218,7 @@ button.suggested-action:disabled {
 }
 
 button.suggested-action:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(131, 185, 184, 0.2), 0 4px 3px 0 rgba(131, 185, 184, 0.14), 0 1px 6px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(117, 79, 254, 0.2), 0 4px 3px 0 rgba(117, 79, 254, 0.14), 0 1px 6px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:checked {
@@ -1226,11 +1226,11 @@ button.suggested-action:checked {
 }
 
 button.suggested-action:checked:hover {
-  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(131, 185, 184, 0.3), 0 2px 3px -1px rgba(131, 185, 184, 0.24), 0 2px 5px 0 rgba(131, 185, 184, 0.12);
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(117, 79, 254, 0.3), 0 2px 3px -1px rgba(117, 79, 254, 0.24), 0 2px 5px 0 rgba(117, 79, 254, 0.12);
 }
 
 button.suggested-action:focus {
-  box-shadow: 0 0 0 2px rgba(131, 185, 184, 0.35);
+  box-shadow: 0 0 0 2px rgba(117, 79, 254, 0.35);
 }
 
 button.suggested-action.flat {
@@ -1244,7 +1244,7 @@ button.suggested-action.flat:disabled {
 }
 
 button.suggested-action.flat:checked {
-  background-color: rgba(131, 185, 184, 0.3);
+  background-color: rgba(117, 79, 254, 0.3);
 }
 
 button.destructive-action {
@@ -2262,7 +2262,7 @@ headerbar.default-decoration windowcontrols menubutton button {
 }
 
 window.devel headerbar {
-  background: #242732 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(131, 185, 184, 0.1)), linear-gradient(to top, #242933 3px, #292e39);
+  background: #242732 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(117, 79, 254, 0.1)), linear-gradient(to top, #242933 3px, #292e39);
 }
 
 window.devel headerbar:backdrop {
@@ -3518,14 +3518,14 @@ radio:indeterminate {
 check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.15);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.15);
   background-color: #a4cbcb;
 }
 
 check:checked:active, check:indeterminate:active,
 radio:checked:active,
 radio:indeterminate:active {
-  box-shadow: 0 0 0 6px rgba(131, 185, 184, 0.2);
+  box-shadow: 0 0 0 6px rgba(117, 79, 254, 0.2);
   background-color: #754ffe;
 }
 
@@ -3533,7 +3533,7 @@ check:checked:disabled, check:indeterminate:disabled,
 radio:checked:disabled,
 radio:indeterminate:disabled {
   color: rgba(0, 0, 0, 0.6);
-  background-color: rgba(131, 185, 184, 0.35);
+  background-color: rgba(117, 79, 254, 0.35);
 }
 
 popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
@@ -5684,7 +5684,7 @@ treeview.view:selected, calendar:selected, calendar > grid > label.day-number:se
 
 flowbox > flowboxchild:selected, calendar > grid > label.today {
   color: #754ffe;
-  background-color: rgba(131, 185, 184, 0.2);
+  background-color: rgba(117, 79, 254, 0.2);
 }
 
 textview text selection:focus, textview text selection, label > selection,
@@ -7333,7 +7333,7 @@ playlistview queuerow image.card {
 .exit-info {
   padding: 6px;
   border-top: 2px solid #754ffe;
-  background: rgba(131, 185, 184, 0.9);
+  background: rgba(117, 79, 254, 0.9);
   color: rgba(0, 0, 0, 0.87);
 }