From 3d3da33e3ea67b660cbddc0658b073af53cbf934 Mon Sep 17 00:00:00 2001
From: Sander Spies <sandermail@gmail.com>
Date: Wed, 1 Apr 2020 15:35:09 +0200
Subject: [PATCH] Add background-color to options of Syntax Switch.

---
 .../@ligo/syntax/output/theme/Syntax/SyntaxSwitch.js |  8 ++++----
 .../src/@ligo/syntax/output/theme/Syntax/index.js    |  4 ++--
 .../syntax/output/theme/Syntax/styles.module.css     |  1 +
 .../@ligo/syntax/output/theme/SyntaxTitle/index.js   | 12 ++++++------
 .../@ligo/syntax/src/theme/Syntax/styles.module.css  |  1 +
 5 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/SyntaxSwitch.js b/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/SyntaxSwitch.js
index eea544e69..5d503743d 100644
--- a/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/SyntaxSwitch.js
+++ b/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/SyntaxSwitch.js
@@ -2,15 +2,15 @@ import React from 'react';
 import styles from './styles.module.css';
 
 function SyntaxSwitch(props) {
-  return React.createElement("select", {
+  return /*#__PURE__*/React.createElement("select", {
     className: styles.syntaxSwitch,
     defaultValue: props.syntax,
     onChange: e => props.onSyntaxChange(e.target.value)
-  }, React.createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     value: "pascaligo"
-  }, "PascaLIGO"), React.createElement("option", {
+  }, "PascaLIGO"), /*#__PURE__*/React.createElement("option", {
     value: "cameligo"
-  }, "CameLIGO"), React.createElement("option", {
+  }, "CameLIGO"), /*#__PURE__*/React.createElement("option", {
     value: "reasonligo"
   }, "ReasonLIGO"));
 }
diff --git a/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/index.js b/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/index.js
index bfec0dfc0..91a888198 100644
--- a/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/index.js
+++ b/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/index.js
@@ -2,11 +2,11 @@ import React from 'react';
 import SyntaxContext from './SyntaxContext';
 
 function Syntax(props) {
-  return React.createElement(SyntaxContext.Consumer, null, syntax => {
+  return /*#__PURE__*/React.createElement(SyntaxContext.Consumer, null, syntax => {
     if (syntax === props.syntax) {
       return props.children;
     } else {
-      return React.createElement(React.Fragment, null);
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
   });
 }
diff --git a/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/styles.module.css b/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/styles.module.css
index 8875a80fb..21be7d28e 100644
--- a/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/styles.module.css
+++ b/gitlab-pages/website/src/@ligo/syntax/output/theme/Syntax/styles.module.css
@@ -32,6 +32,7 @@
   .syntaxSwitch option {
       color: var(--color-primary-text);
       font-weight:normal;
+      background-color: var(--ifm-navbar-background-color);
   }
   
   
\ No newline at end of file
diff --git a/gitlab-pages/website/src/@ligo/syntax/output/theme/SyntaxTitle/index.js b/gitlab-pages/website/src/@ligo/syntax/output/theme/SyntaxTitle/index.js
index b607008aa..e092c38b6 100644
--- a/gitlab-pages/website/src/@ligo/syntax/output/theme/SyntaxTitle/index.js
+++ b/gitlab-pages/website/src/@ligo/syntax/output/theme/SyntaxTitle/index.js
@@ -72,9 +72,9 @@ function SyntaxTitle(props) {
   useEffect(() => {
     setMounted(true);
   }, []);
-  return React.createElement(SyntaxContext.Consumer, null, syntax => {
+  return /*#__PURE__*/React.createElement(SyntaxContext.Consumer, null, syntax => {
     if (syntax === props.syntax) {
-      return React.createElement(Highlight, _extends({}, defaultProps, {
+      return /*#__PURE__*/React.createElement(Highlight, _extends({}, defaultProps, {
         key: mounted,
         language: props.syntax,
         code: props.children,
@@ -85,7 +85,7 @@ function SyntaxTitle(props) {
         tokens,
         getLineProps,
         getTokenProps
-      }) => React.createElement("pre", {
+      }) => /*#__PURE__*/React.createElement("pre", {
         className: className,
         style: {
           backgroundColor: 'var(--ifm-background-color)',
@@ -95,15 +95,15 @@ function SyntaxTitle(props) {
           whiteSpace: 'break-spaces',
           marginTop: '3rem'
         }
-      }, tokens.map((line, i) => React.createElement("div", getLineProps({
+      }, tokens.map((line, i) => /*#__PURE__*/React.createElement("div", getLineProps({
         line,
         key: i
-      }), line.map((token, key) => React.createElement("span", getTokenProps({
+      }), line.map((token, key) => /*#__PURE__*/React.createElement("span", getTokenProps({
         token,
         key
       })))))));
     } else {
-      return React.createElement("div", null);
+      return /*#__PURE__*/React.createElement("div", null);
     }
   });
 }
diff --git a/gitlab-pages/website/src/@ligo/syntax/src/theme/Syntax/styles.module.css b/gitlab-pages/website/src/@ligo/syntax/src/theme/Syntax/styles.module.css
index 8875a80fb..21be7d28e 100644
--- a/gitlab-pages/website/src/@ligo/syntax/src/theme/Syntax/styles.module.css
+++ b/gitlab-pages/website/src/@ligo/syntax/src/theme/Syntax/styles.module.css
@@ -32,6 +32,7 @@
   .syntaxSwitch option {
       color: var(--color-primary-text);
       font-weight:normal;
+      background-color: var(--ifm-navbar-background-color);
   }
   
   
\ No newline at end of file