Add global testcontainers header to docs (#1308)

* Add tc-header and ruby link

* Fix older theme version title  active state

* Fix var name typo

Co-authored-by: Manuel de la Peña <social.mdelapenya@gmail.com>

* Fix extra.css feedback

* Add desktop nav item

* Change nav title

* docs: change title

---------

Co-authored-by: Manuel de la Peña <social.mdelapenya@gmail.com>

docs/css/extra.css

@@ -1,13 +1,18 @@
-@import url('https://fonts.googleapis.com/css?family=Rubik');
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Rubik', sans-serif;
-
 }
 
 [data-md-color-scheme="testcontainers"] {
-    --md-primary-fg-color:       #291A3F;
-    --md-accent-fg-color:        #291A3F;
+    --md-primary-fg-color:       #00bac2;
+    --md-accent-fg-color:        #361E5B;
     --md-typeset-a-color:        #0C94AA;
+    --md-primary-fg-color--dark: #291A3F;
+    --md-default-fg-color--lightest: #F2F4FE;
+    --md-footer-fg-color: #361E5B;
+    --md-footer-fg-color--light: #746C8F;
+    --md-footer-fg-color--lighter: #C3BEDE;
+    --md-footer-bg-color: #F7F9FD;
+    --md-footer-bg-color--dark: #F7F9FD;
 }
 
 .card-grid {
@@ -45,14 +50,14 @@ body .card-grid-item:focus {
 }
 
 .card-grid-item[href] {
-    color: var(--md-primary-fg-color);
+    color: var(--md-primary-fg-color--dark);
     background: transparent;
 }
 
 .card-grid-item[href]:hover,
 .card-grid-item[href]:focus {
     background: #F2F4FE;
-    color: var(--md-primary-fg-color);
+    color: var(--md-primary-fg-color--dark);
 }
 
 .community-callout-wrapper {
@@ -120,4 +125,4 @@ body .card-grid-item:focus {
     .community-callout a img {
         height: 1.75em;
     }
-}
+}