T4 framework blank template issues

sebigyuri · Jul 7, 2022

I'm trying to build a simple dark template for an NGO, because they don't
like any of the pro templates I offered them, but I have several issues.
I use the T4 framework with the t4_bs5_blank template in Joomla 4.
Screen image attached at the end.

When I change the theme color to any other variants, only the color of the
login button changes, nothing else is visible. Also the previous and next page
buttons keep the primary colors.
Questions: What exactly is a color theme variant supposed to change, and
how do I set the color of the previous and next page buttons to be identical
with the theme color?

saguaros · Jul 8, 2022

sebigyuri

The style for pre/nex navigation button in article is defined in template, you can override this rule:

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    background-color: #fff;
    border: 1px solid #dee2e6;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

and change to your desired color.

sebigyuri · Jul 8, 2022

Thank you. I'll try it today.

However I would like to properly understand the functioning of the framework
and to be able to do that I request that you answer my other issue...
"When I change the theme color to any other variants, only the color of the
login button changes, nothing else is visible. - What exactly is a color theme
variant supposed to change...?"

saguaros · Jul 11, 2022

sebigyuri

The base colors are defined in framework, for each theme, T4 provides options so you can customize as you wish.

However, these are based colors only, when we develop a template, the concept for each is different and some elements in template may be styled for template specific like the page navigation link above.

Of course, if you want it inherit from theme, you can customize by assigning it to a variable of theme.