diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css index 64b815f..9ff596b 100644 --- a/src/css/ext6-pmx.css +++ b/src/css/ext6-pmx.css @@ -66,6 +66,9 @@ .x-mask-msg-text { text-align: center; } +.x-window-header-default-top .x-mask { + background-color: #f5f5f5B4; /* ~ 0.7 opacity */ +} .proxmox-disabled-row, .proxmox-disabled-row td { /*color: #a0a0a0;*/ diff --git a/src/proxmox-dark/scss/extjs/_window.scss b/src/proxmox-dark/scss/extjs/_window.scss index 0fe188d..82b0ded 100644 --- a/src/proxmox-dark/scss/extjs/_window.scss +++ b/src/proxmox-dark/scss/extjs/_window.scss @@ -12,6 +12,12 @@ // make the color transparent so the border doesn't appear visibly, // like in crisp, but keep to keep the layout intact border-color: transparent; + + // relevant for (disabled) elements that are rendered directly on the header bar like tools + // As otherwise, a too light mask is used, which then makes the element stand out in an odd way + .x-mask { + background-color: rgba($background-darker, 0.7); + } } .x-window-header-title-default {