2 color msdos theme
Ever since the creation of this blog, I've been trying (and failing miserably) to pick the theme I wanted for it to have. After my previous post, the modifications had piled up upon one another and I realized this is not who I am at all!
And so, I then started to experiment more seriously. Here's a breakdown of what I did (not necessarily in a strict order):
picking a base theme from bear
For this one, I've chosen MSDos because it gives off a hacker, tech-y vibe that makes me feel cool. Needless to say, the runner-up was Terminal. I just liked the organization of the nav of the former.
choosing a font and color
I retained Space Grotesk but this was still the most difficult part of the process to decide on. I don't really have a single favorite color because it changes from time to time. Not that I feel like the other colors may be jealous, but maybe only partly.
I didn't want to use blue or the default because aside from the name of the blog, it has little to no relevance to me. I went through this Reddit thread on what color to use for your website. I stumbled upon a series of color generator tools in the hopes of finding a palette that I want.
Then, I watched this video from Youtuber Kevin Powell, which for the minimalistic nature of a Bear blog seems that it's overkill but it had great advice anyway, and at some point my blog was black and white until I finally chose two colors that I got and was inspired from Two Color Combinations.
other colors...
I lied! There exists other colors in this blog that is neither dark or light but a neutral tone. I didn't like how the background of the title would seem to spill over the nav link and thought it necessary for the footer link and the disabled toast button.
I used the color picker from VSCode by hovering over the light color then dragged the picker downwards until I reach a sort of gray that I thought would match, testing it by trial and error.
editing the css of the msdos theme
None much editing because the root element was already extremely helpful! I just went on ahead and delegated which parts of the blog will have the dark or light color. I also added a border for the nav to retain the two color theme. I grouped the root variables depending on which uses dark or light.
ta-da!
The two color MSDos theme was born. I hope this sticks since it even has its own post now. I thought it'd be easier like this if the colors I like do change from time to time. At least now, all I have to decide on are 2 colors and 1 font then everything else will come along (I so hope).
Huge thanks and shoutout to mgx for the bearblog css playground, this wouldn't be possible without it~ I have the next task of maybe making a changelog and adding more CSS so that I can share code here with syntax highlighting and all.
Feel free to let me know what you think of the theme on my guestbook which I just set up.
Until then, thank you for reading!