Mint, a modern theme for Discourse ๐ŸŒฟ

A modern theme with a hint of mint. :slight_smile:

:herb: :ice_cube:

Homepage (categories)

Latest

Topic

Advanced Search

This theme includes following components:

Tips

Discourse Settings

Following setting changes are required for this theme to render properly:

  • top menu needs to be set to category, latest, new, unread, top
  • desktop category page style needs to be set to Boxes with Subcategories

Discourse Search Banner

In the options for the discourse-search-banner theme component, following changes are required for this theme to render properly:

  • show-on options needs to be set to homepage
  • plugin-outlet options needs to be set to below-site-header
  • background image can be set as per your requirement

Discourse Showcased Categories

In the options for the Showcased Categories theme component, following changes are required for this theme to render properly:

  • select the feed one category and feed two category as per your requirement
  • fill in the feed one title and feed two title as per your requirement
  • recommended value for max list length is 3.

Let me know how this theme can be further improved. Enjoy! :smiley:

33 Likes

really nice theme :slight_smile:

I might even test it out with royal blue (my favourite colour) on my test site.

Thank you :smiley:

4 Likes

@meghna churning out the amazing themes. Looks great. I will deploy and play.

4 Likes

Beautiful theme! Thank you for creating this :slight_smile:

I was wondering if it was a way for me to remove the square and circle in the background? Appreciate anything that can point me in the right direction :pray:

2 Likes

remove

#main-outlet:after  {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 2000px;
  background: $color-blue;
  right: 1px;
  top: -57px;
}

#main-outlet:before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 300px;
  height: 300px;
  border-radius: 30px;
  background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  // background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
  left: 70px;
  top: 350px;
  transform: rotate(74deg);
  transform-origin: 0 100%;
}

from desktop.scss and you should be good to go :slight_smile:

2 Likes

Thank you so much Tomasz, appreciate it :smiley:

2 Likes