From 11028dad52ef15b9796c0b7a5eab1c2304602734 Mon Sep 17 00:00:00 2001
From: Eve Martin <eve.martin@ocado.com>
Date: Wed, 28 Aug 2024 16:06:15 +0000
Subject: [PATCH] change black text to white

---
 game/static/game/css/game.css                | 14 +++++++++++++-
 game/static/game/image/icons/blockly.svg     |  2 +-
 game/static/game/image/icons/python.svg      |  8 ++++----
 game/static/game/image/icons/white_arrow.svg | 12 ++++++++++++
 4 files changed, 30 insertions(+), 6 deletions(-)
 create mode 100644 game/static/game/image/icons/white_arrow.svg

diff --git a/game/static/game/css/game.css b/game/static/game/css/game.css
index 36b34ec7a..9808325ea 100644
--- a/game/static/game/css/game.css
+++ b/game/static/game/css/game.css
@@ -42,7 +42,19 @@
 }
 
 #tabs #blockly_tab span,
-#tabs #python_tab span {
+#tabs #python_tab span,
+#tabs #language_tab select {
+    color: white;
+}
+
+#language_dropdown {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white'><polygon points='0,0 7,0 3.5,5'/></svg>") 96% 60% no-repeat;
+}
+
+option {
     color: black;
 }
 
diff --git a/game/static/game/image/icons/blockly.svg b/game/static/game/image/icons/blockly.svg
index 803bfc61f..f25244264 100644
--- a/game/static/game/image/icons/blockly.svg
+++ b/game/static/game/image/icons/blockly.svg
@@ -1,3 +1,3 @@
 <svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
- <path d="m25.742 19.963v17.874c-7.916-4.101-16.522-7.221-16.522-1.198v23.657c0 9.6267 11.458 3.2448 16.522 0v19.752h65.038v-19.752c-5.0642 3.2448-16.522 9.6267-16.522 0v-23.657c0-6.0163 8.6068-2.9031 16.522 1.2016v-17.875h-65.038z"/>
+ <path fill="white" d="m25.742 19.963v17.874c-7.916-4.101-16.522-7.221-16.522-1.198v23.657c0 9.6267 11.458 3.2448 16.522 0v19.752h65.038v-19.752c-5.0642 3.2448-16.522 9.6267-16.522 0v-23.657c0-6.0163 8.6068-2.9031 16.522 1.2016v-17.875h-65.038z"/>
 </svg>
diff --git a/game/static/game/image/icons/python.svg b/game/static/game/image/icons/python.svg
index 79a7000ea..07df24b6b 100644
--- a/game/static/game/image/icons/python.svg
+++ b/game/static/game/image/icons/python.svg
@@ -1,8 +1,8 @@
 <svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" viewBox="0 0 100 100" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
- <g transform="translate(0 -952.36)">
- <g stroke="#000" stroke-width="2" transform="matrix(1.2881 0 0 1.2881 -14.983 -284.81)">
- <path d="m27.093 980.18v15.682h7.1002c2.6276 0.00002 4.6589-0.68018 6.0939-2.0406 1.4349-1.3604 2.1524-3.2985 2.1524-5.8143-0.000026-2.4972-0.7175-4.426-2.1524-5.7864-1.435-1.3604-3.4663-2.0406-6.0939-2.0406h-7.1002m-5.6466-4.6403h12.747c4.6775 0.00005 8.209 1.0623 10.594 3.1867 2.404 2.1059 3.606 5.1994 3.606 9.2806-0.000033 4.1185-1.202 7.2307-3.606 9.3365-2.3854 2.1059-5.9169 3.1588-10.594 3.1587h-7.1002v16.772h-5.6466v-41.735"/>
- <path d="m68.8 1020.2c-1.4536 3.7271-2.8699 6.1591-4.2489 7.2958-1.3791 1.1368-3.224 1.7052-5.5348 1.7052h-4.1092v-4.3048h3.019c1.4163 0 2.5158-0.3355 3.2985-1.0064 0.78269-0.6709 1.6492-2.2549 2.5997-4.7521l0.92247-2.3481-12.663-30.805h5.4509l9.7838 24.487 9.7838-24.487h5.4509l-13.753 34.215"/>
+ <g fill="white" transform="translate(0 -952.36)">
+ <g fill="white" stroke="white" stroke-width="2" transform="matrix(1.2881 0 0 1.2881 -14.983 -284.81)">
+ <path fill="white" d="m27.093 980.18v15.682h7.1002c2.6276 0.00002 4.6589-0.68018 6.0939-2.0406 1.4349-1.3604 2.1524-3.2985 2.1524-5.8143-0.000026-2.4972-0.7175-4.426-2.1524-5.7864-1.435-1.3604-3.4663-2.0406-6.0939-2.0406h-7.1002m-5.6466-4.6403h12.747c4.6775 0.00005 8.209 1.0623 10.594 3.1867 2.404 2.1059 3.606 5.1994 3.606 9.2806-0.000033 4.1185-1.202 7.2307-3.606 9.3365-2.3854 2.1059-5.9169 3.1588-10.594 3.1587h-7.1002v16.772h-5.6466v-41.735"/>
+ <path fill="white" d="m68.8 1020.2c-1.4536 3.7271-2.8699 6.1591-4.2489 7.2958-1.3791 1.1368-3.224 1.7052-5.5348 1.7052h-4.1092v-4.3048h3.019c1.4163 0 2.5158-0.3355 3.2985-1.0064 0.78269-0.6709 1.6492-2.2549 2.5997-4.7521l0.92247-2.3481-12.663-30.805h5.4509l9.7838 24.487 9.7838-24.487h5.4509l-13.753 34.215"/>
  </g>
  </g>
 </svg>
diff --git a/game/static/game/image/icons/white_arrow.svg b/game/static/game/image/icons/white_arrow.svg
new file mode 100644
index 000000000..84f6bf357
--- /dev/null
+++ b/game/static/game/image/icons/white_arrow.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/54875/inverted-triangle-black-variant -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="31.999px" height="32px" viewBox="0 0 31.999 32" style="enable-background:new 0 0 31.999 32;" xml:space="preserve">
+<g fill="white">
+	<path d="M31.92,5.021l-14.584,22.5c-0.089,0.138-0.241,0.223-0.406,0.229c-0.004,0-0.009,0-0.014,0
+		c-0.16,0-0.312-0.076-0.404-0.205L0.096,5.044C-0.015,4.893-0.031,4.69,0.054,4.523C0.139,4.354,0.312,4.25,0.5,4.25h31
+		c0.183,0,0.352,0.1,0.438,0.261C32.026,4.67,32.019,4.867,31.92,5.021z"/>
+</g>
+</svg>