/* ===== DOGNANI AGROPECUARIA — RD Web Client Custom Theme v1.0 ===== */ /* Abordagem: sobrescrever CSS Custom Properties do :root Fluent UI */ /* Aplicado em: index.html via no final do */ /* Criado: 2026-07-01 por Charles Addams */ /* --- VARIAVEIS DE COR DOGNANI ---------------------------------------- */ :root { /* Fundo geral da pagina */ --primary-background-color: #eef4f1 !important; /* Navbar lateral / barra superior */ --navbar-primary-background-color: #0f1f1a !important; --navbar-icon-color: #d4e8e0 !important; --navbar-icon-hover-color: #ffffff !important; --navbar-icon-hover-background-color: rgba(200, 144, 16, 0.18) !important; --navbar-icon-selected-bg-color: rgba(200, 144, 16, 0.28) !important; --navbar-persona-hover-background-color: #1a3530 !important; --navbar-account-card-background-color: #142820 !important; --navbar-account-card-hover-color: #1d6a7a !important; --navbar-account-card-font-color: #d4e8e0 !important; --navbar-tab-active-border: #c89010 !important; --navbar-tab-dismiss-button-color: #d4e8e0 !important; --navbar-tab-active-background-color: #1a3530 !important; --navbar-tab-hover-background-color: #142820 !important; --navbar-tab-font-color: #d4e8e0 !important; --navbar-tab-dismiss-button-hover: #c89010 !important; --navbar-separator-color: rgba(200, 144, 16, 0.35) !important; --navbar-remoteapps-dropdown-background: #142820 !important; --navbar-remoteapps-multiapps-separator: rgba(212, 232, 224, 0.2) !important; --collapsed-navbar-border-color: #c89010 !important; /* Header do workspace (barra com nome do tenant) */ --tenant-header-background-color: #0f1f1a !important; --tenant-header-color-expand: #1a3530 !important; --tenant-header-font-color: #d4e8e0 !important; /* Cards de recursos / RemoteApps */ --allresources-primary-color: #ffffff !important; --allresources-hover-color: #e2f0ea !important; --allresources-resource-font-color: #0f1f1a !important; --allresources-list-divider-color: #c8e0d4 !important; --allresources-disabled-color: #d8ede5 !important; --allresources-controls-icon-color-selected: #1d6a7a !important; /* Links */ --links-color: #1d6a7a !important; --links-color-hover: #145866 !important; --message-banner-link-color: #1d6a7a !important; /* Dialogs / modais */ --dialog-cancel-button-color-hover: #e2f0ea !important; /* Settings pane */ --settings-pane-dropdown-text-hover: #1d6a7a !important; } /* --- CORPO DA PAGINA --------------------------------------------------- */ body { background: #eef4f1 !important; background-color: #eef4f1 !important; } /* --- BOTOES PRIMARIOS (Fluent UI) -------------------------------------- */ /* Botao "Abrir" no card de RemoteApp e outros botoes de acao primaria */ .ms-Button--primary, [class*="ms-Button"][class*="is-enabled"].ms-Button--primary { background-color: #1d6a7a !important; border-color: #1d6a7a !important; border-radius: 8px !important; transition: background-color 0.15s ease, box-shadow 0.15s ease !important; } .ms-Button--primary:hover, .ms-Button--primary:focus, .ms-Button--primary.is-hovered, .ms-Button--primary.is-pressed { background-color: #145866 !important; border-color: #145866 !important; box-shadow: 0 4px 12px rgba(29, 106, 122, 0.30) !important; } /* --- TOOLTIP ----------------------------------------------------------- */ .ms-Tooltip, .ms-Tooltip div { background: #142820 !important; color: #d4e8e0 !important; } /* --- DIALOG / MODAL ---------------------------------------------------- */ /* Botao primario dentro de dialog */ .ms-Dialog-main .ms-Button--primary { background-color: #1d6a7a !important; border-color: #1d6a7a !important; } .ms-Dialog-main .ms-Button--primary:hover { background-color: #145866 !important; } /* --- SCROLLBAR (WebKit) ------------------------------------------------ */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: #d4e8e0; border-radius: 3px; } ::-webkit-scrollbar-thumb { background: #1d6a7a; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #0f1f1a; } /* --- FOCUS RING ACESSIBILIDADE ----------------------------------------- */ *:focus-visible { outline-color: #c89010 !important; outline-offset: 2px !important; }