/* * Paleta Stockly: oro #FEC527, carbón #383838, fondos claros #FCFAF7 / #F5F1EB. * Carga al final para sobreescribir variables Velzon/Bootstrap (--vz-*). */ :root, [data-bs-theme="light"] { --vz-indigo: #383838; --vz-yellow: #fec527; --vz-primary: #fec527; --vz-primary-rgb: 254, 197, 39; --vz-secondary: #535353; --vz-secondary-rgb: 83, 83, 83; --vz-warning: #d69505; --vz-warning-rgb: 214, 149, 5; --vz-gray-100: #fcfaf7; --vz-gray-200: #f5f1eb; --vz-gray-500: #7e7e7e; --vz-gray-600: #686968; --vz-gray-700: #535353; --vz-gray-800: #3d3e3d; --vz-gray-900: #383838; --vz-body-bg: #f5f1eb; --vz-body-bg-rgb: 245, 241, 235; --vz-secondary-bg: #ffffff; --vz-link-color: #b78004; --vz-link-hover-color: #d69505; --vz-link-color-rgb: 183, 128, 4; --vz-link-hover-color-rgb: 214, 149, 5; --vz-primary-text-emphasis: #b78004; --vz-secondary-text-emphasis: #3d3e3d; --vz-primary-bg-subtle: #fff4d6; --vz-primary-border-subtle: #ffdd88; --vz-secondary-bg-subtle: #ececec; --vz-secondary-border-subtle: #b0b0b0; --vz-heading-color: #383838; } /* Layout Velzon: menú / header claro */ :root { --vz-header-item-bg: rgba(254, 197, 39, 0.12); --vz-topbar-search-bg: #fcfaf7; --vz-topbar-user-bg: #fcfaf7; --vz-topnav-item-active-color: #b78004; --vz-vertical-menu-item-bg: rgba(254, 197, 39, 0.15); --vz-vertical-menu-item-hover-color: #b78004; --vz-vertical-menu-item-active-color: #b78004; --vz-vertical-menu-item-active-bg: rgba(254, 197, 39, 0.15); --vz-vertical-menu-sub-item-hover-color: #b78004; --vz-vertical-menu-sub-item-active-color: #b78004; } /* Topbar oscuro (data-topbar="dark" en ) */ :root[data-topbar="dark"] { --vz-header-bg: #383838; --vz-header-border: #383838; --vz-header-item-bg: #535353; --vz-header-item-sub-color: #c8c8c8; --vz-topbar-user-bg: #686968; --vz-topbar-search-bg: rgba(255, 255, 255, 0.08); } /* Sidebar oscuro */ :root[data-sidebar="dark"] { --vz-vertical-menu-bg: #383838; --vz-vertical-menu-border: #383838; --vz-vertical-menu-item-color: #e8e8e8; --vz-vertical-menu-item-hover-color: #fec527; --vz-vertical-menu-item-active-color: #fec527; --vz-vertical-menu-sub-item-color: #d0d0d0; --vz-vertical-menu-sub-item-hover-color: #fec527; --vz-vertical-menu-title-color: #a8a8a8; --vz-twocolumn-menu-iconview-bg: #535353; } [data-bs-theme="dark"] { --vz-header-bg: #383838; --vz-header-border: #383838; --vz-header-item-bg: #535353; --vz-header-item-sub-color: #b8b8b8; --vz-topbar-user-bg: #686968; --vz-topnav-bg: #3d3e3d; } [data-bs-theme="dark"][data-topbar="dark"] { --vz-header-bg: #383838; --vz-header-border: #383838; --vz-header-item-bg: #535353; --vz-header-item-sub-color: #c8c8c8; --vz-topbar-user-bg: #686968; } /* MudBlazor: contraste de texto sobre botones primarios (fondo oro) */ .mud-button-filled.mud-button-filled-primary, .mud-button-filled.mud-button-filled-primary .mud-button-label { color: #383838 !important; }