Fix remaining blue accents (disabled buttons, sorted headers, menu/tab hover)
This commit is contained in:
@@ -877,20 +877,20 @@ tr:not(.x-grid-tree-node-expanded) .x-tree-expander::before {
|
|||||||
|
|
||||||
.x-btn-default-small.x-btn-over,
|
.x-btn-default-small.x-btn-over,
|
||||||
.x-keyboard-mode .x-btn-default-small.x-btn-focus {
|
.x-keyboard-mode .x-btn-default-small.x-btn-focus {
|
||||||
background-color: #338BFF;
|
background-color: var(--pm-accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Pressed state */
|
/* Pressed state */
|
||||||
.x-btn-default-small.x-btn-pressed,
|
.x-btn-default-small.x-btn-pressed,
|
||||||
.x-btn-default-small.x-btn-menu-active {
|
.x-btn-default-small.x-btn-menu-active {
|
||||||
background-color: #0056CC;
|
background-color: var(--pm-accent-active);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fix #29: Disabled buttons — explicit muted colors instead of opacity */
|
/* Fix #29: Disabled buttons — explicit muted colors instead of opacity */
|
||||||
.x-btn-default-small.x-btn.x-btn-disabled {
|
.x-btn-default-small.x-btn.x-btn-disabled {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background-color: #003A80 !important;
|
background-color: #1a0808 !important;
|
||||||
border-color: #002D66 !important;
|
border-color: #2a0808 !important;
|
||||||
}
|
}
|
||||||
.x-btn-default-small.x-btn.x-btn-disabled .x-btn-inner {
|
.x-btn-default-small.x-btn.x-btn-disabled .x-btn-inner {
|
||||||
color: #8A9099 !important;
|
color: #8A9099 !important;
|
||||||
@@ -1429,7 +1429,7 @@ div[id^="pveLogView-"] .x-grid-cell-inner,
|
|||||||
|
|
||||||
.x-column-header-sort-ASC,
|
.x-column-header-sort-ASC,
|
||||||
.x-column-header-sort-DESC {
|
.x-column-header-sort-DESC {
|
||||||
background-color: #1b384c;
|
background-color: #1c0808;
|
||||||
}
|
}
|
||||||
|
|
||||||
.x-grid-row-summary .x-grid-cell,
|
.x-grid-row-summary .x-grid-cell,
|
||||||
@@ -2380,7 +2380,7 @@ span.proxmox-tag-light {
|
|||||||
|
|
||||||
/* Checkmark button hover - lighter blue */
|
/* Checkmark button hover - lighter blue */
|
||||||
.x-btn.x-btn-default-small:has(.fa-check):not(.x-btn-disabled):hover {
|
.x-btn.x-btn-default-small:has(.fa-check):not(.x-btn-disabled):hover {
|
||||||
background-color: #338BFF !important;
|
background-color: var(--pm-accent-hover) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide the inner element on checkmark button */
|
/* Hide the inner element on checkmark button */
|
||||||
@@ -2888,13 +2888,13 @@ svg text {
|
|||||||
/* Menu item hover */
|
/* Menu item hover */
|
||||||
.x-menu-item:hover,
|
.x-menu-item:hover,
|
||||||
.x-menu-item-active {
|
.x-menu-item-active {
|
||||||
background-color: #22252d !important;
|
background-color: var(--pm-bg-surface) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tab hover */
|
/* Tab hover */
|
||||||
.x-tab:hover,
|
.x-tab:hover,
|
||||||
.x-tab.x-tab-over {
|
.x-tab.x-tab-over {
|
||||||
background-color: #1a1c22 !important;
|
background-color: var(--pm-bg-surface) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dropdown item hover - UniFi style */
|
/* Dropdown item hover - UniFi style */
|
||||||
@@ -3348,7 +3348,7 @@ html {
|
|||||||
.x-grid-item-selected .fa,
|
.x-grid-item-selected .fa,
|
||||||
.x-grid-item-focused .x-tree-icon,
|
.x-grid-item-focused .x-tree-icon,
|
||||||
.x-grid-item-focused .fa {
|
.x-grid-item-focused .fa {
|
||||||
color: #3B8BEB !important;
|
color: var(--pm-accent) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hover state for grid items - text stays primary color */
|
/* Hover state for grid items - text stays primary color */
|
||||||
|
|||||||
Reference in New Issue
Block a user