Merge branch 'master' into redocly-rc-migration

styles/light/_light-theme.scss

@@ -117,166 +117,8 @@ h6,
   background-color: $light-form-bg;
 }
 
-// Algolia search results
-.xrp-ledger-dev-portal {
-  .DocSearch-Modal {
-    background: $white;
-  }
-
-  .DocSearch-Prefill {
-    color: $blue-purple-500;
-  }
-
-  .DocSearch-Button {
-    background: var(--docsearch-searchbox-background);
-  }
-
-  .DocSearch-Button:hover {
-    box-shadow: inset 0 0 0 2px $blue-purple-500;
-    border-radius: 40px;
-    background: var(--docsearch-searchbox-background);
-
-    .DocSearch-Button-Placeholder {
-      color: var(--docsearch-text-color);
-    }
-  }
-
-  .DocSearch-Search-Icon {
-    color: var(--docsearch-text-color) !important;
-  }
-
-  .DocSearch-Input {
-    color: $gray-900;
-  }
-
-  .DocSearch-Hit-Select-Icon {
-    color: $gray-900;
-  }
-
-  .DocSearch-Form {
-    box-shadow: inset 0 0 0 2px $blue-purple-500;
-    background-color: var(--docsearch-searchbox-focus-background);
-  }
-
-  .DocSearch-Hit-source {
-    color: $blue-purple-500;
-    background: $white;
-  }
-
-  .DocSearch-Hits mark {
-    color: $blue-purple-500;
-  }
-
-  .DocSearch-Hit-Container {
-    background: $white;
-  }
-
-  .DocSearch-Hit a {
-    background-color: $white;
-  }
-
-  .DocSearch-Hit-content-wrapper {
-    .DocSearch-Hit-title {
-      color: $black !important;
-    }
-
-    .DocSearch-Hit-path {
-      color: $black-60 !important;
-    }
-  }
-
-  .DocSearch-Logo svg {
-
-    .cls-1,
-    .cls-2 {
-      fill: var(--docsearch-logo-color);
-      ;
-    }
-  }
-
-  .DocSearch-Hit-title,
-  .DocSearch-Hit-path,
-  .DocSearch-Label,
-  .DocSearch-Help {
-    color: $black-60 !important;
-  }
-
-  .DocSearch-Hit[aria-selected="true"] a {
-    background: $black-10;
-
-    .DocSearch-Hit-Container {
-      background-color: $black-10;
-    }
-
-    .DocSearch-Hit-content-wrapper {
-      .DocSearch-Hit-title {
-        color: $black !important;
-      }
-
-      .DocSearch-Hit-path {
-        color: $black-60 !important;
-      }
-    }
-
-    .DocSearch-Hit-icon svg {
-      color: $black !important;
-    }
-
-    .DocSearch-Hit-action .DocSearch-Hit-action-button svg {
-      color: $black !important;
-    }
-
-    mark {
-      color: $blue-purple-500 !important;
-    }
-  }
-
-  .DocSearch-Footer {
-    background: var(--docsearch-footer-background);
-  }
-
-  // The extra specificity makes this override the default Algolia styles.
-  .algolia-autocomplete {
-    .ds-dropdown-menu [class^="ds-dataset-"] {
-      background-color: $light-standout-bg;
-    }
-
-    .ds-dropdown-menu::before {
-      background-color: $light-standout-bg;
-    }
-
-    .algolia-docsearch-suggestion {
-      background-color: $light-standout-bg;
-    }
-
-    .algolia-docsearch-suggestion--category-header {
-      color: $black;
-      border-bottom-color: $blue-purple-500;
-    }
-
-    .algolia-docsearch-suggestion--subcategory-column {
-      color: $black;
-    }
-
-    .algolia-docsearch-suggestion--title {
-      color: $black;
-    }
-
-    .algolia-docsearch-suggestion--text {
-      color: $light-fg-muted;
-    }
-
-    .algolia-docsearch-suggestion--highlight {
-      color: $black;
-      background-color: $gray-300;
-    }
-
-    .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,
-    .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,
-    .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
-      background-color: $gray-300;
-    }
-  }
+[data-component-name="Search/SearchIcon"] > path {
+  fill: black;
 }
 
 // Navigation ------------------------------------------------------------------
@@ -1341,3 +1183,34 @@ main article .card-grid {
     background-color: $gray-200;
   }
 }
+
+.page-tokenization {
+  .project-cards .project-logo {
+    filter: invert(100%);
+  }
+
+  .article-card {
+    background-color: $white;
+  }
+
+  .article-card-background {
+    filter: drop-shadow(0px 1px 18px rgba(24, 24, 24, 0.50));
+  }
+
+  .evernode {
+    content: url("../img/logos/evernode.svg");
+  }
+
+  .prev img {
+    content: url("../img/icons/prev_light.svg"); 
+  }
+
+  .next img {
+    content: url("../img/icons/prev_light.svg");
+    transform: scaleX(-1);
+  }
+
+  .arrow-button {
+    background-color: $gray-200;
+  }
+}