/* ========================================================================== Tema escuro do Sementes Mana. Ativado pela classe .sm-dark no (toggle no top-bar, persistido em localStorage). Paleta: fundo #1a1d24, superficies #242830, texto #c5ccd6. As caixas coloridas (bg-*) e os botoes mantem suas cores. ========================================================================== */ /* html escuro - so para os iframes do Dialog Framework (body transparente). No login o gradiente (background-image) cobre essa cor, entao nao afeta a tela. */ .sm-dark html { background-color: #242830 !important; } /* NAO altera o fundo das telas de login (body.login-page) - preserva o gradiente */ .sm-dark body:not(.login-page), .sm-dark .wrapper, .sm-dark .content-wrapper { background-color: #1a1d24 !important; color: #c5ccd6 !important; } /* Cabecalho / navbar (skin-blue-light e claro por padrao) */ .sm-dark .main-header .navbar { background-color: #21242b !important; } .sm-dark .main-header .logo { background-color: #1c2027 !important; color: #e6eaf0 !important; border-bottom-color: #2b2f37 !important; } .sm-dark .main-header .navbar .nav > li > a, .sm-dark .main-header .sidebar-toggle { color: #c5ccd6 !important; } .sm-dark .main-header .navbar .nav > li > a:hover, .sm-dark .main-header .sidebar-toggle:hover { background-color: #2b3038 !important; color: #fff !important; } /* Menu lateral */ .sm-dark .main-sidebar, .sm-dark .left-side { background-color: #1c2027 !important; } .sm-dark .sidebar-menu > li > a { color: #b5bcc7 !important; } .sm-dark .sidebar-menu > li.header { background-color: #15181d !important; color: #6b7280 !important; } .sm-dark .sidebar-menu > li:hover > a, .sm-dark .sidebar-menu > li.active > a, .sm-dark .sidebar-menu > li.menu-open > a { background-color: #242830 !important; color: #ffffff !important; } .sm-dark .sidebar-menu .treeview-menu { background-color: #15181d !important; } .sm-dark .sidebar-menu .treeview-menu > li > a { color: #9aa3af !important; } .sm-dark .sidebar form .form-control { background-color: #1c2027 !important; border-color: #2f343d !important; } /* Titulo da pagina / breadcrumb */ .sm-dark .content-header > h1, .sm-dark .content-header > h1 small { color: #e6eaf0 !important; } .sm-dark .breadcrumb { background: transparent !important; } .sm-dark .breadcrumb > li > a, .sm-dark .breadcrumb > .active { color: #8b93a0 !important; } /* Caixas, paineis, dialogs */ .sm-dark .box, .sm-dark .nav-tabs-custom, .sm-dark .ui-panel, .sm-dark .ui-panel-content, .sm-dark .ui-widget-content, .sm-dark .ui-widget-header, .sm-dark .modal-content, .sm-dark .ui-dialog .ui-dialog-content, .sm-dark .ui-dialog .ui-dialog-titlebar, .sm-dark .ui-fieldset, .sm-dark .ui-tabs .ui-tabs-panels { background-color: #242830 !important; color: #c5ccd6 !important; border-color: #2f343d !important; } .sm-dark .box { box-shadow: 0 1px 3px rgba(0, 0, 0, .45) !important; } .sm-dark .box-header, .sm-dark .box-title, .sm-dark .ui-dialog .ui-dialog-title, .sm-dark .ui-panel-titlebar { color: #e6eaf0 !important; } .sm-dark .box.box-primary { border-top-color: #3c8dbc !important; } .sm-dark .box.box-danger { border-top-color: #d9534f !important; } /* Texto geral */ .sm-dark h1, .sm-dark h2, .sm-dark h3, .sm-dark h4, .sm-dark h5, .sm-dark label, .sm-dark .control-label, .sm-dark p, .sm-dark td, .sm-dark th, .sm-dark li, .sm-dark .ui-outputlabel, .sm-dark .ui-panel-content { color: #c5ccd6; } .sm-dark a:not(.btn):not(.small-box-footer):not(.ui-button) { color: #6ab0de; } .sm-dark .text-muted, .sm-dark small, .sm-dark .progress-description { color: #8b93a0 !important; } /* Tabelas (HTML e PrimeFaces) */ .sm-dark .table, .sm-dark .ui-datatable table { color: #c5ccd6 !important; } .sm-dark .table > thead > tr > th, .sm-dark .ui-datatable thead th, .sm-dark .ui-datatable .ui-datatable-header { background-color: #2b3038 !important; color: #e6eaf0 !important; border-color: #363b45 !important; } .sm-dark .table > tbody > tr > td, .sm-dark .ui-datatable tbody td { background-color: #242830 !important; border-color: #2f343d !important; color: #c5ccd6 !important; } .sm-dark .ui-datatable tbody tr.ui-datatable-even td { background-color: #21252d !important; } .sm-dark .table-hover > tbody > tr:hover > td, .sm-dark .ui-datatable tbody tr:hover td { background-color: #2b3038 !important; } .sm-dark .ui-paginator { background-color: #242830 !important; border-color: #2f343d !important; } /* Campos de formulario */ .sm-dark .form-control, .sm-dark .ui-inputtext, .sm-dark .ui-inputfield, .sm-dark .ui-selectonemenu, .sm-dark .ui-selectonemenu-label, .sm-dark .ui-spinner-input, .sm-dark textarea, .sm-dark input[type="text"], .sm-dark input[type="password"] { background-color: #1c2027 !important; color: #e6eaf0 !important; border-color: #363b45 !important; } .sm-dark .ui-inputtext::placeholder, .sm-dark .form-control::placeholder { color: #6b7280 !important; } .sm-dark .ui-selectonemenu-trigger, .sm-dark .ui-inputgroup-addon { background-color: #2b3038 !important; border-color: #363b45 !important; color: #c5ccd6 !important; } /* Overlays (dropdown, selects, calendario, autocomplete) */ .sm-dark .dropdown-menu, .sm-dark .ui-overlaypanel, .sm-dark .ui-selectonemenu-panel, .sm-dark .ui-selectcheckboxmenu-panel, .sm-dark .ui-datepicker, .sm-dark .ui-autocomplete-panel, .sm-dark .ui-tooltip .ui-tooltip-text { background-color: #242830 !important; color: #c5ccd6 !important; border-color: #363b45 !important; } .sm-dark .dropdown-menu > li > a { color: #c5ccd6 !important; } .sm-dark .dropdown-menu > li > a:hover, .sm-dark .ui-selectonemenu-items .ui-selectonemenu-item:hover, .sm-dark .ui-datepicker td a:hover { background-color: #2b3038 !important; } .sm-dark .dropdown-menu .header, .sm-dark .dropdown-menu .footer { background-color: #1c2027 !important; color: #c5ccd6 !important; border-color: #2f343d !important; } /* Rodape */ .sm-dark .main-footer { background-color: #21242b !important; border-top-color: #2b2f37 !important; color: #8b93a0 !important; } /* Separadores e botao default */ .sm-dark hr, .sm-dark .ui-separator { border-color: #2f343d !important; } .sm-dark .btn-default { background-color: #2b3038 !important; color: #c5ccd6 !important; border-color: #363b45 !important; } /* Botao do toggle */ .sm-dark #sm-dark-toggle i { color: #ffd24a !important; } /* Barra de rolagem */ .sm-dark ::-webkit-scrollbar { width: 10px; height: 10px; } .sm-dark ::-webkit-scrollbar-thumb { background: #3a3f49; border-radius: 5px; } .sm-dark ::-webkit-scrollbar-track { background: #15181d; } /* ---- Correcoes adicionais ---- */ /* Caixas info-box (pendentes) e barra de progresso */ .sm-dark .info-box { background-color: #242830 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .45) !important; } .sm-dark .info-box-text, .sm-dark .info-box-number { color: #e6eaf0 !important; } .sm-dark .info-box .progress { background-color: #15181d !important; } /* Lista de "Ultimas mensagens" */ .sm-dark .products-list .item, .sm-dark .product-list-in-box .item { background-color: #242830 !important; border-bottom-color: #2f343d !important; } .sm-dark .product-title { color: #6ab0de !important; } .sm-dark .product-description { color: #9aa3af !important; } /* Superficie generica de conteudo do PrimeFaces (dialogs, paineis, etc.) */ .sm-dark .ui-widget-content { background-color: #242830 !important; color: #c5ccd6 !important; border-color: #2f343d !important; } .sm-dark .ui-dialog, .sm-dark .ui-dialog .ui-dialog-content, .sm-dark .ui-overlaypanel-content { background-color: #242830 !important; color: #c5ccd6 !important; } .sm-dark .ui-dialog .ui-dialog-titlebar-icon, .sm-dark .ui-dialog .ui-dialog-titlebar-close { color: #c5ccd6 !important; } /* Paginadores */ .sm-dark .ui-paginator .ui-state-default, .sm-dark .ui-paginator .ui-paginator-page, .sm-dark .ui-paginator .ui-paginator-first, .sm-dark .ui-paginator .ui-paginator-prev, .sm-dark .ui-paginator .ui-paginator-next, .sm-dark .ui-paginator .ui-paginator-last, .sm-dark .ui-paginator .ui-paginator-current { background-color: #2b3038 !important; color: #c5ccd6 !important; border-color: #363b45 !important; } .sm-dark .ui-paginator .ui-state-active { background-color: #3c8dbc !important; color: #ffffff !important; border-color: #3c8dbc !important; } .sm-dark .ui-paginator .ui-paginator-pages { background-color: transparent !important; background-image: none !important; } /* Abas - AdminLTE (nav-tabs) e PrimeFaces (ui-tabs) */ .sm-dark .nav-tabs-custom, .sm-dark .nav-tabs-custom > .tab-content { background-color: #242830 !important; } .sm-dark .nav-tabs, .sm-dark .nav-tabs-custom > .nav-tabs { background-color: #1c2027 !important; border-bottom-color: #2f343d !important; } .sm-dark .nav-tabs > li > a, .sm-dark .nav-tabs-custom > .nav-tabs > li > a { background-color: #2b3038 !important; color: #9aa3af !important; border-color: #2f343d !important; } .sm-dark .nav-tabs > li.active > a, .sm-dark .nav-tabs > li.active > a:hover, .sm-dark .nav-tabs > li.active > a:focus, .sm-dark .nav-tabs-custom > .nav-tabs > li.active > a { background-color: #242830 !important; color: #6ab0de !important; border-color: #2f343d !important; border-bottom-color: #242830 !important; } .sm-dark .ui-tabs .ui-tabs-nav, .sm-dark .ui-tabs .ui-tabs-nav li, .sm-dark .ui-tabs .ui-tabs-nav li.ui-state-default { background-color: #1c2027 !important; border-color: #2f343d !important; } .sm-dark .ui-tabs .ui-tabs-nav li a { color: #9aa3af !important; } .sm-dark .ui-tabs .ui-tabs-nav li.ui-state-active { background-color: #242830 !important; } .sm-dark .ui-tabs .ui-tabs-nav li.ui-state-active a { color: #6ab0de !important; } /* Navbar robusta (skin-blue-light tem a navbar e os itens claros por padrao) */ .sm-dark body.skin-blue-light .main-header .navbar, .sm-dark .main-header .navbar, .sm-dark .main-header .navbar-static-top, .sm-dark .main-header .navbar-custom-menu, .sm-dark .main-header .navbar .navbar-nav, .sm-dark .main-header .navbar .navbar-nav > li, .sm-dark .main-header .navbar .navbar-nav > li > a, .sm-dark .main-header .navbar .nav > li > a { background-color: #21242b !important; } .sm-dark .main-header .navbar .navbar-nav > li > a, .sm-dark .main-header .navbar .nav > li > a, .sm-dark .main-header .navbar .dropdown-user > a, .sm-dark .main-header .navbar .user-menu > a { color: #c5ccd6 !important; } .sm-dark .main-header .navbar .navbar-nav > li > a:hover, .sm-dark .main-header .navbar .navbar-nav > .open > a, .sm-dark .main-header .navbar .nav > li > a:hover { background-color: #2b3038 !important; color: #ffffff !important; } /* Dialog de carregamento (statusDialog): transparente em light E dark, so o spinner */ #adminStatusDialog, #adminStatusDialog .ui-dialog-content, #adminStatusDialog .ui-dialog-titlebar, #adminStatusDialog.ui-widget-content { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; } /* Caixas de cotacao (small-box) tem cor de fundo fixa -> texto sempre branco no dark */ .sm-dark .small-box h3, .sm-dark .small-box h3 small, .sm-dark .small-box > .inner p, .sm-dark .small-box .small-box-footer, .sm-dark .small-box .small-box-footer i { color: #ffffff !important; } .sm-dark .small-box .small-box-footer { background-color: rgba(0, 0, 0, 0.18) !important; } /* Tela de login no dark: card de autenticacao escuro */ .sm-dark .login-modal, .sm-dark .login-modal .ui-dialog-content, .sm-dark .login-box-body { background-color: #242830 !important; background-image: none !important; color: #c5ccd6 !important; border-color: #2f343d !important; } .sm-dark .login-modal .box-header { background-color: transparent !important; border-bottom-color: #2f343d !important; } .sm-dark .login-modal .box-header b { color: #e6eaf0 !important; } /* Cartoes "callout" (ex.: RESUMO do contrato) */ .sm-dark .callout-card { background-color: #242830 !important; color: #c5ccd6 !important; } .sm-dark .callout-card strong, .sm-dark .callout-card b, .sm-dark .callout-card span { color: #e6eaf0 !important; } /* DataTables - wrappers e linhas (o tema pinta varios conteineres em branco) */ .sm-dark .ui-datatable, .sm-dark .ui-datatable-data, .sm-dark .ui-datatable-tablewrapper, .sm-dark .ui-datatable-scrollable-body, .sm-dark .ui-datatable-scrollable-header, .sm-dark .ui-datatable table, .sm-dark .ui-datatable tbody, .sm-dark .ui-datatable tbody > tr { background-color: #242830 !important; background-image: none !important; color: #c5ccd6 !important; } .sm-dark .ui-datatable tbody > tr.ui-datatable-even { background-color: #21252d !important; } .sm-dark .ui-datatable tbody > tr > td { background-color: transparent !important; background-image: none !important; border-color: #2f343d !important; color: #c5ccd6 !important; } .sm-dark .ui-datatable tbody > tr:hover > td, .sm-dark .ui-datatable tbody > tr.ui-state-highlight > td { background-color: #2b3038 !important; } .sm-dark .ui-datatable-scrollable-header, .sm-dark .ui-datatable thead th { background-color: #2b3038 !important; background-image: none !important; } /* Calendarios (p:calendar / p:datePicker) */ .sm-dark .ui-datepicker, .sm-dark .ui-datepicker-calendar, .sm-dark .ui-datepicker-group { background-color: #242830 !important; border-color: #2f343d !important; } .sm-dark .ui-datepicker .ui-datepicker-header { background-color: #1c2027 !important; color: #e6eaf0 !important; border-color: #2f343d !important; } .sm-dark .ui-datepicker th { color: #9aa3af !important; } .sm-dark .ui-datepicker-calendar td, .sm-dark .ui-datepicker-calendar td a, .sm-dark .ui-datepicker-calendar td span { background-color: transparent !important; color: #c5ccd6 !important; border: none !important; } .sm-dark .ui-datepicker-calendar td a:hover { background-color: #2b3038 !important; } .sm-dark .ui-datepicker-calendar td a.ui-state-active, .sm-dark .ui-datepicker-calendar td.ui-datepicker-today a { background-color: #3c8dbc !important; color: #ffffff !important; } .sm-dark .ui-datepicker .ui-datepicker-buttonpane { background-color: #1c2027 !important; border-color: #2f343d !important; } .sm-dark .ui-datepicker-trigger, .sm-dark .ui-datepicker .ui-datepicker-prev, .sm-dark .ui-datepicker .ui-datepicker-next { color: #c5ccd6 !important; }