branch1

amundsen_application/static/css/_variables-default.scss

@@ -94,7 +94,7 @@ $icon-bg-disabled: $gray20 !default;
 $red-triangle-warning: $sunset60;
 
 // Header, Body, & Footer
-$nav-bar-color: $indigo100;
+$nav-bar-color: $mint40;
 $nav-bar-height: 60px;
 $body-min-width: 1048px;
 $footer-height: 60px;

amundsen_application/static/js/components/Bookmark/MyBookmarks/styles.scss

@@ -5,11 +5,12 @@
 @import 'typography';
 
 .bookmark-list {
-  margin: 32px 0;
+  margin: 22px 0;
 
   .bookmark-list-header {
     @extend %text-title-w1;
-
+    font-family: $font-family-serif;
+    color: $mint40;
     margin-bottom: $spacer-1;
   }
 

amundsen_application/static/js/components/PopularTables/styles.scss

@@ -12,7 +12,9 @@
   }
 
   .popular-tables-header-text {
+    font-family: $font-family-serif;
     @extend %text-title-w1;
+    color: $mint40;
   }
 
   .list-group {

amundsen_application/static/js/components/SearchBar/constants.ts

 // TODO: Hard-coded text strings should be translatable/customizable
-export const PLACEHOLDER_DEFAULT = 'Search for data resources...';
+export const PLACEHOLDER_DEFAULT = 'You can search for data sets here!!';
 export const SEARCH_BUTTON_TEXT = 'Search';
 export const BUTTON_CLOSE_TEXT = 'Close';
 
 export const SIZE_SMALL = 'small';
 
 export const INVALID_SYNTAX_MESSAGE =
-  "Your search term contains invalid syntax ':'.";
+  "Your search term contains invalid syntax '-'.";

amundsen_application/static/js/components/SearchBar/styles.scss

@@ -8,9 +8,9 @@
 
   .search-bar-form {
     .search-button {
-      height: 24px;
+      height: 20px;
       position: absolute;
-      width: 24px;
+      width: 20px;
 
       &.small {
         left: 8px;
@@ -33,6 +33,7 @@
 
     .search-bar-input {
       border-color: $stroke;
+      color: $mint40;
       border-radius: 4px;
       box-shadow: 0 3px 12px 0 rgba(17, 17, 31, 0.04);
       width: 100%;
@@ -76,6 +77,6 @@
   }
 
   .error {
-    color: red;
+    color: rgb(55, 0, 255);
   }
 }

amundsen_application/static/js/features/NavBar/styles.scss

@@ -18,6 +18,7 @@ $avatar-container-size: 40px;
     flex-basis: 234px;
 
     span.title-3 {
+      font-family: $font-family-serif;
       color: $white;
       line-height: $navbar-item-line-height;
     }