Update editor look and downplay header

src/components/UI/card/Card.css

@@ -9,24 +9,6 @@
   padding: 16px 24px;
 }
 
-.card:hover {
-  background: #f8f9fa;
-  transform: translateY(-8px);
-}
-
-/*.card > *:not(iframe, video, img, header, footer) {
-  margin-right: 10px;
-  margin-left: 10px;
-}
-
-.card > *:not(iframe, video, img, header, footer):first-child {
-  margin-top: 10px;
-}
-
-.card > *:not(iframe, video, img, header, footer):last-child {
-  margin-bottom: 10px;
-}*/
-
 .card > iframe,
 .card > video,
 .card > img {

src/components/UI/theme.css

@@ -5,6 +5,7 @@
   --backgroundColorShaded: #eee;
   --shadowColor: rgba(19, 39, 48, .12);
   --infoColor: #69c;
+  --primaryColor: #4990e2;
   --successColor: #1c7;
   --warningColor: #fa0;
   --errorColor: #f52;
@@ -19,7 +20,7 @@
   --highlightFGColor: #fff;
   --highlightBGColor: #3ab7a5;
   --highlightFGAltColor: #eee;
-  --controlLabelColor: var(--textColor);
+  --controlLabelColor: #8b8b8b;
   --controlBGColor: #fff;
   --backgroundTertiaryColor: #fff;
   --backgroundTertiaryColorDark: color(var(--backgroundTertiaryColor) lightness(90%));