added youtube downloader

client/app/scss/style.scss

@@ -9,7 +9,7 @@ a, .link {
     cursor: pointer;
     
     &:hover {
-        color: darken(white, 10%);
+        color: $white;
     }
 }
 
@@ -24,6 +24,37 @@ body {
     padding-left: $navbarWidth;
 }
 
+.input {
+    border-radius: 3px;
+    border: 1px solid $lightGray;
+    padding-left: 5px;
+    padding-right: 5px;
+    height: 30px;
+    background: $gray5;
+    color: $white;
+}
+
+.button {
+    border: none;
+    border-radius: 3px;
+    color: $white;
+    background: $lightGray;
+    padding: 10px;
+    cursor: pointer;
+
+    &:hover {
+        background: lighten($lightGray, 5%);
+    }
+}
+
+.button--primary {
+    background: $primaryBlue;
+
+    &:hover {
+        background: lighten($primaryBlue, 2%);
+    }
+}
+
 .Card {
     background-color: $gray2;
     border-radius: 5px;
@@ -51,4 +82,4 @@ body {
     & + .column {
         margin-left: 10px;
     }
-}
+}

client/app/scss/variables.scss

@@ -3,7 +3,7 @@ $navbarWidth: 200px;
 
 // colors
 $primaryBlue: #7289da;
-$white: darken(white, 10%);
+$white: darken(white, 20%);
 
 $gray1: #2e3136;
 $gray2: #2a2d32;
@@ -11,3 +11,5 @@ $gray3: #23262a;
 $gray4: #2e3136;
 $gray5: #282b30;
 $gray6: #1e2124;
+
+$lightGray: lighten($gray1, 15%);