[simple] improve styling of subcategory table headers in preferences

This commit is contained in:
Martin Fischer 2021-12-27 02:27:48 +01:00
parent 20a5e43e35
commit a12cb6a807
3 changed files with 9 additions and 1 deletions

View file

@ -72,6 +72,7 @@
/// Settings Colors /// Settings Colors
--color-settings-tr-hover: #f7f7f7; --color-settings-tr-hover: #f7f7f7;
--color-settings-engine-description-font: darken(#dcdcdc, 30%); --color-settings-engine-description-font: darken(#dcdcdc, 30%);
--color-settings-engine-group-background: #0001;
/// Detail modal /// Detail modal
--color-result-detail-font: #fff; --color-result-detail-font: #fff;
--color-result-detail-label-font: lightgray; --color-result-detail-label-font: lightgray;
@ -180,6 +181,7 @@
/// Settings Colors /// Settings Colors
--color-settings-tr-hover: #2d2d2d; --color-settings-tr-hover: #2d2d2d;
--color-settings-engine-description-font: darken(#dcdcdc, 30%); --color-settings-engine-description-font: darken(#dcdcdc, 30%);
--color-settings-engine-group-background: #1a1919;
/// Toolkit Colors /// Toolkit Colors
--color-toolkit-badge-font: #fff; --color-toolkit-badge-font: #fff;
--color-toolkit-badge-background: #777; --color-toolkit-badge-background: #777;

View file

@ -161,6 +161,12 @@
} }
} }
} }
.engine-group {
text-align: left;
font-weight: normal;
background: var(--color-settings-engine-group-background);
}
} }
@media screen and (max-width: @tablet) { @media screen and (max-width: @tablet) {

View file

@ -291,7 +291,7 @@
</tr> </tr>
{% for group, engines in engines_by_category[categ] | group_engines_in_tab %} {% for group, engines in engines_by_category[categ] | group_engines_in_tab %}
{% if loop.length > 1 %} {% if loop.length > 1 %}
<tr><th colspan="9">{{_(group)}}</th></tr> <tr><th colspan="9" class="engine-group">{{_(group)}}</th></tr>
{% endif %} {% endif %}
{% for search_engine in engines %} {% for search_engine in engines %}
{% if not search_engine.private %} {% if not search_engine.private %}