refactor resource + add taskbar application switcher

resources/css/login-shell.css

@@ -0,0 +1,21 @@
+@import url("resource:///dev/iohub/diya/shell/css/virtual-keyboard.css");
+
+#diya_login_shell
+{
+}
+
+#diya_login_shell label.diya-login-header {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+#diya_login_shell label.diya-login-status {
+    font-size: 12px;
+    color: red;
+}
+
+#diya_login_shell button.diya-btn-show-vkb
+{
+    color: gray;
+    min-width: 0px;
+}

resources/css/session-shell.css

@@ -0,0 +1,21 @@
+@import url("resource:///dev/iohub/diya/shell/css/virtual-keyboard.css");
+
+diya-taskbar
+{
+    background-color: orange;
+}
+
+diya-dashboard
+{
+    background-color: lightgray;
+}
+
+#diya_shell_background
+{
+    background-image:url("file:///etc/xdg/labwc/wpp.jpg");
+    background-size: cover;
+}
+
+flowbox flowboxchild {
+    border: 5px solid black;
+}

resources/css/virtual-keyboard.css

@@ -0,0 +1,48 @@
+diya-vkb
+{
+    background-color: transparent;
+    /* border: 1px solid orangered; */
+}
+
+diya-vkb-button
+{
+    background-color: white;
+    border: 1px solid #CDC7C2;
+    border-radius: 3px;
+    min-width: 30px;
+    min-height: 30px;
+    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
+}
+
+diya-vkb-button.active
+{
+    background-color: #E7E6E2;
+}
+
+diya-vkb-button:hover
+{
+    background-color: #E7E6E2;
+}
+/*
+.diya-vkb-btn label {
+    border: 1px solid #b81f2b;
+    
+}*/
+
+diya-vkb-button label.shift-level-1 {
+    color: black;
+    padding-top: 2px;
+    font-size: 12px;
+}
+
+diya-vkb-button label.shift-level-2 {
+    color: gray;
+    font-size: 9px;
+    padding-left: 3px;
+}
+
+diya-vkb-button label.shift-level-3 {
+    color: gray;
+    font-size: 9px;
+    padding-right: 3px;
+}