Features
A modern theme with a hint of mint.
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 above-main-container
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!
Hosted by us? Themes are available to use on our Standard, Business, and Enterprise plans.
Last edited by @JammyDodger 2024-06-17T20:58:09Z
Check document Perform check on document:
65 إعجابًا
IAmGav
(Gavin Perch)
7 سبتمبر 2021، 12:30م
2
really nice theme
I might even test it out with royal blue (my favourite colour) on my test site.
Thank you
5 إعجابات
P2W
(Mike Riddick)
10 سبتمبر 2021، 4:27م
3
@meghna churning out the amazing themes. Looks great. I will deploy and play.
5 إعجابات
Beautiful theme! Thank you for creating this
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
3 إعجابات
tjot
(Tomasz)
14 سبتمبر 2021، 11:14ص
5
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
6 إعجابات
Thank you so much Tomasz, appreciate it
إعجابَين (2)
This theme is awesome. Thank you for making this! I’m new to the Discourse scene. I know how to upload this theme, but I’m not sure how to change certain things. What I want to change are the colors of the blocks in the back (the circle and square). Additionally, I would like to change the background color. Do I download the theme file and edit it there, then create my own theme? Or is there an easier way?
إعجابَين (2)
meghna
(Meghna Jalan)
18 أكتوبر 2021، 9:27ص
8
Thanks!
Yes. To change the colors you need to fork the theme and update the color code as per your requirement. Here’s how you can do it:
In variables.scss change the color code as per your liking:
$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
To change the background color update the secondary color in about.json (note that this will also change text color of some buttons):
"secondary": "F6FBFC"
I love this theme - it fits our project’s branding perfectly! However, if I turn on dark mode, the theme is messed up. Is this to be expected? Is there a way to prevent users from turning on dark mode?
إعجاب واحد (1)
سيكون من الرائع أيضًا أن نتمكن من تعديل CSS من الواجهة الأمامية، كما هو الحال مع السمات الافتراضية.
cvx
(Jarek Radosz)
4 ديسمبر 2021، 12:54م
12
هناك مشكلتان صغيرتان في المُؤلف. زر الترس له خلفية تعمل دائمًا، وشكل الزر الأول عند التحويم لا يتطابق مع انحناء الإطار:
إعجاب واحد (1)
meghna
(Meghna Jalan)
6 ديسمبر 2021، 11:31ص
14
تم إصلاح كلتا المشكلتين عبر:
committed 11:29AM - 06 Dec 21 UTC
إعجابَين (2)
Pika
(Patrick)
7 ديسمبر 2021، 8:02ص
15
أعجبني مظهرك حقًا وقمت بتثبيته.
خلفية لافتة البحث الخاصة بي ليست بزوايا مستديرة وعرض كامل.
كيف يمكنني تغيير هذا إلى تخطيطك؟
meghna
(Meghna Jalan)
7 ديسمبر 2021، 3:27م
16
قد يكون هناك احتمال بأن سمة أو مكونًا آخر يتداخل مع تنسيق السمة mint. هل يمكنك محاولة تعطيل السمات/المكونات الأخرى التي ربما تكون قد قمت بتثبيتها؟
Pika
(Patrick)
7 ديسمبر 2021، 3:32م
17
إنها تثبيت نظيف مع سمة افتراضية غير نشطة وهذه المكونات فقط:
discourse-search-banner
Showcased Categories
meghna
(Meghna Jalan)
7 ديسمبر 2021، 4:27م
18
هذا غريب. هل يمكنك إرسال رابط مثيل Discourse الخاص بك عبر رسالة خاصة وسألقي نظرة؟
إعجاب واحد (1)
meghna
(Meghna Jalan)
9 ديسمبر 2021، 5:01م
19
تم إصلاح مشكلة اللافتة الآن عبر:
committed 04:57PM - 09 Dec 21 UTC
كانت هناك مشكلة أيضًا في المكون الإضافي للفئات المعروضة التي لفت انتباهي إليها باتريك. تم إصلاح ذلك أيضًا.
committed 04:57PM - 09 Dec 21 UTC
3 إعجابات
مرحباً، لقد لعبت مع الوضع المظلم على جهاز به سمة Mint رائعة. لقد أجريت بعض التغييرات لدعم الوضع المظلم. للاختبارات فقط.
discourse-mint.zip (5.1 كيلوبايت) قد يحتوي على أخطاء بالطبع لهذا السبب لن أقوم بإنشاء طلب سحب من github .
لقد أجريت بعض التعديلات على كتل التعليمات البرمجية، وتنسيق نمط gitlab، وصفحة واسعة، إلخ… لم يتم اختبار الجهاز المحمول.
إعجاب واحد (1)
meghna
(Meghna Jalan)
17 ديسمبر 2021، 3:28م
21
شكراً على جهودك يا إيفان! لقد راجعت عملك وهناك بعض التغييرات المخصصة التي لا تحتاج إلى أن تكون في النواة. سألقي نظرة على التغييرات الخاصة بالوضع المظلم وسأقوم بها في النواة بعد المزيد من الاختبار.
إعجاب واحد (1)
على الرحب والسعة يا ميغنا! أعتقد أنه سيكون كافياً تطبيق قيمة revert على بعض العناصر باللون الأبيض.
إعجاب واحد (1)