gnome-shell: updates for 3.22

common/gnome-shell/3.18/gnome-shell-dark.css

@@ -414,6 +414,23 @@ StScrollBar {
 .audio-selection-device-icon {
   icon-size: 64px; }
 
+.access-dialog {
+  spacing: 30px; }
+  .access-dialog-main-layout {
+    padding: 12px 20px 0;
+    spacing: 12px; }
+  .access-dialog-content {
+    max-width: 28em;
+    spacing: 20px; }
+  .access-dialog-icon {
+    min-width: 48px;
+    icon-size: 48px; }
+  .access-dialog-title {
+    font-weight: bold; }
+  .access-dialog-subtitle {
+    color: #D3DAE3;
+    font-weight: bold; }
+
 .geolocation-dialog {
   spacing: 30px; }
   .geolocation-dialog-main-layout {
@@ -525,6 +542,9 @@ StScrollBar {
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 2px;
     color: #5294e2; }
+  .osd-window .level-bar {
+    background-color: #5294e2;
+    border-radius: 2px; }
 
 .resize-popup {
   color: #BAC3CF;
@@ -577,6 +597,9 @@ StScrollBar {
   width: 96px;
   height: 96px; }
 
+.cycler-highlight {
+  border: 5px solid #5294e2; }
+
 .workspace-switcher {
   background: transparent;
   border: 0px;
@@ -881,7 +904,7 @@ StScrollBar {
   border-radius: 12.5px; }
   .calendar-day-base:hover, .calendar-day-base:focus {
     background-color: rgba(0, 0, 0, 0.1); }
-  .calendar-day-base:active {
+  .calendar-day-base:active, .calendar-day-base:selected {
     color: #D3DAE3;
     background-color: rgba(0, 0, 0, 0.15);
     border-width: 0; }

common/gnome-shell/3.18/gnome-shell.css

@@ -414,6 +414,23 @@ StScrollBar {
 .audio-selection-device-icon {
   icon-size: 64px; }
 
+.access-dialog {
+  spacing: 30px; }
+  .access-dialog-main-layout {
+    padding: 12px 20px 0;
+    spacing: 12px; }
+  .access-dialog-content {
+    max-width: 28em;
+    spacing: 20px; }
+  .access-dialog-icon {
+    min-width: 48px;
+    icon-size: 48px; }
+  .access-dialog-title {
+    font-weight: bold; }
+  .access-dialog-subtitle {
+    color: #5c616c;
+    font-weight: bold; }
+
 .geolocation-dialog {
   spacing: 30px; }
   .geolocation-dialog-main-layout {
@@ -525,6 +542,9 @@ StScrollBar {
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 2px;
     color: #5294e2; }
+  .osd-window .level-bar {
+    background-color: #5294e2;
+    border-radius: 2px; }
 
 .resize-popup {
   color: #BAC3CF;
@@ -577,6 +597,9 @@ StScrollBar {
   width: 96px;
   height: 96px; }
 
+.cycler-highlight {
+  border: 5px solid #5294e2; }
+
 .workspace-switcher {
   background: transparent;
   border: 0px;
@@ -881,7 +904,7 @@ StScrollBar {
   border-radius: 12.5px; }
   .calendar-day-base:hover, .calendar-day-base:focus {
     background-color: rgba(0, 0, 0, 0.1); }
-  .calendar-day-base:active {
+  .calendar-day-base:active, .calendar-day-base:selected {
     color: #5c616c;
     background-color: rgba(0, 0, 0, 0.15);
     border-width: 0; }

common/gnome-shell/3.18/sass/_common.scss

@@ -547,7 +547,37 @@ StScrollBar {
   }
 
   &-device-icon { icon-size: 64px; }
-  
+}
+
+//
+// Access Dialog
+//
+.access-dialog {
+  spacing: 30px;
+
+  &-main-layout {
+    padding: 12px 20px 0;
+    spacing: 12px;
+  }
+
+  &-content {
+    max-width: 28em;
+    spacing: 20px;
+  }
+
+  &-icon {
+    min-width: 48px;
+    icon-size: 48px;
+  }
+
+  &-title {
+    font-weight: bold;
+  }
+
+  &-subtitle {
+    color: $fg_color;
+    font-weight: bold;
+  }
 }
 
 //
@@ -701,6 +731,10 @@ StScrollBar {
     border-radius: 2px;
     color: $selected_bg_color;
   }
+  .level-bar {
+    background-color: $selected_bg_color;
+    border-radius: 2px;
+  }
 }
 
 .resize-popup {
@@ -777,6 +811,11 @@ StScrollBar {
   height: 96px;
 }
 
+//
+//Window Cycler
+//
+.cycler-highlight { border: 5px solid $selected_bg_color; }
+
 //
 // Workspace Switcher
 //
@@ -1153,7 +1192,7 @@ StScrollBar {
 
   &:hover, &:focus { background-color: transparentize(black, 0.9); }
 
-  &:active {
+  &:active, &:selected {
     color: $fg_color;
     background-color: transparentize(black, 0.85);
     border-width: 0; //avoid jumparound due to today