So check this out @skeet . These are the current overrides I have set. They allow me to override any css i want, so what i did was i went through the site briefly in chrome, saw a few things that looked like they could be improved, right clicked on those elements and chose inspect, then copied the selector, pasted it in chatgpt and told it: override this selectors color with light brown, or make the text in this selector bigger, etc. then i tweaked its output. If you gave me a list of overrides like this back i would be happy to try them out. Gemini should work fine for this too:
.brand-container {
background-color: #e9dfd3 !important;
}
[component="siteTitle"] h1 {
color: #2f5e43 !important;
font-size: 1.25rem !important; /* adjust size */
line-height: 1.2 !important;
}
.btn-close {
filter: brightness(0) saturate(100%) invert(33%) sepia(11%) saturate(1122%) hue-rotate(96deg) brightness(92%) contrast(90%) !important;
}