-

Author: stephanediondev

.env.dist

@@ -33,8 +33,13 @@ SECRET_REGISTER=
 VAPID_PUBLIC_KEY=
 VAPID_PRIVATE_KEY=
 SENDER_ADDRESS=
+#light theme
+#THEME_NAVBAR='navbar sticky-top navbar-expand-lg navbar-light bg-light'
+#THEME_CARD='shadow p-3 mb-4 bg-light rounded'
+#THEME_TABLE='table table-light table-hover table-sm'
+#THEME_LINK_PRIMARY='text-primary'
+#THEME_LINK_SECONDARY='text-dark'
+#THEME_JUMBOTRON='jumbotron mt-3 bg-secondary text-light border border-light'
 #THEME_COLOR_1='light'
 #THEME_COLOR_2='dark'
-#THEME_COLOR_3='primary'
-#THEME_COLOR_4='light'
 ###< app ###

config/packages/twig.yaml

@@ -2,7 +2,11 @@ twig:
     default_path: '%kernel.project_dir%/templates'
     form_themes: ['bootstrap_5_layout.html.twig']
     globals:
+        themeNavbar: '%env(THEME_NAVBAR)%'
+        themeCard: '%env(THEME_CARD)%'
+        themeTable: '%env(THEME_TABLE)%'
+        themeLinkPrimary: '%env(THEME_LINK_PRIMARY)%'
+        themeLinkSecondary: '%env(THEME_LINK_SECONDARY)%'
+        themeJumbotron: '%env(THEME_JUMBOTRON)%'
         themeColor1: '%env(THEME_COLOR_1)%'
         themeColor2: '%env(THEME_COLOR_2)%'
-        themeColor3: '%env(THEME_COLOR_3)%'
-        themeColor4: '%env(THEME_COLOR_4)%'

config/services.yaml

@@ -4,10 +4,14 @@
 # Put parameters here that don't need to change on each machine where the app is deployed
 # https://symfony.com/doc/current/best_practices/configuration.html#application-related-configuration
 parameters:
+    env(THEME_NAVBAR): 'navbar sticky-top navbar-expand-lg navbar-dark bg-dark'
+    env(THEME_CARD): 'shadow p-3 mb-4 bg-dark rounded'
+    env(THEME_TABLE): 'table table-dark table-hover table-sm'
+    env(THEME_LINK_PRIMARY): 'text-info'
+    env(THEME_LINK_SECONDARY): 'text-light'
+    env(THEME_JUMBOTRON): 'jumbotron mt-3 bg-secondary text-light border border-light'
     env(THEME_COLOR_1): 'dark'
     env(THEME_COLOR_2): 'light'
-    env(THEME_COLOR_3): 'info'
-    env(THEME_COLOR_4): 'secondary'
 
 services:
     # default configuration for services in *this* file

templates/Embed/card_embed.html.twig

@@ -1,4 +1,4 @@
-<div class="shadow p-3 mb-4 bg-{{ themeColor1 }} rounded">
+<div class="{{ themeCard }}">
     {% block content %}
     {% endblock %}
 </div>

templates/Embed/table_embed.html.twig

@@ -1,5 +1,5 @@
 <div class="table-responsive">
-    <table class="{% block table_class %}table table-{{ themeColor1 }} table-hover table-sm{% endblock %}">
+    <table class="{% block table_class %}{{ themeTable }}{% endblock %}">
 
     <thead>
     {% block thead %}

templates/Modules/app_role/app_role_create.html.twig

@@ -12,7 +12,7 @@
 {% endblock %}
 
 {% block main_content %}
-    <div class="jumbotron bg-{{ themeColor4 }} text-{{ themeColor2 }} border border-{{ themeColor2 }}">
+    <div class="{{ themeJumbotron }} ">
         <p class="lead">{{ 'app_users_note'|trans|raw }}</p>
     </div>
 

templates/Modules/app_role/app_role_index.html.twig

@@ -12,7 +12,7 @@
 {% endblock %}
 
 {% block main_content %}
-    <div class="jumbotron bg-{{ themeColor4 }} text-{{ themeColor2 }} border border-{{ themeColor2 }}">
+    <div class="{{ themeJumbotron }} ">
         <p class="lead">{{ 'app_users_note'|trans|raw }}</p>
     </div>
 

templates/Modules/app_role/app_role_list.html.twig

@@ -30,7 +30,7 @@
                     {% if true == display %}
                         {% if 'name' == column %}
                             <td>
-                                <a class="text-{{ themeColor3 }}" href="{{ path('app_roles_read', {'role': row.name}) }}">{{ row.name }}</a>
+                                <a class="{{ themeLinkPrimary }}" href="{{ path('app_roles_read', {'role': row.name}) }}">{{ row.name }}</a>
                             </td>
                         {% endif %}
 

templates/Modules/app_user/app_user_create.html.twig

@@ -12,7 +12,7 @@
 {% endblock %}
 
 {% block main_content %}
-    <div class="jumbotron bg-{{ themeColor4 }} text-{{ themeColor2 }} border border-{{ themeColor2 }}">
+    <div class="{{ themeJumbotron }} ">
         <p class="lead">{{ 'app_users_note'|trans|raw }}</p>
     </div>
 

templates/Modules/app_user/app_user_index.html.twig

@@ -12,7 +12,7 @@
 {% endblock %}
 
 {% block main_content %}
-    <div class="jumbotron bg-{{ themeColor4 }} text-{{ themeColor2 }} border border-{{ themeColor2 }}">
+    <div class="{{ themeJumbotron }} ">
         <p class="lead">{{ 'app_users_note'|trans|raw }}</p>
     </div>