theme: updated font css

inveniosoftware · Feb 6, 2024 · 17d18bf · 17d18bf
1 parent 3745aa7
commit 17d18bf
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/invenio_communities/templates/semantic-ui/invenio_communities/community_theme_template.css b/invenio_communities/templates/semantic-ui/invenio_communities/community_theme_template.css
@@ -42,4 +42,8 @@
 .invenio-accordion-field .title, .ui.primary.button{
   background-color: {{ theme.primaryColor }} !important;
   color: {{ theme.primaryTextColor }} !important;
+}
+
+.theme-font h1 {
+  font-weight: {{theme.font.weight}} !important;
 }
diff --git a/invenio_communities/templates/semantic-ui/invenio_communities/details/home/index.html b/invenio_communities/templates/semantic-ui/invenio_communities/details/home/index.html
@@ -24,11 +24,11 @@
 
 
 {% macro hero_section(heading="Not found", subheading="Not found") %}
-<div class="ui centered stackable grid container rel-mt-2 rel-mb-4">
+<div class="ui centered stackable theme-font grid container rel-mt-2 rel-mb-4">
   <div class="thirteen wide column">
     <div class="row item">
-      <h2 class="ui header">{{heading}}</h2>
-      <h4 class="ui text-muted header">{{subheading}}</h4>
+      <h1 class="ui large header">{{heading}}</h1>
+      <h1 class="ui text-muted small header">{{subheading}}</h1>
     </div>
     <div class="ui rel-mt-2 rel-mb-4">
       <div class="ui fluid container row rel-mb-2">
@@ -59,22 +59,22 @@ <h4 class="ui text-muted header">{{subheading}}</h4>
 {% endmacro %}
 
 {% macro how_it_works() %}
-<div class="ui stackable grid container rel-mt-2">
+<div class="ui stackable theme-font grid container rel-mt-2">
   <div class="column">
     <div class="row item">
-      <h2 class="ui header">{{ _('How it works?') }}</h2>
+      <h1 class="ui large header">{{ _('How it works?') }}</h1>
     </div>
     <div class="ui divider"></div>
     <div class="center aligned ui equal width stackable grid rel-mt-4 rel-mb-2">
       <div class="row rel-mb-2">
         <div class="column">
-          <h3 class="text-muted">{{ _('1. Request Community') }}</h3>
+          <h1 class="text-muted ui medium header">{{ _('1. Request Community') }}</h1>
         </div>
         <div class="column">
-          <h3 class="text-muted">{{ _('2. Invite Partners') }}</h3>
+          <h1 class="text-muted ui medium header">{{ _('2. Invite Partners') }}</h1>
         </div>
         <div class="column">
-          <h3 class="text-muted">{{ _('3. Publish FAIR') }}</h3>
+          <h1 class="text-muted ui medium header">{{ _('3. Publish FAIR') }}</h1>
         </div>
       </div>
       <div class="row">