-
-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Theme docs/blogs with Tailwind #39
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
| theme: { | ||
| extend: { | ||
| colors: { | ||
| accent: yellow, gray |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Here, I needed input on what color palette should be used.
As per starlight docs,
accent determines the colors of links, active nav items, etc.
gray determines the color of background in both dark and light modes
Currently, I assigned them to pure yellow and grey palletes that come along with tailwind.
const yellow: {
'50': "#fefce8";
'100': "#fef9c3";
'200': "#fef08a";
'300': "#fde047";
'400': "#facc15";
'500': "#eab308";
'600': "#ca8a04";
'700': "#a16207";
'800': "#854d0e";
'900': "#713f12";
'950': "#422006";
}
and,
gray: {
'50': "#f9fafb";
'100': "#f3f4f6";
'200': "#e5e7eb";
'300': "#d1d5db";
'400': "#9ca3af";
'500': "#6b7280";
'600': "#4b5563";
'700': "#374151";
'800': "#1f2937";
'900': "#111827";
'950': "#030712";
}
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
checked it out @og118 and it looks great! let's go with the defaults 🤝
and it looks ready to merge, that is if you're finished working on it.
|
Wow nice @og118 ! @vincanger is the best person to take a look -> it might take him a couple of days to take a look because he is traveling though! |
|
Hi @vincanger, I'm done with the changes and have reviewed and tested the changes on my end. |
|
That’s fine @og118 ! I’ll check this PR out tomorrow when I’m back at my laptop but from what I can see now it looks ready to merge. Great work and thanks so much for your contribution 🙏 |
|
Oh yes, looking sweet. Thanks so much for your contribution here @og118! Much appreciated |
|
@og118 😍 |

Screenshots of the new docs/blog page:


Light Mode:
Dark Mode:
The colors do not match perfectly, and I needed help deciding the color palette for tailwind and starlight (added a comment for the same) @vincanger
Addresses #7