Darktheme Update
Its finally done! I got the dark theme to work! I found a theme on github pages that I was comfortable enough with and with a little bit of extra time on my hands and some help with AI I got this site to be in a dark theme and cleaned it up.
Technical Summary of Updates:
So today, I migrated from minima theme to midnight theme and used the github pages version. I didn’t use the remote version that was mentioned in the midnight theme github. I actually had to play with it a bit and with some discussion with chatGPT I got it to run. Currently as of December of 2025 you should be able to check my _config.yml file. All things I did there had to be updated along with the Gemfile which turned out to be tedious as well.
The key detail that changed it for me was to not use the remote theme but instead used just the theme as below:
theme: jekyll-theme-midnight
plugins:
- jekyll-feedAdditionally, I had to create this new file in assets/css/style.css which I then just customized a bunch to get it all nice looking and robust enough for mobile viewing as well.
Then I had to make this _layouts directory so that this theme can deal with some of the layout differences between the old minima theme and the new Midnight theme.
And finally I had to update all of the individual pages to reflect the new changes.
I think this was certainly a very long and tedious process to get this dark theme to roll out but its only gotta get done once and I can continue on with just posting more posts and not having to do site maintainence. Especially considering that I do not have to host this site myself. It is all being done via GitHub Pages.
An issue that I have already found but I will have to get back to later is that the latex is not rendering properly on the new theme. I think I have to go back and check something having to do with kramdown. I will have to look into that later.
Alrighty, well that is all I have for now. This took a little bit but I am very happy I was able to get it done. Time to publish this and cross my fingers. Next update, I will be adding comments via utterances!
Jekyll Themes and GitHub Pages
-
GitHub Pages Themes
https://pages.github.com/themes/ -
Midnight Theme Repository
https://github.com/pages-themes/midnight -
GitHub Pages + Jekyll Setup
https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll
Bundler and Dependency Management
-
Using Bundler
https://bundler.io/guides/using_bundler.html -
GitHub Pages Ruby Gem
https://github.com/github/pages-gem
Jekyll Layouts, Includes, and Structure
-
Jekyll Layouts
https://jekyllrb.com/docs/layouts/ -
Front Matter
https://jekyllrb.com/docs/front-matter/ -
Jekyll Includes
https://jekyllrb.com/docs/includes/ -
Jekyll Directory Structure
https://jekyllrb.com/docs/structure/
Liquid Templating
-
Jekyll Variables
https://jekyllrb.com/docs/variables/ -
Liquid Basics
https://jekyllrb.com/docs/liquid/
CSS Layout and Styling
-
CSS Flexbox Guide
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox -
Responsive Web Design
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design -
CSS Media Queries
https://developer.mozilla.org/en-US/docs/Web/CSS/@media
Typography and Text Styling
-
CSS font-size
https://developer.mozilla.org/en-US/docs/Web/CSS/font-size -
CSS letter-spacing
https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing
Images and Backgrounds
-
CSS background
https://developer.mozilla.org/en-US/docs/Web/CSS/background -
HTML img Element
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
General Jekyll & CSS References
-
Jekyll Usage Guide
https://jekyllrb.com/docs/usage/ -
MDN CSS Learning Path
https://developer.mozilla.org/en-US/docs/Learn/CSS