highlight active links and focused inputs

Author: serghey-rodin

web/css/jquery-custom-dialogs.css

@@ -378,7 +378,7 @@
 .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .10pt; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
 .ui-button { filter:chroma(color=#000000); cursor: pointer; color: #333; background-color: #fafafa; border: 1px solid #d3d3d3; border-radius: 3px 3px 3px 3px; font-size: 14px; padding: 2px 16px; width: 108px; height: 34px; }
 .ui-button:hover { background-color: #f0f0f0; }
-.ui-button:active { background-color: #e6e6e6; }
+.ui-button:active { background-color: #f79b44; color: #fff; }
 .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
 button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
 .ui-button-icons-only { width: 3.4em; } 

web/templates/header.html

@@ -624,6 +624,10 @@
                 border: 1px solid #f79b44;
             }
 
+            .vst-textinput:focus {
+                border: 1px solid #f79b44;
+            }
+
             .vst-textinput:disabled {
                 background-color: #f1f1f1;
             }
@@ -643,6 +647,10 @@
                 border: 1px solid #f79b44;
             }
 
+            .vst-input:focus {
+                border: 1px solid #f79b44;
+            }
+
             .vst-input:disabled {
                 background-color: #f1f1f1;
             }