Updated GTK colours

.config/gtk-3.0/settings.ini

@@ -1,6 +1,6 @@
 [Settings]
 gtk-application-prefer-dark-theme=0
-gtk-theme-name=UltimateBlack-0.1
+gtk-theme-name=TokyoNight
 gtk-icon-theme-name=Blueberry-Numix-2021
 gtk-font-name=Cantarell 11
 gtk-cursor-theme-name=volantes_cursors

usr/share/themes/TokyoNight/cinnamon/assets/add-workspace-active.svg

@@ -6,5 +6,5 @@
   </defs>
   <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#16161e" fill-opacity=".4" filter="url(#a)" transform="translate(0 1)"/>
   <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#1a73e8"/>
-  <path d="M18 94a1 1 0 00-1 1v4h-4a1 1 0 100 2h4v4a1 1 0 102 0v-4h4a1 1 0 100-2h-4v-4a1 1 0 00-1-1zm8 6a8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8 8 8 0 018 8z" fill="#cccccc"/>
+  <path d="M18 94a1 1 0 00-1 1v4h-4a1 1 0 100 2h4v4a1 1 0 102 0v-4h4a1 1 0 100-2h-4v-4a1 1 0 00-1-1zm8 6a8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8 8 8 0 018 8z" fill="#A9B1D6"/>
 </svg>

usr/share/themes/TokyoNight/cinnamon/assets/add-workspace-hover.svg

@@ -5,6 +5,6 @@
     </filter>
   </defs>
   <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#16161e" fill-opacity=".4" filter="url(#a)" transform="translate(0 1)"/>
-  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#cccccc"/>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#A9B1D6"/>
   <path d="M18 94a1 1 0 00-1 1v4h-4a1 1 0 100 2h4v4a1 1 0 102 0v-4h4a1 1 0 100-2h-4v-4a1 1 0 00-1-1zm8 6a8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8 8 8 0 018 8z" fill="#16161e" fill-opacity=".87"/>
 </svg>

usr/share/themes/TokyoNight/cinnamon/assets/add-workspace.svg

@@ -5,6 +5,6 @@
     </filter>
   </defs>
   <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#16161e" fill-opacity=".3" filter="url(#a)" transform="translate(0 1)"/>
-  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#cccccc"/>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#A9B1D6"/>
   <path d="M18 94a1 1 0 00-1 1v4h-4a1 1 0 100 2h4v4a1 1 0 102 0v-4h4a1 1 0 100-2h-4v-4a1 1 0 00-1-1zm8 6a8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8 8 8 0 018 8z" fill="#16161e" fill-opacity=".87"/>
 </svg>

usr/share/themes/TokyoNight/cinnamon/assets/close-window.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
   <circle cx="18" cy="18" r="18" fill="#d93025"/>
-  <circle cx="18" cy="18" r="18" fill="#cccccc" fill-opacity="0"/>
-  <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#cccccc"/>
+  <circle cx="18" cy="18" r="18" fill="#A9B1D6" fill-opacity="0"/>
+  <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#A9B1D6"/>
 </svg>

usr/share/themes/TokyoNight/cinnamon/assets/toggle-off.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
   <rect x="2" y="2" width="36" height="16" ry="8" fill="#16161e" fill-opacity=".26"/>
-  <circle cx="10" cy="10" r="6" fill="#cccccc"/>
+  <circle cx="10" cy="10" r="6" fill="#A9B1D6"/>
 </svg>

usr/share/themes/TokyoNight/cinnamon/assets/toggle-on.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
   <rect x="2" y="2" width="36" height="16" ry="8" fill="#1a73e8"/>
-  <circle cx="30" cy="10" r="6" fill="#cccccc"/>
+  <circle cx="30" cy="10" r="6" fill="#A9B1D6"/>
 </svg>

usr/share/themes/TokyoNight/cinnamon/cinnamon.css

@@ -1,6 +1,6 @@
 .notification-button, .modal-dialog-button {
-  color: #cccccc;
-  background-color: #0e0e13;
+  color: #A9B1D6;
+  background-color: #1a1b26;
   border-color: transparent;
   box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
   text-shadow: none;
@@ -14,15 +14,15 @@
 }
 
 .notification-button:focus, .modal-dialog-button:focus {
-  color: #cccccc;
+  color: #A9B1D6;
   text-shadow: none;
   icon-shadow: none;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
 }
 
 .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked {
-  color: #cccccc;
-  background-color: #0e0e13;
+  color: #A9B1D6;
+  background-color: #1a1b26;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
   text-shadow: none;
@@ -30,7 +30,7 @@
 }
 
 .notification-button:active, .modal-dialog-button:active {
-  color: #cccccc;
+  color: #A9B1D6;
   background-color: #404042;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
@@ -49,8 +49,8 @@
 }
 
 .notification-icon-button, .keyboard-key, .sound-player StButton {
-  color: #cccccc;
-  background-color: #0e0e13;
+  color: #A9B1D6;
+  background-color: #1a1b26;
   border-color: transparent;
   box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
   text-shadow: none;
@@ -63,15 +63,15 @@
 }
 
 .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus {
-  color: #cccccc;
+  color: #A9B1D6;
   text-shadow: none;
   icon-shadow: none;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
 }
 
 .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked {
-  color: #cccccc;
-  background-color: #0e0e13;
+  color: #A9B1D6;
+  background-color: #1a1b26;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
   text-shadow: none;
@@ -79,7 +79,7 @@
 }
 
 .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active {
-  color: #cccccc;
+  color: #A9B1D6;
   background-color: #404042;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
@@ -99,11 +99,11 @@
 
 .slider, .popup-slider-menu-item, .sound-player .slider {
   height: 20px;
-  color: #3d89c9;
+  color: #7aa2f7;
   -slider-height: 2px;
   -slider-background-color: rgba(204, 204, 204, 0.3);
   -slider-border-color: transparent;
-  -slider-active-background-color: #3d89c9;
+  -slider-active-background-color: #7aa2f7;
   -slider-active-border-color: transparent;
   -slider-border-width: 0;
   -slider-handle-radius: 6px;
@@ -126,22 +126,22 @@
   min-height: 32px;
   padding: 0 8px;
   border-radius: 2px 2px 0 0;
-  color: #cccccc;
-  caret-color: #cccccc;
+  color: #A9B1D6;
+  caret-color: #A9B1D6;
   selection-background-color: rgba(61, 137, 201, 0.32);
-  selected-color: #cccccc;
+  selected-color: #A9B1D6;
 }
 
 #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus {
   border-color: transparent;
-  box-shadow: inset 0 -2px #3d89c9;
+  box-shadow: inset 0 -2px #7aa2f7;
   padding: 0 8px;
   border-width: 0;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box {
-  color: #cccccc;
+  color: #A9B1D6;
   border: none;
   padding: 12px;
   box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
@@ -159,9 +159,9 @@
 }
 
 .menu, .popup-combo-menu {
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   border-radius: 2px;
-  color: #cccccc;
+  color: #A9B1D6;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
 }
 
@@ -175,7 +175,7 @@
 
 .show-processes-dialog-subject, .mount-question-dialog-subject {
   font-weight: bold;
-  color: #cccccc;
+  color: #A9B1D6;
   padding-top: 10px;
   padding-left: 17px;
   padding-bottom: 6px;
@@ -187,7 +187,7 @@
 }
 
 .show-processes-dialog-description, .mount-question-dialog-description {
-  color: #cccccc;
+  color: #A9B1D6;
   padding-left: 17px;
   width: 28em;
 }
@@ -215,12 +215,12 @@
 
 .tile-preview.snap, .tile-hud.snap {
   background-color: rgba(0, 0, 0, 0.3);
-  border: 2px solid #3d89c9;
+  border: 2px solid #7aa2f7;
 }
 
 .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window {
-  color: #cccccc;
-  background-color: #0e0e13;
+  color: #A9B1D6;
+  background-color: #1a1b26;
   border: none;
   border-radius: 2px;
   padding: 12px;
@@ -238,16 +238,16 @@ stage {
   font-size: 10.5pt;
   font-weight: 400;
   font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .cinnamon-link {
-  color: #3d89c9;
+  color: #7aa2f7;
   font-style: italic;
 }
 
 .cinnamon-link:hover {
-  color: #3d89c9;
+  color: #7aa2f7;
 }
 
 .label-shadow {
@@ -291,7 +291,7 @@ StScrollView StScrollBar {
   font-size: 9pt;
   font-weight: 400;
   padding: 6px 8px;
-  color: #cccccc;
+  color: #A9B1D6;
   text-align: center;
   border-radius: 2px;
   background-color: rgba(9, 9, 10, 0.9);
@@ -334,7 +334,7 @@ StScrollView StScrollBar {
 
 .popup-menu-item:active {
   background-color: rgba(204, 204, 204, 0.08);
-  color: #cccccc;
+  color: #A9B1D6;
   transition-duration: 0ms;
 }
 
@@ -355,7 +355,7 @@ StScrollView StScrollBar {
 }
 
 .popup-inactive-menu-item {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .popup-inactive-menu-item:insensitive {
@@ -469,23 +469,23 @@ StScrollView StScrollBar {
 }
 
 .panel-top .window-list-item-box:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .grouped-window-list-item-box:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .grouped-window-list-item-box:focus:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .grouped-window-list-badge {
@@ -497,7 +497,7 @@ StScrollView StScrollBar {
 }
 
 .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .applet-box {
@@ -505,11 +505,11 @@ StScrollView StScrollBar {
 }
 
 .panel-top .applet-box:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .panel-launchers .launcher:hover {
-  box-shadow: 0 3px 0 0 #3d89c9 inset;
+  box-shadow: 0 3px 0 0 #7aa2f7 inset;
 }
 
 .panel-top .applet-separator {
@@ -517,27 +517,27 @@ StScrollView StScrollBar {
 }
 
 .panel-top .systray:hover {
-  box-shadow: 0 4px 0 0 #3d89c9 inset;
+  box-shadow: 0 4px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .window-list-item-box:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .grouped-window-list-item-box:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .grouped-window-list-item-box:focus:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button {
@@ -545,7 +545,7 @@ StScrollView StScrollBar {
 }
 
 .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .applet-box {
@@ -553,11 +553,11 @@ StScrollView StScrollBar {
 }
 
 .panel-bottom .applet-box:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .panel-launchers .launcher:hover {
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .panel-bottom .applet-separator {
@@ -565,27 +565,27 @@ StScrollView StScrollBar {
 }
 
 .panel-bottom .systray:hover {
-  box-shadow: 0 4px 0 0 #3d89c9 inset;
+  box-shadow: 0 4px 0 0 #7aa2f7 inset;
 }
 
 .panel-left .window-list-item-box:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .grouped-window-list-item-box:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .grouped-window-list-item-box:focus:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .grouped-window-list-badge {
@@ -598,7 +598,7 @@ StScrollView StScrollBar {
 }
 
 .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .applet-box {
@@ -606,11 +606,11 @@ StScrollView StScrollBar {
 }
 
 .panel-left .applet-box:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .panel-launchers .launcher:hover {
-  box-shadow: 3px 0 0 0 #3d89c9 inset;
+  box-shadow: 3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-left .applet-separator {
@@ -618,27 +618,27 @@ StScrollView StScrollBar {
 }
 
 .panel-left .systray:hover {
-  box-shadow: 4px 0 0 0 #3d89c9 inset;
+  box-shadow: 4px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .window-list-item-box:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .grouped-window-list-item-box:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .grouped-window-list-item-box:focus:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
@@ -647,7 +647,7 @@ StScrollView StScrollBar {
 }
 
 .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .applet-box {
@@ -655,11 +655,11 @@ StScrollView StScrollBar {
 }
 
 .panel-right .applet-box:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .panel-launchers .launcher:hover {
-  box-shadow: -3px 0 0 0 #3d89c9 inset;
+  box-shadow: -3px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-right .applet-separator {
@@ -667,7 +667,7 @@ StScrollView StScrollBar {
 }
 
 .panel-right .systray:hover {
-  box-shadow: -4px 0 0 0 #3d89c9 inset;
+  box-shadow: -4px 0 0 0 #7aa2f7 inset;
 }
 
 .panel-status-button {
@@ -689,11 +689,11 @@ StScrollView StScrollBar {
 }
 
 .system-status-icon.warning {
-  color: #ffeb3b;
+  color: #e0af68;
 }
 
 .system-status-icon.error {
-  color: #f44336;
+  color: #f7768e;
 }
 
 #overview {
@@ -713,7 +713,7 @@ StScrollView StScrollBar {
 
 .window-caption#selected, .window-caption:focus {
   color: #bbbbbb;
-  box-shadow: 0 -3px 0 0 #3d89c9 inset;
+  box-shadow: 0 -3px 0 0 #7aa2f7 inset;
 }
 
 .workspace-controls {
@@ -790,7 +790,7 @@ StScrollView StScrollBar {
 }
 
 .expo-workspace-thumbnail-frame#active {
-  border: 1px solid #3d89c9;
+  border: 1px solid #7aa2f7;
 }
 
 #LookingGlassDialog {
@@ -811,7 +811,7 @@ StScrollView StScrollBar {
   margin: 2px;
   padding: 6px 16px;
   border-radius: 2px;
-  color: #cccccc;
+  color: #A9B1D6;
   text-align: center;
 }
 
@@ -826,7 +826,7 @@ StScrollView StScrollBar {
   margin: 2px;
   padding: 6px 16px;
   border-radius: 2px;
-  color: #cccccc;
+  color: #A9B1D6;
   text-align: center;
 }
 
@@ -866,8 +866,8 @@ StScrollView StScrollBar {
 }
 
 .calendar-day-base:active {
-  color: #cccccc;
-  background-color: #3d89c9;
+  color: #A9B1D6;
+  background-color: #7aa2f7;
   border-color: transparent;
 }
 
@@ -910,7 +910,7 @@ StScrollView StScrollBar {
 }
 
 .calendar-nonwork-day {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .calendar-today {
@@ -919,7 +919,7 @@ StScrollView StScrollBar {
 }
 
 .calendar-day-with-events {
-  color: #3d89c9;
+  color: #7aa2f7;
   font-weight: normal;
   text-decoration: underline;
   background-image: none;
@@ -944,7 +944,7 @@ StScrollView StScrollBar {
 }
 
 #notification {
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   border-radius: 2px;
   border: 1px solid rgba(204, 204, 204, 0.12);
   padding: 8px;
@@ -952,7 +952,7 @@ StScrollView StScrollBar {
   spacing-columns: 8px;
   margin-from-right-edge-of-screen: 20px;
   width: 34em;
-  color: #cccccc;
+  color: #A9B1D6;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
 }
 
@@ -961,12 +961,12 @@ StScrollView StScrollBar {
 }
 
 #notification .url-highlighter {
-  link-color: #3d89c9;
+  link-color: #7aa2f7;
 }
 
 .notification-with-image {
   min-height: 159px;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 #notification-scrollview {
@@ -1063,7 +1063,7 @@ StScrollView StScrollBar {
 }
 
 .switcher-arrow:highlighted {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .switcher-preview-backdrop {
@@ -1074,7 +1074,7 @@ StScrollView StScrollBar {
   width: 104px;
   height: 104px;
   background-image: url(assets/corner-ripple.png);
-  background-color: #3d89c9;
+  background-color: #7aa2f7;
   border-radius: 52px;
 }
 
@@ -1092,7 +1092,7 @@ StScrollView StScrollBar {
 }
 
 .run-dialog-error-label {
-  color: #f44336;
+  color: #f7768e;
 }
 
 .run-dialog-error-box {
@@ -1118,7 +1118,7 @@ StScrollView StScrollBar {
 }
 
 .mount-password-reask {
-  color: #ffeb3b;
+  color: #e0af68;
 }
 
 .show-processes-dialog {
@@ -1150,11 +1150,11 @@ StScrollView StScrollBar {
 }
 
 .show-processes-dialog-app-list-item {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .show-processes-dialog-app-list-item:hover {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .show-processes-dialog-app-list-item:ltr {
@@ -1225,7 +1225,7 @@ StScrollView StScrollBar {
 .menu-favorites-button:hover {
   background-color: rgba(204, 204, 204, 0.12);
   border-radius: 2px;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .menu-categories-box {
@@ -1253,7 +1253,7 @@ StScrollView StScrollBar {
   padding: 0.4em 4px;
   background-color: rgba(204, 204, 204, 0.12);
   border-radius: 2px;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .menu-application-button-selected:highlighted {
@@ -1274,7 +1274,7 @@ StScrollView StScrollBar {
   padding: 0.4em 4px;
   background-color: rgba(204, 204, 204, 0.12);
   border-radius: 2px;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .menu-selected-app-box {
@@ -1365,11 +1365,11 @@ StScrollView StScrollBar {
 }
 
 .window-list-preview {
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   border-radius: 2px;
   padding: 10px 15px;
   spacing: 1em;
-  color: #cccccc;
+  color: #A9B1D6;
   box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
 }
 
@@ -1394,7 +1394,7 @@ StScrollView StScrollBar {
 }
 
 .grouped-window-list-thumbnail-alert {
-  background: #ffeb3b;
+  background: #e0af68;
 }
 
 .grouped-window-list-item-box {
@@ -1520,7 +1520,7 @@ StScrollView StScrollBar {
 }
 
 .sound-player-overlay {
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   min-width: 300px;
   padding: 12px 16px;
   spacing: 0.5em;
@@ -1654,7 +1654,7 @@ StScrollView StScrollBar {
 .desklet-with-borders {
   font-size: 9pt;
   font-weight: 400;
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   border-radius: 2px;
 }
 
@@ -1665,7 +1665,7 @@ StScrollView StScrollBar {
 .desklet-with-borders-and-header {
   font-size: 9pt;
   font-weight: 400;
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   border-radius-bottomleft: 2px;
   border-radius-bottomright: 2px;
 }
@@ -1677,7 +1677,7 @@ StScrollView StScrollBar {
 .desklet-header {
   font-size: 15pt;
   font-weight: 500;
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   border-radius-topleft: 2px;
   border-radius-topright: 2px;
 }
@@ -1687,7 +1687,7 @@ StScrollView StScrollBar {
 }
 
 .photoframe-box {
-  background-color: #0e0e13;
+  background-color: #1a1b26;
   border-radius: 2px;
 }
 
@@ -1696,7 +1696,7 @@ StScrollView StScrollBar {
 }
 
 .desklet-drag-placeholder {
-  border: 2px solid #3d89c9;
+  border: 2px solid #7aa2f7;
   background-color: rgba(0, 0, 0, 0.3);
   border-radius: 2px;
 }
@@ -1752,11 +1752,11 @@ StScrollView StScrollBar {
   font-size: 11.25pt;
   font-weight: 400;
   background-color: rgba(204, 204, 204, 0.04);
-  color: #cccccc;
+  color: #A9B1D6;
   padding: 0 8px;
   selection-background-color: rgba(204, 204, 204, 0.3);
-  selected-color: #cccccc;
-  caret-color: #cccccc;
+  selected-color: #A9B1D6;
+  caret-color: #A9B1D6;
   text-align: center;
   height: 32px;
   border-radius: 2px 2px 0 0;
@@ -1764,13 +1764,13 @@ StScrollView StScrollBar {
 }
 
 .expo-workspaces-name-entry#selected {
-  color: #cccccc;
+  color: #A9B1D6;
   background-color: rgba(204, 204, 204, 0.3);
 }
 
 .expo-workspaces-name-entry:focus {
-  color: #cccccc;
-  box-shadow: inset 0 -2px #cccccc;
+  color: #A9B1D6;
+  box-shadow: inset 0 -2px #A9B1D6;
 }
 
 .expo-workspaces-name-entry:hover {
@@ -1810,7 +1810,7 @@ StScrollView StScrollBar {
 }
 
 .flashspot {
-  background-color: #3d89c9;
+  background-color: #7aa2f7;
 }
 
 .osd-window {
@@ -1826,7 +1826,7 @@ StScrollView StScrollBar {
 
 .osd-window .level-bar {
   border-radius: 0.3em;
-  background-color: #3d89c9;
+  background-color: #7aa2f7;
 }
 
 .tile-hud:top {
@@ -1890,5 +1890,5 @@ StScrollView StScrollBar {
 .user-label {
   font-size: 10.5pt;
   font-weight: 500;
-  color: #cccccc;
+  color: #A9B1D6;
 }

usr/share/themes/TokyoNight/gnome-shell/assets/calendar-arrow-left.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#cccccc" fill-opacity=".6">
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#A9B1D6" fill-opacity=".6">
   <path d="M10 3v10L5 8z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/calendar-arrow-right.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#cccccc" fill-opacity=".6">
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#A9B1D6" fill-opacity=".6">
   <path d="M6 3v10l5-5z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/checkbox-off.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#cccccc" fill-opacity=".6">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#A9B1D6" fill-opacity=".6">
   <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/checkbox.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#3d89c9">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#7aa2f7">
   <path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/close.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#cccccc" fill-opacity=".6">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#A9B1D6" fill-opacity=".6">
   <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash-placeholder.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#A9B1D6">
   <circle cx="12" cy="12" r="12" opacity=".3"/>
   <circle cx="12" cy="12" r="4"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running1-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="36" cy="66" r="2"/>
   <circle cx="36" cy="6" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running1.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="36" cy="66" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running2-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="32" cy="66" r="2"/>
   <circle cx="40" cy="66" r="2"/>
   <circle cx="36" cy="6" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running2.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="32" cy="66" r="2"/>
   <circle cx="40" cy="66" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running3-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="28" cy="66" r="2"/>
   <circle cx="36" cy="66" r="2"/>
   <circle cx="44" cy="66" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running3.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="28" cy="66" r="2"/>
   <circle cx="36" cy="66" r="2"/>
   <circle cx="44" cy="66" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running4-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="24" cy="66" r="2"/>
   <circle cx="32" cy="66" r="2"/>
   <circle cx="40" cy="66" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/bottom-running4.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="24" cy="66" r="2"/>
   <circle cx="32" cy="66" r="2"/>
   <circle cx="40" cy="66" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running1-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="36" r="2"/>
   <circle cx="66" cy="36" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running1.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="36" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running2-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="32" r="2"/>
   <circle cx="6" cy="40" r="2"/>
   <circle cx="66" cy="36" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running2.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="32" r="2"/>
   <circle cx="6" cy="40" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running3-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="28" r="2"/>
   <circle cx="6" cy="36" r="2"/>
   <circle cx="6" cy="44" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running3.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="28" r="2"/>
   <circle cx="6" cy="36" r="2"/>
   <circle cx="6" cy="44" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running4-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="24" r="2"/>
   <circle cx="6" cy="32" r="2"/>
   <circle cx="6" cy="40" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/left-running4.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="6" cy="24" r="2"/>
   <circle cx="6" cy="32" r="2"/>
   <circle cx="6" cy="40" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running1-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="36" r="2"/>
   <circle cx="6" cy="36" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running1.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="36" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running2-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="32" r="2"/>
   <circle cx="66" cy="40" r="2"/>
   <circle cx="6" cy="36" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running2.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="32" r="2"/>
   <circle cx="66" cy="40" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running3-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="28" r="2"/>
   <circle cx="66" cy="36" r="2"/>
   <circle cx="66" cy="44" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running3.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="28" r="2"/>
   <circle cx="66" cy="36" r="2"/>
   <circle cx="66" cy="44" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running4-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="24" r="2"/>
   <circle cx="66" cy="32" r="2"/>
   <circle cx="66" cy="40" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/right-running4.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="66" cy="24" r="2"/>
   <circle cx="66" cy="32" r="2"/>
   <circle cx="66" cy="40" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running1-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="36" cy="6" r="2"/>
   <circle cx="36" cy="66" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running1.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="36" cy="6" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running2-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="32" cy="6" r="2"/>
   <circle cx="40" cy="6" r="2"/>
   <circle cx="36" cy="66" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running2.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="32" cy="6" r="2"/>
   <circle cx="40" cy="6" r="2"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running3-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="28" cy="6" r="2"/>
   <circle cx="36" cy="6" r="2"/>
   <circle cx="44" cy="6" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running3.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="28" cy="6" r="2"/>
   <circle cx="36" cy="6" r="2"/>
   <circle cx="44" cy="6" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running4-focused.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="24" cy="6" r="2"/>
   <circle cx="32" cy="6" r="2"/>
   <circle cx="40" cy="6" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/dash/top-running4.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#cccccc">
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#A9B1D6">
   <circle cx="24" cy="6" r="2"/>
   <circle cx="32" cy="6" r="2"/>
   <circle cx="40" cy="6" r="2"/>

usr/share/themes/TokyoNight/gnome-shell/assets/key-hide.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#cccccc" fill-opacity=".87">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#A9B1D6" fill-opacity=".87">
   <path d="M20 3H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 3h2v2h-2V6zm0 3h2v2h-2V9zM8 6h2v2H8V6zm0 3h2v2H8V9zm-1 2H5V9h2v2zm0-3H5V6h2v2zm9 7H8v-2h8v2zm0-4h-2V9h2v2zm0-3h-2V6h2v2zm3 3h-2V9h2v2zm0-3h-2V6h2v2zm-7 15l4-4H8l4 4z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/key-layout.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#cccccc" fill-opacity=".87">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#A9B1D6" fill-opacity=".87">
   <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/key-shift-latched-uppercase.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#3d89c9">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#7aa2f7">
   <path d="M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/key-shift-uppercase.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#3d89c9">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#7aa2f7">
   <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/key-shift.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#cccccc" fill-opacity=".87">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#A9B1D6" fill-opacity=".87">
   <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/no-events.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#cccccc" fill-opacity=".38">
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#A9B1D6" fill-opacity=".38">
   <path d="M34 24H24v10h10V24zM32 2v4H16V2h-4v4h-2c-2.21 0-3.98 1.79-3.98 4L6 38c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4h-2V2h-4zm6 36H10V16h28v22z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/no-notifications.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#cccccc" fill-opacity=".38">
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#A9B1D6" fill-opacity=".38">
   <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/toggle-off.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
-  <rect x="2" y="2" width="36" height="16" ry="8" fill="#cccccc" fill-opacity=".26"/>
-  <circle cx="10" cy="10" r="6" fill="#cccccc"/>
+  <rect x="2" y="2" width="36" height="16" ry="8" fill="#A9B1D6" fill-opacity=".26"/>
+  <circle cx="10" cy="10" r="6" fill="#A9B1D6"/>
 </svg>

usr/share/themes/TokyoNight/gnome-shell/assets/toggle-on.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
+  <rect x="2" y="2" width="36" height="16" ry="8" fill="#7aa2f7"/>
+  <circle cx="30" cy="10" r="6" fill="#A9B1D6"/>
+</svg>

usr/share/themes/TokyoNight/gnome-shell/gnome-shell.css

@@ -17,25 +17,25 @@
  * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
  */
 stage {
-  color: #cccccc;
+  color: #A9B1D6;
   font-size: 1em;
 }
 
 .shell-link {
   transition-duration: 100ms;
   border-radius: 2px;
-  color: #3d89c9;
+  color: #7aa2f7;
 }
 
 .shell-link:hover {
   background-color: rgba(61, 137, 201, 0.08);
-  color: #3d89c9;
+  color: #7aa2f7;
 }
 
 .shell-link:active {
   transition-duration: 200ms;
   background-color: rgba(61, 137, 201, 0.2);
-  color: #3d89c9;
+  color: #7aa2f7;
 }
 
 .lowres-icon {
@@ -53,9 +53,9 @@ StEntry {
   padding: 0 8px;
   border-width: 0;
   border-radius: 2px 2px 0 0;
-  color: #cccccc;
+  color: #A9B1D6;
   selection-background-color: rgba(61, 137, 201, 0.32);
-  selected-color: #cccccc;
+  selected-color: #A9B1D6;
   font-size: 11.25pt;
   font-weight: 400;
   transition-duration: 100ms;
@@ -66,13 +66,13 @@ StEntry {
 
 .lg-dialog StEntry:hover,
 StEntry:hover {
-  box-shadow: inset 0 -1px #cccccc;
+  box-shadow: inset 0 -1px #A9B1D6;
 }
 
 .lg-dialog StEntry:focus,
 StEntry:focus {
   border-color: transparent;
-  box-shadow: inset 0 -2px #3d89c9;
+  box-shadow: inset 0 -2px #7aa2f7;
 }
 
 .lg-dialog StEntry:insensitive,
@@ -86,7 +86,7 @@ StEntry:insensitive {
 StEntry StIcon.capslock-warning {
   icon-size: 16px;
   padding: 0 4px;
-  warning-color: #ffeb3b;
+  warning-color: #e0af68;
 }
 
 .lg-dialog StEntry StIcon.peek-password,
@@ -98,7 +98,7 @@ StEntry StIcon.peek-password {
 
 .lg-dialog StEntry StIcon.peek-password:hover,
 StEntry StIcon.peek-password:hover {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .lg-dialog StEntry StLabel.hint-text,
@@ -249,8 +249,8 @@ StEntry StLabel.hint-text {
   -barlevel-border-color: transparent;
   -barlevel-background-color: rgba(204, 204, 204, 0.3);
   -barlevel-active-border-color: transparent;
-  -barlevel-active-background-color: #3d89c9;
-  -barlevel-overdrive-color: #f44336;
+  -barlevel-active-background-color: #7aa2f7;
+  -barlevel-overdrive-color: #f7768e;
   -barlevel-overdrive-border-color: transparent;
   -barlevel-overdrive-separator-width: 2px;
   -slider-handle-radius: 6px;
@@ -259,7 +259,7 @@ StEntry StLabel.hint-text {
 }
 
 .slider, .slider:hover, .slider:active {
-  color: #3d89c9;
+  color: #7aa2f7;
 }
 
 /* Scrollbars */
@@ -301,7 +301,7 @@ StScrollBar StButton#hhandle:hover {
 
 StScrollBar StButton#vhandle:active,
 StScrollBar StButton#hhandle:active {
-  background-color: #cccccc;
+  background-color: #A9B1D6;
 }
 
 #overview StScrollBar StBin#trough, #unlockDialogNotifications StScrollBar StBin#trough {
@@ -323,7 +323,7 @@ StScrollBar StButton#hhandle:active {
 #overview StScrollBar StButton#vhandle:active, #unlockDialogNotifications StScrollBar StButton#vhandle:active,
 #overview StScrollBar StButton#hhandle:active,
 #unlockDialogNotifications StScrollBar StButton#hhandle:active {
-  background-color: #cccccc;
+  background-color: #A9B1D6;
 }
 
 /* Popovers/Menus */
@@ -353,8 +353,8 @@ StScrollBar StButton#hhandle:active {
   padding: 8px 0;
   border-radius: 2px;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 .popup-menu-item {
@@ -381,12 +381,12 @@ StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu-item.selected, .popup-menu-item.selected:active {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .popup-menu-item:active {
   background-color: rgba(204, 204, 204, 0.2);
-  color: #cccccc;
+  color: #A9B1D6;
   transition-duration: 200ms;
 }
 
@@ -409,7 +409,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .popup-inactive-menu-item {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .popup-inactive-menu-item:insensitive {
@@ -726,7 +726,7 @@ StScrollBar StButton#hhandle:active {
 
 .calendar .calendar-day-with-events {
   background-image: none;
-  color: #3d89c9 !important;
+  color: #7aa2f7 !important;
   font-weight: normal;
   text-decoration: underline;
 }
@@ -953,7 +953,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .url-highlighter {
-  link-color: #3d89c9;
+  link-color: #7aa2f7;
 }
 
 /* Media Controls */
@@ -1089,8 +1089,8 @@ StScrollBar StButton#hhandle:active {
 
 .notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active {
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 .notification-banner .notification-actions {
@@ -1109,8 +1109,8 @@ StScrollBar StButton#hhandle:active {
   border: 0;
   border-radius: .8em;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
-  background-color: #3d89c9;
-  color: #cccccc;
+  background-color: #7aa2f7;
+  color: #A9B1D6;
   font-weight: bold;
   font-size: 1em;
 }
@@ -1124,7 +1124,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .chat-log-message {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .chat-new-group {
@@ -1177,8 +1177,8 @@ StScrollBar StButton#hhandle:active {
   border: 0;
   border-radius: 2px;
   box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 .modal-dialog .modal-dialog-content-box {
@@ -1194,7 +1194,7 @@ StScrollBar StButton#hhandle:active {
 
 .end-session-dialog .end-session-dialog-battery-warning,
 .end-session-dialog .dialog-list-title {
-  color: #ffeb3b;
+  color: #e0af68;
 }
 
 /* Message Dialog */
@@ -1307,7 +1307,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .prompt-dialog-error-label {
-  color: #f44336;
+  color: #f7768e;
 }
 
 /* Polkit Dialog */
@@ -1323,7 +1323,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .polkit-dialog-user-layout .polkit-dialog-user-root-label {
-  color: #ffeb3b;
+  color: #e0af68;
 }
 
 /* Audio selection dialog */
@@ -1432,7 +1432,7 @@ StScrollBar StButton#hhandle:active {
 
 .nm-dialog-item:selected {
   background-color: rgba(61, 137, 201, 0.32);
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .nm-dialog-icon {
@@ -1457,8 +1457,8 @@ StScrollBar StButton#hhandle:active {
   border: none;
   border-radius: 2px;
   box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 .osd-window {
@@ -1483,8 +1483,8 @@ StScrollBar StButton#hhandle:active {
   height: 8px;
   -barlevel-height: 8px;
   -barlevel-background-color: rgba(204, 204, 204, 0.12);
-  -barlevel-active-background-color: #3d89c9;
-  -barlevel-overdrive-color: #f44336;
+  -barlevel-active-background-color: #7aa2f7;
+  -barlevel-overdrive-color: #f7768e;
   -barlevel-overdrive-separator-width: 2px;
 }
 
@@ -1557,7 +1557,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .switcher-arrow:highlighted {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .input-source-switcher-symbol {
@@ -1568,7 +1568,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .cycler-highlight {
-  border: 4px solid #3d89c9;
+  border: 4px solid #7aa2f7;
 }
 
 /* Workspace Switcher */
@@ -1599,7 +1599,7 @@ StScrollBar StButton#hhandle:active {
   height: 48px;
   border: 0;
   border-radius: 2px;
-  background-color: #3d89c9;
+  background-color: #7aa2f7;
   background-size: 0;
   color: inherit;
 }
@@ -1645,7 +1645,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 #panel .panel-button:hover {
-  color: #cccccc;
+  color: #A9B1D6;
   text-shadow: none;
 }
 
@@ -1656,9 +1656,9 @@ StScrollBar StButton#hhandle:active {
 }
 
 #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
-  box-shadow: inset 0 -2px #cccccc;
+  box-shadow: inset 0 -2px #A9B1D6;
   background-color: rgba(0, 0, 0, 0.01);
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
@@ -1671,7 +1671,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
-  box-shadow: inset 0 -2px #cccccc;
+  box-shadow: inset 0 -2px #A9B1D6;
   background-color: rgba(0, 0, 0, 0.01);
 }
 
@@ -1697,7 +1697,7 @@ StScrollBar StButton#hhandle:active {
 
 #panel .screencast-indicator,
 #panel .remote-access-indicator {
-  color: #ffeb3b;
+  color: #e0af68;
 }
 
 #panel:overview, #panel.unlock-screen, #panel.login-screen {
@@ -1715,7 +1715,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 #appMenu {
@@ -1746,7 +1746,7 @@ StScrollBar StButton#hhandle:active {
 #overview {
   spacing: 24px;
   background-color: transparent;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .overview-controls {
@@ -1757,7 +1757,7 @@ StScrollBar StButton#hhandle:active {
   transition-duration: 250ms;
   border: 0;
   background-color: rgba(204, 204, 204, 0.08);
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .search-statustext, .no-frequent-applications-label {
@@ -1822,7 +1822,7 @@ StScrollBar StButton#hhandle:active {
   border: 0;
   border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.6);
-  color: #cccccc;
+  color: #A9B1D6;
   font-size: 1em;
   font-weight: normal;
 }
@@ -1864,7 +1864,7 @@ StScrollBar StButton#hhandle:active {
   border-radius: 2px 2px 0 0;
   color: rgba(204, 204, 204, 0.5);
   selection-background-color: rgba(204, 204, 204, 0.3);
-  selected-color: #cccccc;
+  selected-color: #A9B1D6;
   transition-duration: 100ms;
   background-color: rgba(204, 204, 204, 0.04);
   border-color: transparent;
@@ -1880,10 +1880,10 @@ StScrollBar StButton#hhandle:active {
 
 .search-entry:focus {
   border-color: transparent;
-  box-shadow: inset 0 -2px #cccccc;
+  box-shadow: inset 0 -2px #A9B1D6;
   padding: 0 8px;
   border: 0;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 
@@ -1901,7 +1901,7 @@ StScrollBar StButton#hhandle:active {
 
 .search-entry:hover .search-entry-icon,
 .search-entry:focus .search-entry-icon {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 /* Search */
@@ -2004,8 +2004,8 @@ StScrollBar StButton#hhandle:active {
   spacing: 12px;
   border: 0;
   border-radius: 2px;
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 .app-folder-dialog .folder-name-container {
@@ -2070,7 +2070,7 @@ StScrollBar StButton#hhandle:active {
   width: 32px;
   margin-bottom: 0;
   border-radius: 0;
-  background-color: #cccccc;
+  background-color: #A9B1D6;
 }
 
 .rename-folder-popup .rename-folder-popup-item {
@@ -2094,7 +2094,7 @@ StScrollBar StButton#hhandle:active {
   width: 12px;
   height: 12px;
   border-radius: 12px;
-  background-color: #cccccc;
+  background-color: #A9B1D6;
 }
 
 
@@ -2108,7 +2108,7 @@ StScrollBar StButton#hhandle:active {
   border-radius: 9999px;
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
   background-color: #212121;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 /* Frequent | All toggle */
@@ -2142,9 +2142,9 @@ StScrollBar StButton#hhandle:active {
 }
 
 .app-view-control:checked {
-  box-shadow: inset 0 2px 0 #cccccc;
+  box-shadow: inset 0 2px 0 #A9B1D6;
   background-color: rgba(0, 0, 0, 0.01);
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .app-view-control:focus {
@@ -2197,8 +2197,8 @@ StScrollBar StButton#hhandle:active {
   border: 0;
   border-radius: 2px;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
   text-align: center;
   -x-offset: 8px;
 }
@@ -2208,7 +2208,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .show-apps:checked {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 /* Workspace pager */
@@ -2233,13 +2233,13 @@ StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnail-indicator {
   padding: 6px 10px;
-  border: 0 solid #cccccc;
+  border: 0 solid #A9B1D6;
   border-left-width: 2px;
   border-radius: 0;
 }
 
 .select-area-rubberband {
-  border: 1px solid #3d89c9;
+  border: 1px solid #7aa2f7;
   background-color: rgba(61, 137, 201, 0.3);
 }
 
@@ -2281,7 +2281,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .lightbox {
-  background-color: black;
+  background-color: #16161e;
 }
 
 .flashspot {
@@ -2296,7 +2296,7 @@ StScrollBar StButton#hhandle:active {
   text-align: center;
   padding-bottom: 8px;
   font-size: 1em;
-  color: #ffeb3b;
+  color: #e0af68;
 }
 
 .ripple-pointer-location {
@@ -2316,7 +2316,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .magnifier-zoom-region {
-  border: 2px solid #3d89c9;
+  border: 2px solid #7aa2f7;
 }
 
 .magnifier-zoom-region.full-screen {
@@ -2325,7 +2325,7 @@ StScrollBar StButton#hhandle:active {
 
 /* Tiled window previews */
 .tile-preview {
-  border: 1px solid #3d89c9;
+  border: 1px solid #7aa2f7;
   background-color: rgba(61, 137, 201, 0.3);
 }
 
@@ -2373,8 +2373,8 @@ StScrollBar StButton#hhandle:active {
 }
 
 .keyboard-key, .keyboard-key.default-key {
-  color: #cccccc;
-  background-color: #0e0e13;
+  color: #A9B1D6;
+  background-color: #1a1b26;
   border-color: transparent;
   box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
   text-shadow: none;
@@ -2383,15 +2383,15 @@ StScrollBar StButton#hhandle:active {
 }
 
 .keyboard-key:focus, .keyboard-key.default-key:focus {
-  color: #cccccc;
+  color: #A9B1D6;
   text-shadow: none;
   icon-shadow: none;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
 }
 
 .keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
-  color: #cccccc;
-  background-color: #0e0e13;
+  color: #A9B1D6;
+  background-color: #1a1b26;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
   text-shadow: none;
@@ -2399,7 +2399,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .keyboard-key:active, .keyboard-key.default-key:active {
-  color: #cccccc;
+  color: #A9B1D6;
   background-color: #404042;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
@@ -2411,12 +2411,12 @@ StScrollBar StButton#hhandle:active {
 .keyboard-key:grayed {
   border-color: transparent;
   background-color: rgba(0, 0, 0, 0.3);
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .keyboard-key.enter-key {
-  color: #cccccc;
-  background-color: #3d89c9;
+  color: #A9B1D6;
+  background-color: #7aa2f7;
   border-color: transparent;
   box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
   text-shadow: none;
@@ -2425,8 +2425,8 @@ StScrollBar StButton#hhandle:active {
 }
 
 .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
-  color: #cccccc;
-  background-color: #3d89c9;
+  color: #A9B1D6;
+  background-color: #7aa2f7;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
   text-shadow: none;
@@ -2434,7 +2434,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .keyboard-key.enter-key:active {
-  color: #cccccc;
+  color: #A9B1D6;
   background-color: #5f99ca;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
@@ -2444,7 +2444,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .keyboard-key.shift-key-uppercase {
-  color: #3d89c9;
+  color: #7aa2f7;
 }
 
 .keyboard-key StIcon {
@@ -2462,8 +2462,8 @@ StScrollBar StButton#hhandle:active {
   padding: 5px;
   border-radius: 2px;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 .keyboard-subkeys .keyboard-key {
@@ -2544,8 +2544,8 @@ StScrollBar StButton#hhandle:active {
 
 .emoji-panel .keyboard-key:latched {
   border-color: transparent;
-  background-color: #3d89c9;
-  color: #cccccc;
+  background-color: #7aa2f7;
+  color: #A9B1D6;
 }
 
 .word-suggestions {
@@ -2562,8 +2562,8 @@ StScrollBar StButton#hhandle:active {
   border: 0;
   border-radius: 2px;
   box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 #LookingGlassDialog > #Toolbar {
@@ -2603,9 +2603,9 @@ StScrollBar StButton#hhandle:active {
 
 #LookingGlassDialog .notebook-tab:selected {
   border: 0;
-  box-shadow: inset 0 -2px #3d89c9;
+  box-shadow: inset 0 -2px #7aa2f7;
   background-color: rgba(20, 20, 22, 0.01);
-  color: #cccccc;
+  color: #A9B1D6;
   text-shadow: none;
 }
 
@@ -2619,7 +2619,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active {
-  color: #3d89c9;
+  color: #7aa2f7;
 }
 
 .lg-completions-text {
@@ -2669,8 +2669,8 @@ StScrollBar StButton#hhandle:active {
   border: 0;
   border-radius: 2px;
   box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
-  background-color: #0e0e13;
-  color: #cccccc;
+  background-color: #1a1b26;
+  color: #A9B1D6;
 }
 
 /* Login Dialog */
@@ -2689,14 +2689,14 @@ StScrollBar StButton#hhandle:active {
   background-color: rgba(204, 204, 204, 0.04);
   border-color: transparent;
   box-shadow: inset 0 -1px rgba(204, 204, 204, 0.3);
-  color: #cccccc;
+  color: #A9B1D6;
   selection-background-color: rgba(204, 204, 204, 0.3);
-  selected-color: #cccccc;
+  selected-color: #A9B1D6;
 }
 
 .login-dialog StEntry:focus {
   border-color: transparent;
-  box-shadow: inset 0 -2px #cccccc;
+  box-shadow: inset 0 -2px #A9B1D6;
 }
 
 .login-dialog StEntry:insensitive {
@@ -2715,7 +2715,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .login-dialog StEntry StIcon.peek-password:hover {
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .login-dialog .modal-dialog-button-box {
@@ -2771,8 +2771,8 @@ StScrollBar StButton#hhandle:active {
 .login-dialog .modal-dialog-button:default {
   min-width: 32px;
   padding: 0 16px;
-  color: #cccccc;
-  background-color: #3d89c9;
+  color: #A9B1D6;
+  background-color: #7aa2f7;
   border-color: transparent;
   box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
   text-shadow: none;
@@ -2781,15 +2781,15 @@ StScrollBar StButton#hhandle:active {
 }
 
 .login-dialog .modal-dialog-button:default:focus {
-  color: #cccccc;
+  color: #A9B1D6;
   text-shadow: none;
   icon-shadow: none;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
 }
 
 .login-dialog .modal-dialog-button:default:hover {
-  color: #cccccc;
-  background-color: #3d89c9;
+  color: #A9B1D6;
+  background-color: #7aa2f7;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
   text-shadow: none;
@@ -2797,7 +2797,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .login-dialog .modal-dialog-button:default:active {
-  color: #cccccc;
+  color: #A9B1D6;
   background-color: #5f99ca;
   border-color: transparent;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
@@ -2834,7 +2834,7 @@ StScrollBar StButton#hhandle:active {
 
 .caps-lock-warning-label,
 .login-dialog-message-warning {
-  color: #f44336;
+  color: #f7768e;
 }
 
 .login-dialog-message-hint {
@@ -2885,7 +2885,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
-  border-right: 2px solid #cccccc;
+  border-right: 2px solid #A9B1D6;
 }
 
 .login-dialog-user-list-item {
@@ -2919,7 +2919,7 @@ StScrollBar StButton#hhandle:active {
 .login-dialog-user-list-item .login-dialog-timed-login-indicator {
   height: 2px;
   margin-top: 6px;
-  background-color: #cccccc;
+  background-color: #A9B1D6;
 }
 
 .login-dialog .user-icon StIcon {
@@ -3007,7 +3007,7 @@ StScrollBar StButton#hhandle:active {
 .unlock-dialog-clock {
   padding-bottom: 2.5em;
   spacing: 24px;
-  color: #cccccc;
+  color: #A9B1D6;
   font-weight: normal;
   text-align: center;
 }
@@ -3048,13 +3048,13 @@ StScrollBar StButton#hhandle:active {
   border: 0;
   border-radius: 2px;
   background-color: rgba(204, 204, 204, 0.04);
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .unlock-dialog-notifications-container .notification.critical,
 .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
   background-color: rgba(204, 204, 204, 0.04);
-  color: #f44336;
+  color: #f7768e;
 }
 
 .unlock-dialog-notification-label {
@@ -3066,16 +3066,16 @@ StScrollBar StButton#hhandle:active {
   padding: 2px 8px;
   border-radius: 99px;
   background-color: rgba(204, 204, 204, 0.08);
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 #lockDialogGroup {
   background-color: #16161e;
-  color: #cccccc;
+  color: #A9B1D6;
 }
 
 .screen-shield-background {
-  background: black;
+  background: #16161e;
   box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44);
 }
 
@@ -3292,9 +3292,9 @@ StScrollBar StButton#hhandle:active {
 
 /* GPaste */
 .popup-menu .search-entry {
-  color: #cccccc;
+  color: #A9B1D6;
   selection-background-color: rgba(61, 137, 201, 0.32);
-  selected-color: #cccccc;
+  selected-color: #A9B1D6;
   transition-duration: 100ms;
   background-color: rgba(204, 204, 204, 0.04);
   border-color: transparent;
@@ -3302,13 +3302,13 @@ StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry:hover {
-  box-shadow: inset 0 -1px #cccccc;
+  box-shadow: inset 0 -1px #A9B1D6;
 }
 
 .popup-menu .search-entry:focus {
   border-color: transparent;
-  box-shadow: inset 0 -2px #3d89c9;
-  color: #cccccc;
+  box-shadow: inset 0 -2px #7aa2f7;
+  color: #A9B1D6;
 }
 
 .popup-menu .search-entry .search-entry-icon {
@@ -3316,5 +3316,5 @@ StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon {
-  color: #cccccc;
+  color: #A9B1D6;
 }

usr/share/themes/TokyoNight/gnome-shell/process-working.svg

@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="32" viewBox="0 0 512 32">
   <defs>
-    <g id="g" fill="#cccccc" fill-opacity=".7">
+    <g id="g" fill="#A9B1D6" fill-opacity=".7">
       <circle cx="8" cy="8" r="8" fill="none"/>
       <path d="M8 1a7 7 0 0 0-7 7 7 7 0 0 0 7 7 7 7 0 0 0 7-7h-3a4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4V1z"/>
     </g>