Isabelle, an Animal Crossing inspired theme

I think we can all use a bit of an escape this week, so I’ve built a theme based on one of my favorite game series: Animal Crossing. This one is specifically inspired by Pocket Camp’s interface.

This theme features calm earthy colors, rounded corners, and chunky buttons.

Github repo: https://github.com/awesomerobot/discourse-isabelle-theme

Preview on Theme Creator

Installing a theme or theme component

There’s still a little more refinement to be done, and I’d like to add some fun background pattern options… but I’m sharing this today to celebrate the release of New Horizons.

I just finished setting this game up with one of my daughters! Lovely

This theme is so cute!

Now we need a topic transform animation when you scroll topic

Amazing work @awesomerobot !

this is good job , ty.

HI Kris: I love your theme and have installed it. But I’m a newbie and have a question - I need to remove the share button and I can’t edit the theme. Do yo have a component that does this? Have to remove it as my group is a very private and confidential group. tx for any advice.

You can go to your Admin Settings and search for ‘share’. The first result shows the post menu. Just remove the share item from the post menu.

That doesn’t remove it from the bottom of the post unfortunately. Already done that.

Wow! This theme is gorgeous!

#topic-footer-button-share-and-invite { display:none; }

Can editing css/html be enabled? I don’t see the option and would like to make a few tweaks to the theme. :<

Best practice is not to store your CSS with a remote theme and this has been enforced recently. This post explains the change and how to keep your local css edits:

Or a Minecraft theme…

Lovely theme! But one question, how many bells do I need to give Tom Nook so I can get it?

If you have to ask, you can’t afford it!

How can I change font size ?

Beautiful theme. Love it so much.

I noticed on the TOS, Privacy, FAQ and About pages, you can usually navigate from one to another using the buttons at the top, but they’re missing in this theme. Actually, they’re there if you hover, but how will people know to hover in the exact right spot? Hope you can fix this in the next update.

I’ve just made an update with a fix, thanks for reporting it!

Such a beautiful theme.

Looks great!

Maybe the animal crossing font?
It’s Fink Heavy if you want the name

Hey, love this theme, but something is wrong with those elemnts in chat:

How can i fix that or will there be a update ?

The theme was built before chat existed, so it will need an update. I can probably get to that soon.

Oh, great so I also found something else

Hi I am setting up a new Discourse instance, has the Chat been enabled on that lovely theme? Thanks.

Hi! Discourse includes, by default, the chat and should appear in all themes as long it’s enabled!

Thanks for reporting it! I’ve just made an update to fix this.

Thanks! And i do not think it is very readable when in dark mode.

Yes, this theme existed before dark mode and hasn’t been updated to support it yet.

Everything else is fine in dark mode, but when I go to my profile/account, it looks blurry because there is not enough contrast.

hi, I have installed this theme, Isabelle. after installation the color palettes set to Isabelle, but still not getting the correct colors on the theme on the entire website. what to do ?

Thanaks

Looks like a dark color palette is being applied (which this theme doesn’t support yet)

Do you have a dark palette set in your site settings? check admin > site settings> Default dark mode color scheme ID

Also check your personal color preferences in community.example.com/my/preferences/interface

Yes. now its okay. thank you for your support. I am very new to this forum.
Thanks again

Hi, Chat looks fully transparent after discourse updated. any fix?
Thank you
@awesomerobot

sorry about that! I’ve just made an update that will fix it

hi, here is another UI/UX issue.

I’ve updated this as well

Awesome theme! There is an issue with text on user cards. I’m using the user card component.