From 5658f99e63455dccd75c42b20feff0a98093abb1 Mon Sep 17 00:00:00 2001 From: Ilia Ross Date: Sat, 17 Oct 2026 18:52:02 +0200 Subject: [PATCH] Update product creation button styles --- gray-theme/left.cgi | 2 +- gray-theme/unauthenticated/gray-theme.css | 23 +++++++++++++++++++++++ 2 files changed, 24 insertions(+), 1 deletion(-) diff --git a/gray-theme/left.cgi b/gray-theme/left.cgi index 2dcfedf3e..4733e3be5 100755 --- a/gray-theme/left.cgi +++ b/gray-theme/left.cgi @@ -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 "
\n"; +print "
\n"; if ($mode eq "modules") { # Only showing Webmin modules diff --git a/gray-theme/unauthenticated/gray-theme.css b/gray-theme/unauthenticated/gray-theme.css index 63d42d044..e7daba954 100644 --- a/gray-theme/unauthenticated/gray-theme.css +++ b/gray-theme/unauthenticated/gray-theme.css @@ -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 {