Hello,
I'm trying to make the UT in 18.1 a bit "slimmer" as the default UT seems to waste too much screen space with blanks, which leads in case of more complex screens to constant (unnecessary) scrolling. So I tried to lower padding of some CSS classes (and I must admit that I'm a complete noob in this area, however I understand that this is going to be quite a "bit" of work). So as a beginning I overrode these CSS classes by adding them to the Theme Roller custom CSS section
/* region */
.t-Region .t-Region-body {
padding: 8px;
}
.t-Region-headerItems--title {
padding: 3px 6px;
}
/* classic report */
.t-Report-cell {
padding: 2px 4px;
}
.t-Report-colHead {
padding: 4px;
}
/* interactive report */
.a-IRR-table td {
padding: 2px 4px;
}
.a-IRR-headerLabel, .a-IRR-headerLink {
padding: 4px;
}
.a-IRR-search-field {
min-height: 10px;
height: 20px;
padding: 0 4px;
}
.a-Menu .a-Menu-item a, .a-Menu .a-Menu-item a:active, .a-Menu .a-Menu-item a:hover, .a-Menu .a-Menu-item a:visited, .a-Menu .a-Menu-item label, .a-Menu .a-Menu-label {
padding: 0 4px 0 0;
}
/* buttons */
.a-Button {
padding: 2px 4px;
}
.t-Button {
/* padding: .2rem 0.8rem; */
padding: 4px 8px;
}
to make CR and IR lines slimmer, buttons smaller etc. and I'm more or less satisfied with CR and IR regions and the default button size.
Now I would like to create a new theme (let's say UT-Slim) with these modifications and have the ability to create new apps based on it (no matter if the actual theme style of new apps would be Red, Dark, Slate...). Also I would like to have the ability to propagate further changes in this theme to already created apps.
Please, what would be the recommended approach to do this?
Best regards,
Pavel