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%",
};
const themeTokiwa = {
h1: {
color: theme('colors.eucalyptus.700'),
},
h2: {
color: theme('colors.eucalyptus.700'),
},
h3: {
color: theme('colors.eucalyptus.800'),
},
h4: {
color: theme('colors.eucalyptus.800'),
},
'--tw-prose-body': theme('colors.gray.900'),
'--tw-prose-headings': theme('colors.eucalyptus.700'),
'--tw-prose-lead': theme('colors.eucalyptus.400'),
'--tw-prose-links': theme('colors.eucalyptus.400'),
'--tw-prose-bold': theme('colors.eucalyptus.800'),
'--tw-prose-counters': theme('colors.gray.900'),
'--tw-prose-bullets': theme('colors.java.900'),
'--tw-prose-hr': theme('colors.gray.600'),
'--tw-prose-quotes': theme('colors.gray.900'),
'--tw-prose-quote-borders': theme('colors.eucalyptus.700'),
'--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: {
color: theme('colors.eucalyptus.400'),
"&:focus": {
"&:hover, &:focus": {
color: theme('colors.java.500'),
},
},
blockquote: {
color: theme('colors.gray.800'),
},
code: {
color: theme('colors.gray.800'),
},
};
const themeStar = {
color: theme('colors.gray.200'),
h1: {
color: theme('colors.eucalyptus.300'),
},
h2: {
color: theme('colors.eucalyptus.300'),
},
h3: {
color: theme('colors.eucalyptus.200'),
},
h4: {
color: theme('colors.eucalyptus.200'),
},
'--tw-prose-body': theme('colors.gray.400'),
'--tw-prose-headings': theme('colors.eucalyptus.500'),
'--tw-prose-lead': theme('colors.eucalyptus.400'),
'--tw-prose-links': theme('colors.eucalyptus.500'),
'--tw-prose-bold': theme('colors.eucalyptus.100'),
'--tw-prose-counters': theme('colors.gray.100'),
'--tw-prose-bullets': theme('colors.java.100'),
'--tw-prose-hr': theme('colors.gray.400'),
'--tw-prose-quotes': theme('colors.gray.100'),
'--tw-prose-quote-borders': theme('colors.eucalyptus.300'),
'--tw-prose-captions': theme('colors.gray.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: {
color: theme('colors.eucalyptus.500'),
"&:focus": {
color: theme('colors.java.500'),
color: theme('colors.eucalyptus.300'),
"&:hover, &:focus": {
color: theme('colors.java.400'),
},
},
blockquote: {
color: theme('colors.gray.300'),
},
code: {
color: theme('colors.gray.300'),
},
};
return {