fixup! feat: [ts-starter #6] implement theming infrastructure

momesana · Mar 16, 2024 · 1de31d6 · 1de31d6
1 parent 4a3387c
commit 1de31d6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/components/ThemeProvider/theme.ts b/src/components/ThemeProvider/theme.ts
@@ -16,8 +16,10 @@ export const lightTheme: DefaultTheme = {
 
 export const darkTheme: DefaultTheme = {
   ...defaultTheme,
-  colorText: "#ffffff",
-  colorBgContainer: "#000000",
-  colorBgElevated: "#333333",
+  colorPrimary: "#ededed",
   colorLink: "#48baf7",
+  colorBgContainer: "#3d3d3d",
+  colorBgElevated: "#333333",
+  colorText: "#ffffff",
+  colorTextSecondary: "#888888",
 };
diff --git a/src/pages/test.tsx b/src/pages/test.tsx
@@ -46,7 +46,7 @@ const Link = styled.a`
   color: var(--color-link);
 `;
 
-const Typography = styled.p`
+const TypographySample = styled.p`
   color: var(--color-text);
 `;
 
@@ -89,7 +89,7 @@ export default function TestPage(): ReactElement {
             </option>
           ))}
         </select>
-        <Typography>
+        <TypographySample>
           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio
           facilis repudiandae enim corporis quod molestias eius nostrum quos
           dolore, ipsum animi quo, in neque, architecto iure sed ratione
@@ -100,7 +100,7 @@ export default function TestPage(): ReactElement {
           dolores ex illum quis, amet consectetur ipsa, at delectus voluptatibus
           enim obcaecati quod. Beatae aperiam, atque delectus incidunt suscipit,
           nemo error minus tempora quos, saepe obcaecati.
-        </Typography>
+        </TypographySample>
       </MainSection>
     </MainContainer>
   );