style(src/styles/window): migrate to glass color variables

src/styles/window/lock.css

@@ -7,14 +7,14 @@
 }
 
 #lock-notch-stack {
-    background-color: #000000;
+    background-color: @shadow;
     border-radius: 0 0 apply(radius-lg) apply(radius-lg);
     min-width: 200px;
     min-height: 34px;
 }
 
 #lock-notch-corner {
-    background-color: #000000;
+    background-color: @shadow;
     border-radius: 0;
     min-width: 20px;
     min-height: 20px;
@@ -34,7 +34,7 @@
 #indicator-box #bt-button *,
 #indicator-box #network-button *,
 #indicator-box #battery-button * {
-  color: @fg-a60;
+  color: @glass-text-secondary;
 }
 
 #indicator-box #bt-button:hover,
@@ -46,7 +46,7 @@
 #indicator-box #bt-button:hover *,
 #indicator-box #network-button:hover *,
 #indicator-box #battery-button:hover * {
-  color: @fg-a60;
+  color: @glass-text-secondary;
 }
 #container-box {
   min-height: 50px;
@@ -54,7 +54,7 @@
   transition: all 0.7s ease-in-out;
 }
 #password-entry {
-  background-color: @fg-a40;
+  background-color: @glass-surface-2;
   border-radius: apply(radius-xl);
   color: white;
   min-width: 220px;
@@ -76,7 +76,7 @@
 }
 #lock-date label {
   background-color: transparent;
-  color: @fg-a60;
+  color: @glass-text-secondary;
   border: none;
   font-size: 30px;
   margin-top: 80px;
@@ -84,7 +84,7 @@
 }
 #lock-clock label {
   background-color: transparent;
-  color: @fg-a60;
+  color: @glass-text-secondary;
   border: none;
   font-size: 120px;
   margin-top: -20px;
@@ -104,6 +104,6 @@
 }
 #unlock-text {
   font-size: 15px;
-  color: @fg-a60;
+  color: @glass-text-secondary;
   font-weight: bold;
 }