@ -39,40 +39,40 @@ stage {
border-radius : 2px ;
border-radius : 2px ;
background-gradient-direction : none ! important ;
background-gradient-direction : none ! important ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5c616c ;
color : # 5c616c ;
background-color : # fbfbfc ;
background-color : # fbfbfc ;
border : 1px solid # cfd6e6 ; }
border : 1px solid # cfd6e6 ;
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 252 , 0 . 05 ) ; }
. popup-menu . modal-dialog-button : focus {
. popup-menu . modal-dialog-button : focus {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5c616c ;
color : # 5c616c ;
background-color : # fbfbfc ;
background-color : # fbfbfc ;
border : 1px solid # 5294E2 ; }
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 252 , 0 . 05 ) ; }
. popup-menu . modal-dialog-button : hover {
. popup-menu . modal-dialog-button : hover {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5c616c ;
color : # 5c616c ;
background-color : # fbfbfc ;
background-color : white ;
border : 1px solid # 5294E2 ; }
border : 1px solid # cfd6e6 ;
box-shadow : inset 0 2px 4px rgba ( 255 , 255 , 255 , 0 . 05 ) ; }
. popup-menu . modal-dialog-button : hover : focus {
. popup-menu . modal-dialog-button : hover : focus {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5c616c ;
color : # 5294E2 ;
background-color : # fbfbfc ;
background-color : # fbfbfc ;
border : 1px solid # 5294E2 ; }
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 252 , 0 . 05 ) ; }
. popup-menu . modal-dialog-button : active , . popup-menu . modal-dialog-button : active : focus {
. popup-menu . modal-dialog-button : active , . popup-menu . modal-dialog-button : active : focus {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # ffffff ;
color : # ffffff ;
background-color : # 5294E2 ;
background-color : # 5294E2 ;
border : 1px solid # 5294E2 ; }
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px # 5294E2 ; }
. popup-menu . modal-dialog-button : insensitive {
. popup-menu . modal-dialog-button : insensitive {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : rgba ( 92 , 97 , 108 , 0 . 55 ) ;
color : rgba ( 92 , 97 , 108 , 0 . 55 ) ;
border : 1px solid rgba ( 207 , 214 , 230 , 0 . 55 ) ;
border : 1px solid rgba ( 207 , 214 , 230 , 0 . 55 ) ;
background-color : rgba ( 251 , 251 , 252 , 0 . 55 ) ; }
background-color : rgba ( 251 , 251 , 252 , 0 . 55 ) ;
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 252 , 0 . 05 ) ; }
. candidate-page-button ,
. candidate-page-button ,
. hotplug-notification-item ,
. hotplug-notification-item ,
@ -90,19 +90,17 @@ stage {
transition-duration : 0 ;
transition-duration : 0 ;
border-radius : 2px ;
border-radius : 2px ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # BAC3CF ;
color : # BAC3CF ;
border : 1px solid rgba ( 0, 0 , 0 , 0 . 4 5) ;
border : 1px solid rgba ( 26, 28 , 34 , 0 . 3 5) ;
background-color : rgba ( 0, 0 , 0 , 0 . 3 ) ; }
background-color : rgba ( 102, 109 , 132 , 0 . 35 ) ; }
. candidate-page-button : hover ,
. candidate-page-button : hover ,
. hotplug-notification-item : hover ,
. hotplug-notification-item : hover ,
. hotplug-resident-eject-button : hover ,
. hotplug-resident-eject-button : hover ,
. modal-dialog-button : hover , . modal-dialog-button-box . button : hover , . notification-button : hover , . notification-icon-button : hover , . hotplug-resident-mount : hover {
. modal-dialog-button : hover , . modal-dialog-button-box . button : hover , . notification-button : hover , . notification-icon-button : hover , . hotplug-resident-mount : hover {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # BAC3CF ;
color : # BAC3CF ;
border : 1px solid # 5294E2 ;
border : 1px solid rgba ( 26 , 28 , 34 , 0 . 35 ) ;
background-color : rgba ( 0, 0 , 0 , 0 . 3 ) ; }
background-color : rgba ( 119, 127 , 151 , 0 . 45 ) ; }
. candidate-page-button : focus ,
. candidate-page-button : focus ,
. hotplug-notification-item : focus ,
. hotplug-notification-item : focus ,
. hotplug-resident-eject-button : focus ,
. hotplug-resident-eject-button : focus ,
@ -113,7 +111,6 @@ stage {
. hotplug-resident-eject-button : active ,
. hotplug-resident-eject-button : active ,
. modal-dialog-button : active , . modal-dialog-button-box . button : active , . notification-button : active , . notification-icon-button : active , . hotplug-resident-mount : active {
. modal-dialog-button : active , . modal-dialog-button-box . button : active , . notification-button : active , . notification-icon-button : active , . hotplug-resident-mount : active {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # ffffff ;
color : # ffffff ;
border : 1px solid # 5294E2 ;
border : 1px solid # 5294E2 ;
background-color : # 5294E2 ; }
background-color : # 5294E2 ; }
@ -122,10 +119,9 @@ stage {
. hotplug-resident-eject-button : insensitive ,
. hotplug-resident-eject-button : insensitive ,
. modal-dialog-button : insensitive , . modal-dialog-button-box . button : insensitive , . notification-button : insensitive , . notification-icon-button : insensitive , . hotplug-resident-mount : insensitive {
. modal-dialog-button : insensitive , . modal-dialog-button-box . button : insensitive , . notification-button : insensitive , . notification-icon-button : insensitive , . hotplug-resident-mount : insensitive {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5d626e ;
color : # 555a62 ;
border : 1px solid rgba ( 26 , 28 , 34 , 0 . 35 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 45 ) ;
background-color : rgba ( 102 , 109 , 132 , 0 . 2 ) ; }
background-color : rgba ( 0 , 0 , 0 , 0 . 15 ) ; }
StEntry {
StEntry {
font-size : 1em ;
font-size : 1em ;
@ -139,17 +135,17 @@ StEntry {
color : # 5c616c ;
color : # 5c616c ;
background-color : # ffffff ;
background-color : # ffffff ;
border : 1px solid # cfd6e6 ;
border : 1px solid # cfd6e6 ;
box-shadow : inset 0 2px 4px rgba ( 255 , 255 , 255 , 0 . 1 ) ; }
box-shadow : inset 0 2px 4px rgba ( 255 , 255 , 255 , 0 . 05 ) ; }
StEntry : focus , StEntry : hover {
StEntry : focus , StEntry : hover {
color : # 5c616c ;
color : # 5c616c ;
background-color : # ffffff ;
background-color : # ffffff ;
border : 1px solid # 5294E2 ;
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px rgba ( 255 , 255 , 255 , 0 . 1 ) ; }
box-shadow : inset 0 2px 4px rgba ( 255 , 255 , 255 , 0 . 05 ) ; }
StEntry : insensitive {
StEntry : insensitive {
color : rgba ( 92 , 97 , 108 , 0 . 55 ) ;
color : rgba ( 92 , 97 , 108 , 0 . 55 ) ;
background-color : # fbfbfb ;
background-color : # fbfbfb ;
border-color : 1px solid # e0e4ee ;
border-color : 1px solid # e0e4ee ;
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 251 , 0 . 1 ) ; }
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 251 , 0 . 05 ) ; }
StEntry StIcon . capslock-warning {
StEntry StIcon . capslock-warning {
icon-size : 16px ;
icon-size : 16px ;
warning-color : # F27835 ;
warning-color : # F27835 ;
@ -488,7 +484,7 @@ StScrollBar {
. candidate-popup-boxpointer {
. candidate-popup-boxpointer {
-arrow-border-radius : 2px ;
-arrow-border-radius : 2px ;
-arrow-background-color : rgba ( 42, 44 , 51 , 0 . 95 ) ;
-arrow-background-color : rgba ( 53, 57 , 69 , 0 . 95 ) ;
-arrow-border-width : 1px ;
-arrow-border-width : 1px ;
-arrow-border-color : rgba ( 0 , 0 , 0 , 0 . 4 ) ;
-arrow-border-color : rgba ( 0 , 0 , 0 , 0 . 4 ) ;
-arrow-base : 5 ;
-arrow-base : 5 ;
@ -499,7 +495,7 @@ StScrollBar {
margin : 10px 0px ;
margin : 10px 0px ;
background-color : transparent ;
background-color : transparent ;
border : none ;
border : none ;
border-image : url ( "common-assets/menu -separator.svg") 1 1 1 1 ; }
border-image : url ( "common-assets/menu /menu -separator.svg") 1 1 1 1 ; }
. background-menu {
. background-menu {
-boxpointer-gap : 4px ;
-boxpointer-gap : 4px ;
@ -552,7 +548,7 @@ StScrollBar {
padding : 8px ;
padding : 8px ;
border-radius : 2px ; }
border-radius : 2px ; }
. switcher-list . item-box : outlined {
. switcher-list . item-box : outlined {
padding : 6 px;
padding : 8 px;
border : 1px solid # 5294E2 ; }
border : 1px solid # 5294E2 ; }
. switcher-list . item-box : selected {
. switcher-list . item-box : selected {
color : # ffffff ;
color : # ffffff ;
@ -626,7 +622,7 @@ StScrollBar {
height : 2 . 1em ;
height : 2 . 1em ;
min-height : 27px ;
min-height : 27px ;
border-image : url ( "common-assets/panel/panel.svg" ) 1 1 1 1 ; }
border-image : url ( "common-assets/panel/panel.svg" ) 1 1 1 1 ; }
# panel . dynamic-top-bar-white-btn {
# panel . dynamic-top-bar-white-btn {
border-image : none ; }
border-image : none ; }
# panel . unlock-screen ,
# panel . unlock-screen ,
# panel . login-screen ,
# panel . login-screen ,
@ -1004,7 +1000,8 @@ StScrollBar {
spacing : 12px ; }
spacing : 12px ; }
# overview {
# overview {
spacing : 24px ; }
spacing : 24px ;
background : # 3c404e ; }
. overview-controls {
. overview-controls {
padding-bottom : 32px ; }
padding-bottom : 32px ; }
@ -1273,30 +1270,31 @@ StScrollBar {
. app-view-control {
. app-view-control {
padding : 4px 32px ;
padding : 4px 32px ;
background-gradient-direction : none ;
background-gradient-direction : none ;
background-color: rgba ( 42 , 44 , 51 , 0 . 95 ) ;
text-shadow: 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
color : # BAC3CF ;
color : # BAC3CF ;
border-color : rgba ( 0 , 0 , 0 , 0 . 7 ) ; }
border : 1px solid rgba ( 26 , 28 , 34 , 0 . 35 ) ;
background-color : rgba ( 102 , 109 , 132 , 0 . 35 ) ; }
. app-view-control : hover {
. app-view-control : hover {
background-color: rgba ( 42 , 44 , 51 , 0 . 95 ) ;
text-shadow: 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
color : # BAC3CF ;
color : # BAC3CF ;
border-color : # 5294E2 ; }
border : 1px solid rgba ( 26 , 28 , 34 , 0 . 35 ) ;
background-color : rgba ( 119 , 127 , 151 , 0 . 45 ) ; }
. app-view-control : checked {
. app-view-control : checked {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # ffffff ;
color : # ffffff ;
border : 1px solid # 5294E2 ;
background-color : # 5294E2 ; }
background-color : # 5294E2 ; }
. app-view-control : first-child : ltr ,
. app-view-control : first-child : ltr ,
. app-view-control : last-child : rtl {
. app-view-control : last-child : rtl {
border-radius : 2px 0 0 2px ; }
border-radius : 2px 0 0 2px ;
border-right-width : 0 ; }
. app-view-control : last-child : ltr ,
. app-view-control : last-child : ltr ,
. app-view-control : first-child : rtl {
. app-view-control : first-child : rtl {
border-radius : 0 2px 2px 0 ; }
border-radius : 0 2px 2px 0 ;
border-left-width : 0 ; }
. search-provider-icon : active ,
. search-provider-icon : active ,
. search-provider-icon : checked ,
. search-provider-icon : checked ,
. list-search-result : active , . list-search-result : checked {
. list-search-result : active , . list-search-result : checked {
background-color : rgba ( 19, 20 , 23 , 0 . 85 ) ; }
background-color : rgba ( 31, 33 , 40 , 0 . 85 ) ; }
. search-provider-icon : focus ,
. search-provider-icon : focus ,
. search-provider-icon : selected ,
. search-provider-icon : selected ,
@ -1311,7 +1309,7 @@ StScrollBar {
. app-well-app . app-folder : checked . overview-icon ,
. app-well-app . app-folder : checked . overview-icon ,
. grid-search-result : active . overview-icon ,
. grid-search-result : active . overview-icon ,
. grid-search-result : checked . overview-icon {
. grid-search-result : checked . overview-icon {
background-color : rgba ( 19, 20 , 23 , 0 . 85 ) ;
background-color : rgba ( 31, 33 , 40 , 0 . 85 ) ;
box-shadow : inset 0 0 # 5294E2 ; }
box-shadow : inset 0 0 # 5294E2 ; }
. app-well-app : hover . overview-icon ,
. app-well-app : hover . overview-icon ,
@ -1340,11 +1338,11 @@ StScrollBar {
text-align : center ; }
text-align : center ; }
. app-well-app . app-folder > . overview-icon {
. app-well-app . app-folder > . overview-icon {
background-color : rgba ( 8, 8 , 9 , 0 . 8 ) ;
background-color : rgba ( 46, 50 , 60 , 0 . 95 ) ;
border : 1px solid rgba ( 186, 195 , 207 , 0 . 3 ) ; }
border : 1px solid rgba ( 37, 40 , 49 , 0 . 95 ) ; }
. app-well-app . app-folder : hover > . overview-icon {
. app-well-app . app-folder : hover > . overview-icon {
background-color : rgba ( 54, 57 , 65 , 0 . 95 ) ; }
background-color : rgba ( 71, 76 , 92 , 0 . 95 ) ; }
. app-well-app . app-folder : active > . overview-icon , . app-well-app . app-folder : checked > . overview-icon {
. app-well-app . app-folder : active > . overview-icon , . app-well-app . app-folder : checked > . overview-icon {
background-color : # 5294E2 ;
background-color : # 5294E2 ;
@ -1355,12 +1353,11 @@ StScrollBar {
. app-folder-popup {
. app-folder-popup {
-arrow-border-radius : 2px ;
-arrow-border-radius : 2px ;
-arrow-background-color : transparent ;
-arrow-background-color : rgba ( 46 , 50 , 60 , 0 . 95 ) ;
-arrow-border-color : transparent ;
-arrow-border-color : rgba ( 37 , 40 , 49 , 0 . 95 ) ;
-arrow-border-width : 0 ;
-arrow-border-width : 1px ;
-arrow-base : 0 ;
-arrow-base : 5 ;
-arrow-rise : 0 ;
-arrow-rise : 5 ; }
border-image : url ( "common-assets/misc/bg.svg" ) 9 9 9 9 ; }
. app-folder-popup-bin {
. app-folder-popup-bin {
padding : 5px ; }
padding : 5px ; }
@ -1416,7 +1413,7 @@ StScrollBar {
color : # 5c616c ; }
color : # 5c616c ; }
# message-tray {
# message-tray {
background : # 2a2c 33;
background : # 35 3945 ;
background-repeat : repeat ;
background-repeat : repeat ;
height : 72px ;
height : 72px ;
border : solid rgba ( 0 , 0 , 0 , 0 . 6 ) ;
border : solid rgba ( 0 , 0 , 0 , 0 . 6 ) ;
@ -1492,20 +1489,17 @@ StScrollBar {
padding-left : 6px ; }
padding-left : 6px ; }
. summary-source-button . summary-source {
. summary-source-button . summary-source {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # BAC3CF ;
color : # BAC3CF ;
border : 1px solid rgba ( 0, 0 , 0 , 0 . 4 5) ;
border : 1px solid rgba ( 26, 28 , 34 , 0 . 3 5) ;
background-color : rgba ( 0, 0 , 0 , 0 . 3 ) ; }
background-color : rgba ( 102, 109 , 132 , 0 . 35 ) ; }
. summary-source-button : hover . summary-source {
. summary-source-button : hover . summary-source {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # BAC3CF ;
color : # BAC3CF ;
border : 1px solid # 5294E2 ;
border : 1px solid rgba ( 26 , 28 , 34 , 0 . 35 ) ;
background-color : rgba ( 0, 0 , 0 , 0 . 3 ) ; }
background-color : rgba ( 119, 127 , 151 , 0 . 45 ) ; }
. summary-source-button : focus . summary-source ,
. summary-source-button : focus . summary-source ,
. summary-source-button : selected . summary-source {
. summary-source-button : selected . summary-source {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # ffffff ;
color : # ffffff ;
border : 1px solid # 5294E2 ;
border : 1px solid # 5294E2 ;
background-color : # 5294E2 ; }
background-color : # 5294E2 ; }
@ -1562,12 +1556,12 @@ StScrollBar {
padding : 7px ;
padding : 7px ;
caret-color : # BAC3CF ;
caret-color : # BAC3CF ;
color : # BAC3CF ;
color : # BAC3CF ;
background-color : rgba ( 0, 0 , 0 , 0 . 2 ) ;
background-color : rgba ( 102, 109 , 132 , 0 . 35 ) ;
border : 1px solid rgba ( 0, 0 , 0 , 0 . 4 ) ;
border : 1px solid rgba ( 26, 28 , 34 , 0 . 35 ) ;
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
. notification StEntry : focus {
. notification StEntry : focus {
color : # BAC3CF ;
color : # ffffff ;
background-color : rgba ( 0 , 0 , 0 , 0 . 2 ) ;
background-color : # 5294E2 ;
border : 1px solid # 5294E2 ;
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
@ -1595,12 +1589,12 @@ StScrollBar {
StEntry . chat-response {
StEntry . chat-response {
padding : 7px ;
padding : 7px ;
color : # BAC3CF ;
color : # BAC3CF ;
background-color : rgba ( 0, 0 , 0 , 0 . 2 ) ;
background-color : rgba ( 102, 109 , 132 , 0 . 35 ) ;
border : 1px solid rgba ( 0, 0 , 0 , 0 . 4 ) ;
border : 1px solid rgba ( 26, 28 , 34 , 0 . 35 ) ;
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
StEntry . chat-response : focus {
StEntry . chat-response : focus {
color : # BAC3CF ;
color : # ffffff ;
background-color : rgba ( 0 , 0 , 0 , 0 . 2 ) ;
background-color : # 5294E2 ;
border : 1px solid # 5294E2 ;
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
@ -1667,10 +1661,10 @@ StEntry.chat-response {
border-width : 0 ; }
border-width : 0 ; }
# keyboard {
# keyboard {
background-color : rgba ( 42, 44 , 51 , 0 . 95 ) ;
background-color : rgba ( 53, 57 , 69 , 0 . 95 ) ;
border-width : 0 ;
border-width : 0 ;
border-top-width : 1px ;
border-top-width : 1px ;
border-color : rgba ( 0 , 0 , 0 , 0 . 4 ) ; }
border-color : rgba ( 0 , 0 , 0 , 0 . 2 ) ; }
. keyboard-layout {
. keyboard-layout {
spacing : 10px ;
spacing : 10px ;
@ -1688,34 +1682,30 @@ StEntry.chat-response {
box-shadow : none ;
box-shadow : none ;
background-gradient-direction : none ;
background-gradient-direction : none ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # BAC3CF ;
color : # BAC3CF ;
border : 1px solid rgba ( 0, 0 , 0 , 0 . 4 5) ;
border : 1px solid rgba ( 26, 28 , 34 , 0 . 3 5) ;
background-color : rgba ( 0, 0 , 0 , 0 . 3 ) ; }
background-color : rgba ( 102, 109 , 132 , 0 . 35 ) ; }
. keyboard-key : hover {
. keyboard-key : hover {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # BAC3CF ;
color : # BAC3CF ;
border : 1px solid # 5294E2 ;
border : 1px solid rgba ( 26 , 28 , 34 , 0 . 35 ) ;
background-color : rgba ( 0, 0 , 0 , 0 . 3 ) ; }
background-color : rgba ( 119, 127 , 151 , 0 . 45 ) ; }
. keyboard-key : active , . keyboard-key : checked {
. keyboard-key : active , . keyboard-key : checked {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # ffffff ;
color : # ffffff ;
border : 1px solid # 5294E2 ;
border : 1px solid # 5294E2 ;
background-color : # 5294E2 ; }
background-color : # 5294E2 ; }
. keyboard-key : grayed {
. keyboard-key : grayed {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5d626e ;
color : # 555a62 ;
border : 1px solid rgba ( 26 , 28 , 34 , 0 . 35 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 45 ) ;
background-color : rgba ( 102 , 109 , 132 , 0 . 2 ) ; }
background-color : rgba ( 0 , 0 , 0 , 0 . 15 ) ; }
. keyboard-subkeys {
. keyboard-subkeys {
color : # BAC3CF ;
color : # BAC3CF ;
padding : 5px ;
padding : 5px ;
-arrow-border-radius : 2px ;
-arrow-border-radius : 2px ;
-arrow-background-color : rgba ( 42, 44 , 51 , 0 . 95 ) ;
-arrow-background-color : rgba ( 53, 57 , 69 , 0 . 95 ) ;
-arrow-border-width : 1px ;
-arrow-border-width : 1px ;
-arrow-border-color : rgba ( 0 , 0 , 0 , 0 . 4 ) ;
-arrow-border-color : rgba ( 0 , 0 , 0 , 0 . 4 ) ;
-arrow-base : 20px ;
-arrow-base : 20px ;
@ -1782,28 +1772,28 @@ StEntry.chat-response {
padding : 3px 18px ; }
padding : 3px 18px ; }
. login-dialog . modal-dialog-button : default {
. login-dialog . modal-dialog-button : default {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5c616c ;
color : # 5c616c ;
background-color : # fbfbfc ;
background-color : # fbfbfc ;
border : 1px solid # cfd6e6 ; }
border : 1px solid # cfd6e6 ;
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 252 , 0 . 05 ) ; }
. login-dialog . modal-dialog-button : default : hover , . login-dialog . modal-dialog-button : default : focus {
. login-dialog . modal-dialog-button : default : hover , . login-dialog . modal-dialog-button : default : focus {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # 5c616c ;
color : # 5c616c ;
background-color : # fbfbfc ;
background-color : white ;
border : 1px solid # 5294E2 ; }
border : 1px solid # cfd6e6 ;
box-shadow : inset 0 2px 4px rgba ( 255 , 255 , 255 , 0 . 05 ) ; }
. login-dialog . modal-dialog-button : default : active {
. login-dialog . modal-dialog-button : default : active {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : # ffffff ;
color : # ffffff ;
background-color : # 5294E2 ;
background-color : # 5294E2 ;
border : 1px solid # 5294E2 ; }
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px # 5294E2 ; }
. login-dialog . modal-dialog-button : default : insensitive {
. login-dialog . modal-dialog-button : default : insensitive {
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
text-shadow : 0 1px rgba ( 255 , 255 , 255 , 0 ) ;
box-shadow : inset 0 0 black ;
color : rgba ( 92 , 97 , 108 , 0 . 55 ) ;
color : rgba ( 92 , 97 , 108 , 0 . 55 ) ;
border : 1px solid rgba ( 207 , 214 , 230 , 0 . 55 ) ;
border : 1px solid rgba ( 207 , 214 , 230 , 0 . 55 ) ;
background-color : rgba ( 251 , 251 , 252 , 0 . 55 ) ; }
background-color : rgba ( 251 , 251 , 252 , 0 . 55 ) ;
box-shadow : inset 0 2px 4px rgba ( 251 , 251 , 252 , 0 . 05 ) ; }
. login-dialog-logo-bin {
. login-dialog-logo-bin {
padding : 24px 0px ; }
padding : 24px 0px ; }
@ -1937,7 +1927,7 @@ StEntry.chat-response {
. screen-shield-notifications-container . screen-shield-notification-source {
. screen-shield-notifications-container . screen-shield-notification-source {
padding : 12px 6px ;
padding : 12px 6px ;
border : 1px solid rgba ( 186 , 195 , 207 , 0 . 2 ) ;
border : 1px solid rgba ( 186 , 195 , 207 , 0 . 2 ) ;
background-color : rgba ( 42, 44 , 51 , 0 . 45 ) ;
background-color : rgba ( 53, 57 , 69 , 0 . 45 ) ;
color : # BAC3CF ;
color : # BAC3CF ;
border-radius : 4px ; }
border-radius : 4px ; }
. screen-shield-notifications-container . notification {
. screen-shield-notifications-container . notification {
@ -1951,7 +1941,7 @@ StEntry.chat-response {
padding : 0px 0px 0px 12px ; }
padding : 0px 0px 0px 12px ; }
# panel . lock-screen {
# panel . lock-screen {
background-color : rgba ( 42, 44 , 51 , 0 . 5 ) ; }
background-color : rgba ( 53, 57 , 69 , 0 . 5 ) ; }
. screen-shield-background {
. screen-shield-background {
background : black ;
background : black ;
@ -2008,12 +1998,12 @@ StEntry.chat-response {
selection-background-color : # 5294E2 ;
selection-background-color : # 5294E2 ;
selected-color : # ffffff ;
selected-color : # ffffff ;
color : # BAC3CF ;
color : # BAC3CF ;
background-color : rgba ( 0, 0 , 0 , 0 . 2 ) ;
background-color : rgba ( 102, 109 , 132 , 0 . 35 ) ;
border : 1px solid rgba ( 0, 0 , 0 , 0 . 4 ) ;
border : 1px solid rgba ( 26, 28 , 34 , 0 . 35 ) ;
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
. lg-dialog StEntry : focus {
. lg-dialog StEntry : focus {
color : # BAC3CF ;
color : # ffffff ;
background-color : rgba ( 0 , 0 , 0 , 0 . 2 ) ;
background-color : # 5294E2 ;
border : 1px solid # 5294E2 ;
border : 1px solid # 5294E2 ;
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
box-shadow : inset 0 2px 4px rgba ( 0 , 0 , 0 , 0 . 05 ) ; }
@ -2046,7 +2036,7 @@ StEntry.chat-response {
. lg-extension {
. lg-extension {
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 7 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 7 ) ;
border-radius : 2px ;
border-radius : 2px ;
background-color : rgba ( 42, 44 , 51 , 0 . 95 ) ;
background-color : rgba ( 53, 57 , 69 , 0 . 95 ) ;
padding : 4px ; }
padding : 4px ; }
. lg-extension-name {
. lg-extension-name {