aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 9 Pull Requests 2 Packages Projects Releases Wiki Activity

fix: Dark mode colour variables #21

Merged
aniva merged 3 commits from styling/dark-mode into main 2024-10-17 23:32:53 -07:00
Conversation 0 Commits 3 Files Changed 4 +36 -41
1 changed files with 36 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5b4ce34163 - Show all commits

77
tailwind.config.ts
View File

@ -121,57 +121,52 @@ const config: Config = {
maxWidth: "100%", maxWidth: "100%",
}; };
const themeTokiwa = { const themeTokiwa = {
h1: { '--tw-prose-body': theme('colors.gray.900'),
color: theme('colors.eucalyptus.700'), '--tw-prose-headings': theme('colors.eucalyptus.700'),
}, '--tw-prose-lead': theme('colors.eucalyptus.400'),
h2: { '--tw-prose-links': theme('colors.eucalyptus.400'),
color: theme('colors.eucalyptus.700'), '--tw-prose-bold': theme('colors.eucalyptus.800'),
}, '--tw-prose-counters': theme('colors.gray.900'),
h3: { '--tw-prose-bullets': theme('colors.java.900'),
color: theme('colors.eucalyptus.800'), '--tw-prose-hr': theme('colors.gray.600'),
}, '--tw-prose-quotes': theme('colors.gray.900'),
h4: { '--tw-prose-quote-borders': theme('colors.eucalyptus.700'),
color: theme('colors.eucalyptus.800'), '--tw-prose-captions': theme('colors.gray.800'),
}, '--tw-prose-code': theme('colors.sunglow.900'),
'--tw-prose-pre-code': theme('colors.gray.500'),
'--tw-prose-pre-bg': theme('colors.gray.500'),
'--tw-prose-th-borders': theme('colors.gray.500'),
'--tw-prose-td-borders': theme('colors.gray.500'),
a: { a: {
color: theme('colors.eucalyptus.400'), color: theme('colors.eucalyptus.400'),
"&:focus": { "&:hover, &:focus": {
color: theme('colors.java.500'), color: theme('colors.java.500'),
}, },
}, },
blockquote: {
color: theme('colors.gray.800'),
},
code: {
color: theme('colors.gray.800'),
},
}; };
const themeStar = { const themeStar = {
color: theme('colors.gray.200'), '--tw-prose-body': theme('colors.gray.400'),
h1: { '--tw-prose-headings': theme('colors.eucalyptus.500'),
color: theme('colors.eucalyptus.300'), '--tw-prose-lead': theme('colors.eucalyptus.400'),
}, '--tw-prose-links': theme('colors.eucalyptus.500'),
h2: { '--tw-prose-bold': theme('colors.eucalyptus.100'),
color: theme('colors.eucalyptus.300'), '--tw-prose-counters': theme('colors.gray.100'),
}, '--tw-prose-bullets': theme('colors.java.100'),
h3: { '--tw-prose-hr': theme('colors.gray.400'),
color: theme('colors.eucalyptus.200'), '--tw-prose-quotes': theme('colors.gray.100'),
}, '--tw-prose-quote-borders': theme('colors.eucalyptus.300'),
h4: { '--tw-prose-captions': theme('colors.gray.200'),
color: theme('colors.eucalyptus.200'), '--tw-prose-code': theme('colors.sunglow.100'),
}, '--tw-prose-pre-code': theme('colors.gray.500'),
'--tw-prose-pre-bg': theme('colors.gray.500'),
'--tw-prose-th-borders': theme('colors.gray.500'),
'--tw-prose-td-borders': theme('colors.gray.500'),
a: { a: {
color: theme('colors.eucalyptus.500'), color: theme('colors.eucalyptus.300'),
"&:focus": { "&:hover, &:focus": {
color: theme('colors.java.500'), color: theme('colors.java.400'),
}, },
}, },
blockquote: {
color: theme('colors.gray.300'),
},
code: {
color: theme('colors.gray.300'),
},
}; };
return { return {