I don't know if this theme is good enough to share

Product Support

AI-generated summary

Discussion Summary: I don’t know if this theme is good enough to share

Ovro shared a theme, “Dark mode something,” and asked if it’s worth sharing in the #theme-full category. The theme can be viewed at https://theme-creator.discourse.org/theme/Ovro/darkmodesomething.

awesomerobot provided constructive feedback, suggesting several improvements to make the theme more usable for others. These include adding padding to the /about page nav and .timeline-container .topic-timeline, as well as adjusting the color of certain buttons. They also recommended styling the .small-action section and improving the appearance of categories without images.

Ovro expressed gratitude for the feedback and has applied some fixes to their local installation, with plans to upload them to the theme creator.

1

chrome_2018-09-06_01-34-53
chrome_2018-09-06_01-34-531920×849 93.9 KB

I don’t even know what it’s meant to be, but I think it looks quite nice.
You can view it here: https://theme-creator.discourse.org/theme/Ovro/darkmodesomething

Worth sharing in #theme-full?

2

This is a good start to a theme, thanks for sharing!

I took a look through it and I think there are some things you may want to consider fixing that would make this more usable for others.

37%20PM
37%20PM1100×314 25.6 KB

/about page nav gets cut off — add some more padding-top to #main-outlet

27%20PM
27%20PM2318×434 43.9 KB

admin wrench gets cut off by the header — add some more padding-top to .timeline-container .topic-timeline

It might also be worth considering adding some padding-top to .extra-info-wrapper so the title is centered with the logo? That’s just a matter of personal preference though.

36%20PM
36%20PM268×124 774 Bytes

find a better color to give to button .d-icon.d-icon-d-tracking, button .d-icon.d-icon-d-watching so it’s easier to see

12%20PM
12%20PM1790×1276 318 KB

You might want to add some styles to .small-action so it matches your post width/border. (The section that says “3 years later”)

.small-action {
    max-width: 790px; // Matches your increased post width
    border-top: 1px solid $header_background; // blue color
}

19%20PM
19%20PM2326×1386 148 KB

The categories look very empty without an image present. Maybe some styles to improve that? I tried this to center the content in the boxes, but you may want to experiment with it a bit:

table.category-list tbody tr td.category {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .category-description,
    .subcategories {
     height: auto
   }
}
3

You’re golden. Thanks!

I’ve applied some fixes now on my local installation, I’ll upload them to the theme creator tomorrow! :slight_smile: