/* * GyártásTér márkatéma az Account (Identity) felülethez. * Bootstrap 5.1, statikus CSS (nincs SCSS-build). Brand: #304050 pala, #ED6C00 narancs, #366895 acélkék. * Aktiválás: */ /* --- Elsődleges gombok acélkékre (a custom.css #333 !important-ját kell vernie). A login "Bejelentkezés" gombja .btn-info, ezért azt is színezzük. --- */ [data-skin="gyartaster"] .btn-primary, [data-skin="gyartaster"] .btn-info { background-color: #366895 !important; border-color: #366895 !important; color: #fff !important; } [data-skin="gyartaster"] .btn-primary:hover, [data-skin="gyartaster"] .btn-primary:focus, [data-skin="gyartaster"] .btn-primary:active, [data-skin="gyartaster"] .btn-info:hover, [data-skin="gyartaster"] .btn-info:focus, [data-skin="gyartaster"] .btn-info:active { background-color: #2c5478 !important; border-color: #2c5478 !important; } [data-skin="gyartaster"] .btn-primary:focus, [data-skin="gyartaster"] .btn-info:focus { box-shadow: 0 0 0 0.2rem rgba(54, 104, 149, 0.5) !important; } /* --- Login téma-választó ikon kontraszt (jobb felső sarok) --- */ .authentication-bg .header-item { color: #495057; } body[data-layout-mode="dark"] .authentication-bg .header-item { color: #ced4da; } [data-skin="gyartaster"] .nav-pills .nav-link.active, [data-skin="gyartaster"] .nav-pills .show > .nav-link { background-color: #366895 !important; } /* Kendo elsődleges szín (a CDN-es Kendo téma futásidőben erre figyel) */ [data-skin="gyartaster"] { --kendo-color-primary: #366895; } /* --- Logó-váltás (a topbar logo-dark/logo-light helyett a GyártásTér logó) --- */ .logo-gyartaster { display: none; } [data-skin="gyartaster"] .logo-dark, [data-skin="gyartaster"] .logo-light { display: none !important; } [data-skin="gyartaster"] .logo-gyartaster { display: block; } /* --- Világos GyártásTér: szürke fejléc + márkadoboz (a portállal egyezően, a fehér helyett). A GyártásTér tartalma mindig világos; a sötét/világos a fejléc (data-topbar). --- */ [data-skin="gyartaster"][data-topbar="light"] #page-topbar, [data-skin="gyartaster"][data-topbar="light"] .navbar-brand-box { background-color: #e8ebef; } /* --- Sötét GyártásTér: navy topbar + márkadoboz, világos fejléc-elemek (tartalom világos marad) --- */ [data-skin="gyartaster"][data-topbar="dark"] #page-topbar, [data-skin="gyartaster"][data-topbar="dark"] .navbar-brand-box { background-color: #304050; } [data-skin="gyartaster"][data-topbar="dark"] .header-item, [data-skin="gyartaster"][data-topbar="dark"] .user-name { color: #e9ecef; } [data-skin="gyartaster"][data-topbar="dark"] .user-sub-title { color: rgba(255, 255, 255, 0.5); } /* --- Login (anonim) oldal sima sötét módban: a portál dark hátteréhez igazítva --- */ body[data-layout-mode="dark"] .authentication-bg .bg-overlay.bg-white { background-color: #191919 !important; } body[data-layout-mode="dark"] .authentication-bg, body[data-layout-mode="dark"] .authentication-bg .text-muted { color: #adb5bd; }