Resolve "Finalize colors for Display Formats"

Closes #23 (closed)

css/color/colors.css

@@ -705,15 +705,15 @@ main .block-custom-wrapper .text-component-text.cern_full_html a {
   .component-preview-cards__box {
     color: #e9f5ff; }
 
-.preview-card__title {
+div.preview-card__title {
   color: #fdfeff; }
-  .preview-card__title h3 a {
+  div.preview-card__title h3 a span {
     color: #fdfeff; }
-  .preview-card__title h3 a:hover {
+  div.preview-card__title h3 a:hover {
     color: #fdfeff; }
-  .preview-card__title h3 a:before {
+  div.preview-card__title h3 a:before {
     color: #f1862e; }
-.preview-card__category, .preview-card__date {
+div.preview-card__category, div.preview-card__date {
   color: #e9f5ff; }
 
 .component-media-content {
@@ -729,6 +729,28 @@ main .block-custom-wrapper .text-component-text.cern_full_html a {
     color: #f1862e; }
 
 /* ALL POSIBLE FUTURE PAGE VIEWS */
+.view-header {
+  color: #292929; }
+  .view-header a {
+    color: #2574b9; }
+    .view-header a.active:after {
+      background: #044873; }
+    .view-header a * {
+      color: #2574b9; }
+      .view-header a *:hover {
+        color: #044873; }
+
+.view-content * {
+  color: #292929; }
+.view-content a {
+  color: #2574b9; }
+  .view-content a:hover {
+    color: #044873; }
+  .view-content a * {
+    color: #2574b9; }
+    .view-content a *:hover {
+      color: #044873; }
+
 /* ALL EVENTS PAGE VIEWS */
 .cern-view-display-page.cern-view-display-feature_events .view-header,
 .cern-view-display-page.cern-view-display-past_events .view-header {