Update product creation button styles

This commit is contained in:
Ilia Ross
2026-10-17 18:52:02 +02:00
parent 2de2f590e3
commit 5658f99e63
2 changed files with 24 additions and 1 deletions

View File

@@ -82,7 +82,7 @@ my %prodnames = ( 'cloudmin' => $text{'has_vm2'},
popup_header($prodnames{$prod});
# The whole menu sits in one panel that floats on the page ground
print "<div class='menu-panel'>\n";
print "<div class='menu-panel menu-panel-$prod'>\n";
if ($mode eq "modules") {
# Only showing Webmin modules

View File

@@ -1776,6 +1776,29 @@ html.loading-right .menu-loader { display: block; }
color: var(--text-color-inverse);
text-decoration: none;
}
/* Cloudmin's creation action uses a quiet orange tint and outline. Normal
* theme text stays readable without making the button dominate the menu. */
.menu-panel-cloudmin .menu-create {
background: rgba(223, 121, 53, 0.14);
box-shadow: inset 0 0 0 1px rgba(223, 121, 53, 0.42);
color: var(--text-color);
}
.menu-panel-cloudmin .menu-create:hover {
background: rgba(223, 121, 53, 0.22);
color: var(--text-color);
}
.menu-panel-cloudmin .menu-create svg { color: #df7935; }
/* Virtualmin uses the same quiet treatment with the theme's blue palette. */
.menu-panel-virtualmin .menu-create {
background: var(--element-highlight-bg-color);
box-shadow: inset 0 0 0 1px var(--accent-color-soft);
color: var(--text-color);
}
.menu-panel-virtualmin .menu-create:hover {
box-shadow: inset 0 0 0 2px var(--border-color-info);
color: var(--text-color);
}
.menu-panel-virtualmin .menu-create svg { color: var(--accent-color-hover); }
/* Forms in the menu: a caps label over a field that fills the panel */
.menu-form { margin: 0 8px 12px; }
.menu-label {