Correct colors on dark theme

StampyAI · Sep 29, 2023 · 78d4b1b · 78d4b1b
1 parent f76d65c
commit 78d4b1b
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 2 deletions.
diff --git a/app/components/icons-generated/Undo.js 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
@@ -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
@@ -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
@@ -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">