i18n tweaks + using hex code instead of base16 color name on color label

Signed-off-by: lucasew <[email protected]>
lucasew · Aug 7, 2022 · d6b510e · d6b510e · vercel · Aug 7, 2022
1 parent 74ff6ac
commit d6b510e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/src/Model.ts b/src/Model.ts
@@ -21,12 +21,4 @@ export interface Theme {
   };
 }
 
-export type i18Led = Record<string, string> | string;
-
-export function i18nGet(txt: i18Led) {
-  const locale =
-    navigator.language || (navigator as any).userLanguage || "default";
-  return txt[locale.replaceAll("-", "_")] || txt;
-}
-
 export type Maybe<T> = T | null;
diff --git a/src/components/ThemeCard.svelte b/src/components/ThemeCard.svelte
@@ -15,7 +15,7 @@
         class="theme-card-color-container"
         style="background-color: #{theme.colors[color]}"
       >
-        <p>{color}</p>
+        <p>#{theme.colors[color]}</p>
       </div>
     {/each}
   </div>
@@ -58,5 +58,6 @@
     border-radius: 0.05rem;
     margin: 0.5rem;
     font-family: "Courier New", monospace;
+    text-transform: uppercase;
   }
 </style>
diff --git a/src/i18n.ts b/src/i18n.ts
@@ -1,5 +1,3 @@
-import type { i18Led } from "./Model";
-
 let i18n: Record<string, i18Led> = {
   loading: {
     en_US: "Loading...",
@@ -15,4 +13,12 @@ let i18n: Record<string, i18Led> = {
   },
 };
 
+export type i18Led = Record<string, string> | string;
+
+export function i18nGet(txt: i18Led) {
+  const locale =
+    navigator.language || (navigator as any).userLanguage || "default";
+  return txt[locale.replaceAll("-", "_")] || txt;
+}
+
 export default i18n;