From 78d4b1b647bfc395c914c23e47835b5a7c1204fb Mon Sep 17 00:00:00 2001
From: Mink-Mink <>
Date: Fri, 29 Sep 2023 18:38:52 +0200
Subject: [PATCH] Correct colors on dark theme

---
 app/components/icons-generated/Undo.js  | 16 ++++++++++++++++
 app/components/icons-generated/index.js |  1 +
 app/root.css                            |  2 ++
 app/routes/tags/index.tsx               |  4 ++--
 4 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 app/components/icons-generated/Undo.js

diff --git a/app/components/icons-generated/Undo.js b/app/components/icons-generated/Undo.js
new file mode 100644
index 00000000..447b79a0
--- /dev/null
+++ b/app/components/icons-generated/Undo.js
@@ -0,0 +1,16 @@
+import * as React from 'react'
+const SvgUndo = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height={24}
+    viewBox="0 -960 960 960"
+    width={24}
+    {...props}
+  >
+    <path
+      className="tag_svg__gray"
+      d="M280-200v-80h284q63 0 109.5-40T720-420q0-60-46.5-100T564-560H312l104 104-56 56-200-200 200-200 56 56-104 104h252q97 0 166.5 63T800-420q0 94-69.5 157T564-200H280Z"
+    />
+  </svg>
+)
+export default SvgUndo
diff --git a/app/components/icons-generated/index.js b/app/components/icons-generated/index.js
index e88c7969..502f52e4 100644
--- a/app/components/icons-generated/index.js
+++ b/app/components/icons-generated/index.js
@@ -12,4 +12,5 @@ export {default as MagnifyingGlass} from './MagnifyingGlass'
 export {default as Search} from './Search'
 export {default as Share} from './Share'
 export {default as Tag} from './Tag'
+export {default as Undo} from './Undo'
 export {default as Users} from './Users'
diff --git a/app/root.css b/app/root.css
index 717a59b0..511db79e 100644
--- a/app/root.css
+++ b/app/root.css
@@ -904,6 +904,7 @@ a[target='_blank']:not(.icon-link, .transparent-link):after {
     --colorLink: #89e3ff;
     --colorLinkVisited: #79f;
     --colorTooltip: #212936;
+    --colorDialogOther: #ffffff;
   }
 }
 :root.dark {
@@ -924,6 +925,7 @@ a[target='_blank']:not(.icon-link, .transparent-link):after {
   --colorLink: #89e3ff;
   --colorLinkVisited: #79f;
   --colorTooltip: #212936;
+  --colorDialogOther: #ffffff;
 }
 
 :root.dark svg *[class$='svg__gray'] {
diff --git a/app/routes/tags/index.tsx b/app/routes/tags/index.tsx
index 21c9489b..7c311058 100644
--- a/app/routes/tags/index.tsx
+++ b/app/routes/tags/index.tsx
@@ -5,7 +5,7 @@ import {loadTags, Tag as TagType, QuestionState} from '~/server-utils/stampy'
 import {Header, Footer} from '~/components/layouts'
 import {MagnifyingGlass} from '~/components/icons-generated'
 import {TagQuestions} from './$tag'
-import undoSvg from '../../assets/icons/undo.svg'
+import {Undo} from '../../components/icons-generated'
 
 export const loader = async ({request}: Parameters<LoaderFunction>[0]) => {
   try {
@@ -52,7 +52,7 @@ export default function App() {
       <main>
         <div className="tag-controls">
           <a href="/" className="icon-link">
-            <img className="logo" alt="undo" src={undoSvg} />
+            <Undo />
             Back
           </a>
           <label className="searchbar">