jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-01-15 08:22:59 -05:00
Code Issues Activity

refactor component styles to use type-safe stitches tokens

Browse Source 
https://stitches.dev/docs/typescript#stricter-experience
This commit is contained in:
Jake Jarvis
2022-07-07 13:33:20 -04:00
parent 2c7e266fc3
commit b1a92a2eab
40 changed files with 170 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ThemeToggle/ThemeToggle.tsx
View File

@@ -3,7 +3,7 @@ import { useFirstMountState, useMedia } from "react-use";
import { useSpring, animated, Globals } from "@react-spring/web";
import { useTheme } from "../../hooks/use-theme";
import { useHasMounted } from "../../hooks/use-has-mounted";
import { styled } from "../../lib/styles/stitches.config";
import { styled, theme } from "../../lib/styles/stitches.config";
const Button = styled("button", {
border: 0,
@@ -11,10 +11,10 @@ const Button = styled("button", {
marginRight: "-0.6em",
background: "none",
cursor: "pointer",
color: "$mediumDark",
color: theme.colors.mediumDark,
"&:hover": {
color: "$warning",
color: theme.colors.warning,
},
});