/** * Nicoka - Dark Accessible Theme * * Theme sombre concu pour l'accessibilite (malvoyants) * - Contrastes WCAG AA (4.5:1 minimum pour le texte) * - Pas de noir/blanc pur (reduction fatigue visuelle) * - Focus visible renforce * * Selecteur: .nk-theme-dark-accessible (applique sur ) */ /* ============================================ 1. CSS CUSTOM PROPERTIES OVERRIDE ============================================ */ .nk-theme-dark-accessible { --body-bg-color: #1e1e2e; --main-text-color: #e0e0e0; --secondary-text-color: #e0e0e0; --hyperlink-color: #6cb4ee; --hyperlink-active-color: #90caf9; --btn-action-bg-color: #2a2a3d; --btn-action-border-color: #3d3d5c; --btn-action-color: #6cb4ee; --btn-info-bg-color: #2a2a3d; --btn-info-border-color: #3d3d5c; --btn-info-color: #6cb4ee; --panel-border-color: #3d3d5c; --color-danger: #ff8a80; --cell-highlight: #4a4a2e; --nk-input-readonly-bg-color: #33334d; --bs-body-color: #e0e0e0; --bs-body-bg: #1e1e2e; --bs-secondary-bg: #33334d; --bs-tertiary-bg: #2a2a3d; --bs-border-color: #3d3d5c; --bs-modal-padding: 1rem; /* Modern theme variables */ --background-block-color: #2a2a3d; --modern-bg-btn-color: #3d3d5c; --modern-btn-color: #6cb4ee; --modern-btn-text-color: #6cb4ee; --modern-dark-text: #e0e0e0; --hyperlink-breadcrumb-color: #a0a0b0; /* Help widget */ --help-widget-panel-bg: #2a2a3d; --help-widget-text: #e0e0e0; --help-widget-text-muted: #a0a0b0; --help-widget-text-faint: #7a7a8e; --help-widget-border: #3d3d5c; --help-widget-muted: #33334d; } /* ============================================ 2. BODY & LAYOUT ============================================ */ .nk-theme-dark-accessible { background-color: #1e1e2e; color: #e0e0e0; } .nk-theme-dark-accessible #main-content { background-color: #1e1e2e; } .nk-theme-dark-accessible #main-content .wrapper { background-color: #1e1e2e; } .nk-theme-dark-accessible .white-bg { background: #2a2a3d; border-bottom-color: #3d3d5c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } /* ============================================ 3. LIENS ============================================ */ .nk-theme-dark-accessible a { color: #6cb4ee; } .nk-theme-dark-accessible a:hover { color: #90caf9; } /* ============================================ 4. PANELS & CARDS ============================================ */ .nk-theme-dark-accessible .panel { background-color: #2a2a3d; border-color: #3d3d5c; } .nk-theme-dark-accessible .panel-heading, .nk-theme-dark-accessible .panel-default > .panel-heading { background-color: #33334d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .panel-body { background-color: #2a2a3d; color: #e0e0e0; } .nk-theme-dark-accessible .panel-footer { background-color: #33334d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .panel-title { color: #e0e0e0; } .nk-theme-dark-accessible .card { background-color: #2a2a3d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .card-body { background-color: #2a2a3d; color: #e0e0e0; } .nk-theme-dark-accessible .card-header { background-color: #33334d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .card-footer { background-color: #33334d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .bs-panel { background-color: #2a2a3d; border-color: #3d3d5c; } /* ============================================ 5. TAB CONTENT & NAV TABS ============================================ */ .nk-theme-dark-accessible .tab-content { background: #2a2a3d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .nav-tabs > li > a { color: #a0a0b0; border-color: transparent; } .nk-theme-dark-accessible .nav-tabs > li > a:hover { background-color: #33334d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .nav-tabs > li.active > a, .nk-theme-dark-accessible .nav-tabs > li.active > a:hover, .nk-theme-dark-accessible .nav-tabs > li.active > a:focus, .nk-theme-dark-accessible .nav-tabs .nav-link.active { background-color: #2a2a3d; border-color: #3d3d5c; border-bottom-color: #2a2a3d; color: #e0e0e0; } .nk-theme-dark-accessible .nav-tabs { border-bottom-color: #3d3d5c; } .nk-theme-dark-accessible .nav-pills > li > a { color: #a0a0b0; } .nk-theme-dark-accessible .nav-pills > li.active > a, .nk-theme-dark-accessible .nav-pills .nav-link.active { background-color: #3d3d5c; color: #e0e0e0; } /* ============================================ 6. TABLES ============================================ */ .nk-theme-dark-accessible .table { color: #e0e0e0; } .nk-theme-dark-accessible .table > thead > tr > th, .nk-theme-dark-accessible .table > thead > tr > td { background-color: #33334d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .table > tbody > tr > td, .nk-theme-dark-accessible .table > tbody > tr > th, .nk-theme-dark-accessible .table > tfoot > tr > td { border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .table > tbody > tr:hover > td, .nk-theme-dark-accessible .table-hover > tbody > tr:hover { background-color: #33334d; } .nk-theme-dark-accessible .table-striped > tbody > tr:nth-of-type(odd) { background-color: #252538; } .nk-theme-dark-accessible .table-bordered { border-color: #3d3d5c; } .nk-theme-dark-accessible .gd-panel { background-color: #2a2a3d; } .nk-theme-dark-accessible .gd-panel tbody tr:hover { background-color: #33334d; } /* ============================================ 7. FORMULAIRES ============================================ */ .nk-theme-dark-accessible .form-control, .nk-theme-dark-accessible input[type="text"], .nk-theme-dark-accessible input[type="email"], .nk-theme-dark-accessible input[type="password"], .nk-theme-dark-accessible input[type="number"], .nk-theme-dark-accessible input[type="url"], .nk-theme-dark-accessible input[type="search"], .nk-theme-dark-accessible input[type="tel"], .nk-theme-dark-accessible input[type="date"], .nk-theme-dark-accessible textarea, .nk-theme-dark-accessible select, .nk-theme-dark-accessible .form-select { background-color: #33334d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .form-horizontal .block { background-color: inherit; } .nk-theme-dark-accessible .form-control:focus, .nk-theme-dark-accessible input:focus, .nk-theme-dark-accessible textarea:focus, .nk-theme-dark-accessible select:focus { background-color: #3a3a55; border-color: #6cb4ee; color: #e0e0e0; box-shadow: 0 0 0 2px rgba(108, 180, 238, 0.25); } .nk-theme-dark-accessible .form-control::placeholder, .nk-theme-dark-accessible input::placeholder, .nk-theme-dark-accessible textarea::placeholder { color: #7a7a8e; } .nk-theme-dark-accessible .form-control[readonly], .nk-theme-dark-accessible .form-control[disabled], .nk-theme-dark-accessible input[readonly], .nk-theme-dark-accessible input[disabled] { background-color: #252538; color: #7a7a8e; } .nk-theme-dark-accessible .form-horizontal .control-label { color: #e0e0e0; } .nk-theme-dark-accessible input.error { background-color: #3d2020; border-color: #ff8a80; color: #ff8a80; } .nk-theme-dark-accessible .token-input-list { background-color: #33334d; border-color: #3d3d5c; } .nk-theme-dark-accessible .token-input-token { background-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .form-check-input { background-color: #33334d; border-color: #3d3d5c; } /* ============================================ 8. MODALS ============================================ */ .nk-theme-dark-accessible .modal-content { background-color: #2a2a3d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .modal-header { background: #33334d; color: #e0e0e0; border-bottom-color: #3d3d5c; } .nk-theme-dark-accessible .modal-header .close, .nk-theme-dark-accessible .modal-header .btn-close { color: #e0e0e0; opacity: 0.8; } .nk-theme-dark-accessible .modal-body { background-color: #2a2a3d; color: #e0e0e0; } .nk-theme-dark-accessible .modal-footer { background-color: #33334d; border-top-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .modal-backdrop.in { background-color: #000; opacity: 0.6; } .nk-theme-dark-accessible .popup .caption { background-color: #33334d; color: #e0e0e0; } /* ============================================ 9. DROPDOWNS ============================================ */ .nk-theme-dark-accessible .dropdown-menu { background-color: #2a2a3d; border-color: #3d3d5c; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } .nk-theme-dark-accessible .dropdown-item { color: #e0e0e0; } .nk-theme-dark-accessible .dropdown-item:hover, .nk-theme-dark-accessible .dropdown-item:focus { background-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .dropdown-menu > li > a { color: #e0e0e0; } .nk-theme-dark-accessible .dropdown-menu > li > a:hover, .nk-theme-dark-accessible .dropdown-menu > li > a:focus { background-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .dropdown-divider, .nk-theme-dark-accessible .dropdown-menu .divider { border-color: #3d3d5c; } /* ============================================ 10. BOUTONS ============================================ */ .nk-theme-dark-accessible .btn-default { background-color: #3d3d5c; border-color: #4d4d6e; color: #e0e0e0; } .nk-theme-dark-accessible .btn-default:hover, .nk-theme-dark-accessible .btn-default:focus { background-color: #4d4d6e; border-color: #5d5d80; color: #e0e0e0; } .nk-theme-dark-accessible .btn-info { background-color: #2a2a3d; border-color: #3d3d5c; color: #6cb4ee; } .nk-theme-dark-accessible .btn-info:hover, .nk-theme-dark-accessible .btn-info:focus { background-color: #6cb4ee; border-color: #6cb4ee; color: #1e1e2e; } .nk-theme-dark-accessible .btn-danger { background-color: #2a2a3d; border-color: #ff8a80; color: #ff8a80; } .nk-theme-dark-accessible .btn-danger:hover, .nk-theme-dark-accessible .btn-danger:focus { background-color: #ff8a80; border-color: #ff8a80; color: #1e1e2e; } .nk-theme-dark-accessible .btn-warning { background-color: #2a2a3d; border-color: #ffd54f; color: #ffd54f; } .nk-theme-dark-accessible .btn-warning:hover, .nk-theme-dark-accessible .btn-warning:focus { background-color: #ffd54f; border-color: #ffd54f; color: #1e1e2e; } .nk-theme-dark-accessible .btn-success { background-color: #2a2a3d; border-color: #81c784; color: #81c784; } .nk-theme-dark-accessible .btn-success:hover, .nk-theme-dark-accessible .btn-success:focus { background-color: #81c784; border-color: #81c784; color: #1e1e2e; } .nk-theme-dark-accessible .btn-white { background-color: #2a2a3d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .btn-white:hover, .nk-theme-dark-accessible .btn-white:focus { background-color: #33334d; border-color: #4d4d6e; color: #e0e0e0; } /* ============================================ 11. BADGES & LABELS ============================================ */ .nk-theme-dark-accessible .badge { color: #e0e0e0; } .nk-theme-dark-accessible .badge.bg-inverse { background: #3d3d5c; } .nk-theme-dark-accessible .nk-badge.badge-outline.label-default { border-color: #4d4d6e !important; color: #a0a0b0 !important; background-color: #33334d !important; } .nk-theme-dark-accessible .label-default { background-color: #4d4d6e; color: #e0e0e0; } .nk-theme-dark-accessible .label-danger { background-color: #c62828; color: #fce4ec; } .nk-theme-dark-accessible .label-warning { background-color: #f57f17; color: #fff8e1; } .nk-theme-dark-accessible .label-success { background-color: #2e7d32; color: #e8f5e9; } .nk-theme-dark-accessible .label-info { background-color: #512da8; color: #ede7f6; } .nk-theme-dark-accessible .label-primary { background-color: #1565c0; color: #e3f2fd; } .nk-theme-dark-accessible .label-inverse { background-color: #33334d; color: #e0e0e0; } .nk-theme-dark-accessible .text-danger { color: #ff8a80; } .nk-theme-dark-accessible .text-muted { color: #7a7a8e; } .nk-theme-dark-accessible .text-primary { color: #6cb4ee; } .nk-theme-dark-accessible .text-warning { color: #ffd54f; } .nk-theme-dark-accessible .text-success { color: #81c784; } .nk-theme-dark-accessible .text-info { color: #80deea; } /* ============================================ 12. BREADCRUMBS ============================================ */ .nk-theme-dark-accessible .breadcrumb { background-color: #2a2a3d; color: #a0a0b0; } .nk-theme-dark-accessible .breadcrumb > li, .nk-theme-dark-accessible .breadcrumb-item { color: #a0a0b0; } .nk-theme-dark-accessible .breadcrumb > li > a, .nk-theme-dark-accessible .breadcrumb-item > a { color: #6cb4ee; } .nk-theme-dark-accessible .breadcrumb > .active, .nk-theme-dark-accessible .breadcrumb-item.active { color: #e0e0e0; } /* ============================================ 13. LIST GROUPS ============================================ */ .nk-theme-dark-accessible .list-group-item { background-color: #2a2a3d; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .list-group-item:hover { background-color: #33334d; } .nk-theme-dark-accessible .list-group-item.active, .nk-theme-dark-accessible .list-group-item.active:hover, .nk-theme-dark-accessible .list-group-item.active:focus { background-color: #3d3d5c; border-color: #6cb4ee; color: #e0e0e0; } .nk-theme-dark-accessible .list-group-item.disabled, .nk-theme-dark-accessible .list-group-item.disabled:hover, .nk-theme-dark-accessible .list-group-item.disabled:focus { background-color: #252538; color: #5a5a6e; } .nk-theme-dark-accessible .list-group-item-heading { color: #e0e0e0; } /* ============================================ 14. ALERTS ============================================ */ .nk-theme-dark-accessible .alert-success { background-color: #1b3d1e; border-color: #2e7d32; color: #81c784; } .nk-theme-dark-accessible .alert-danger, .nk-theme-dark-accessible .alert-error { background-color: #3d1b1b; border-color: #c62828; color: #ff8a80; } .nk-theme-dark-accessible .alert-warning { background-color: #3d351b; border-color: #f57f17; color: #ffd54f; } .nk-theme-dark-accessible .alert-info { background-color: #1b2d3d; border-color: #1565c0; color: #6cb4ee; } /* ============================================ 15. PROGRESS BARS ============================================ */ .nk-theme-dark-accessible .progress { background-color: #33334d; } /* ============================================ 16. TOOLTIPS & POPOVERS ============================================ */ .nk-theme-dark-accessible .tooltip-inner { background-color: #33334d; color: #e0e0e0; border: 1px solid #3d3d5c; } .nk-theme-dark-accessible .popover { background-color: #2a2a3d; border-color: #3d3d5c; } .nk-theme-dark-accessible .popover-title, .nk-theme-dark-accessible .popover-header { background-color: #33334d; border-bottom-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .popover-content, .nk-theme-dark-accessible .popover-body { color: #e0e0e0; } /* ============================================ 17. PROFILE SECTIONS ============================================ */ .nk-theme-dark-accessible .profile--summary { background-color: #2a2a3d; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.3); } .nk-theme-dark-accessible .profile--infos { background-color: #33334d; color: #e0e0e0; } .nk-theme-dark-accessible .profile--infos .list a { color: #6cb4ee; } .nk-theme-dark-accessible .profile-modern .summary--infos h5, .nk-theme-dark-accessible .profile-modern .summary--infos h6 { color: #e0e0e0; } .nk-theme-dark-accessible .toggle-actions .dropdown-toggle { background-color: #33334d; color: #e0e0e0; } .nk-theme-dark-accessible .toggle-actions .btn-white-main { background: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .toggle-actions .btn-white-main.show { background-color: #3d3d5c; color: #e0e0e0 !important; } .nk-theme-dark-accessible .profile-modern .toggle-actions > a { background: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .profile-nav.nknew-version .search-container { background: #33334d; border-color: #3d3d5c; } .nk-theme-dark-accessible .profile-nav.nknew-version .search-input { color: #e0e0e0; } .nk-theme-dark-accessible .profile-nav.nknew-version .search-input::placeholder { color: #5a5a6e; } .nk-theme-dark-accessible .profile-nav.nknew-version .nav .ui-menu-itm-label { color: #e0e0e0; } .nk-theme-dark-accessible .profile-nav.nknew-version ul > li > a i { color: #a0a0b0; } .nk-theme-dark-accessible .profile-nav.nknew-version .nav-subtitle { color: #a0a0b0; } .nk-theme-dark-accessible .profile-nav.nknew-version .ui-menu-itm-counter { background-color: #3d3d5c; color: #6cb4ee; } .nk-theme-dark-accessible .profile-nav.nknew-version .nav-separator { border-bottom-color: #3d3d5c; } .nk-theme-dark-accessible .profile-nav.nknew-version ul > li > a:hover, .nk-theme-dark-accessible .profile-nav.nknew-version ul > li > a:focus, .nk-theme-dark-accessible .profile-nav.nknew-version ul li.active a { background: #33334d !important; } .nk-theme-dark-accessible .profile-modern .nav-bk { background-color: transparent; } /* ============================================ 18. SOCIAL NETWORK / PUBLICATION ============================================ */ .nk-theme-dark-accessible .sn-grp .panel-body { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .nk-theme-dark-accessible .publisher-fake .publisher-placeholder { background-color: #33334d; border-color: #3d3d5c; color: #a0a0b0; } .nk-theme-dark-accessible .fb-gray-bg { background: #252538; } .nk-theme-dark-accessible .fb-border, .nk-theme-dark-accessible .fb-comments li { border-color: #3d3d5c; } .nk-theme-dark-accessible .fb-user-details p { color: #7a7a8e; } .nk-theme-dark-accessible .fb-timeliner h2 { background: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .fb-timeliner ul li a { color: #7a7a8e; border-left-color: #3d3d5c; } .nk-theme-dark-accessible .edu-publication-list li { background: #33334d; } .nk-theme-dark-accessible .event-post { border-color: #3d3d5c; } /* ============================================ 19. HELP WIDGET ============================================ */ .nk-theme-dark-accessible #footer-help-btn-container.help-widget .help-widget__panel { background: #2a2a3d; border-color: #3d3d5c; } .nk-theme-dark-accessible #footer-help-btn-container.help-widget .help-widget__submit-overlay { background: color-mix(in srgb, #1e1e2e 70%, transparent); } /* ============================================ 20. ACCESSIBILITE ============================================ */ /* Focus visible renforce */ .nk-theme-dark-accessible *:focus-visible { outline: 3px solid #6cb4ee; outline-offset: 2px; } .nk-theme-dark-accessible .btn:focus-visible { outline: 3px solid #6cb4ee; outline-offset: 2px; box-shadow: none; } /* Selection de texte */ .nk-theme-dark-accessible ::selection { background: #3d5a80; color: #e0e0e0; } .nk-theme-dark-accessible ::-moz-selection { background: #3d5a80; color: #e0e0e0; } /* State disabled */ .nk-theme-dark-accessible .disable, .nk-theme-dark-accessible .running { background-color: #252538 !important; color: #5a5a6e; } .nk-theme-dark-accessible .disable input, .nk-theme-dark-accessible .disable select, .nk-theme-dark-accessible .disable .redactor-box, .nk-theme-dark-accessible .disable .token-input-list { background-color: #252538 !important; } /* ============================================ 21. SCROLLBARS ============================================ */ ::-webkit-scrollbar-track { background-color: transparent; } .nk-theme-dark-accessible ::-webkit-scrollbar-thumb { background-color: #4d4d6e; } .nk-theme-dark-accessible ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } /* ============================================ 22. ELEMENTS DIVERS ============================================ */ /* Navbar inverse */ .nk-theme-dark-accessible .navbar-inverse { background-color: #33334d; border-color: #3d3d5c; } .nk-theme-dark-accessible .navbar-inverse .navbar-nav > li > a { color: #e0e0e0; } .nk-theme-dark-accessible .navbar-inverse .navbar-nav > li a:hover { color: #90caf9; } .nk-theme-dark-accessible .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #e0e0e0; } /* Separateurs et bordures */ .nk-theme-dark-accessible .page-header { border-bottom-color: #3d3d5c; } .nk-theme-dark-accessible h1, .nk-theme-dark-accessible h2, .nk-theme-dark-accessible h3, .nk-theme-dark-accessible h4, .nk-theme-dark-accessible h5, .nk-theme-dark-accessible h6 { color: #e0e0e0; } .nk-theme-dark-accessible .bbt { border-bottom-color: #3d3d5c; } .nk-theme-dark-accessible .blf { border-left-color: #3d3d5c; } .nk-theme-dark-accessible .bri { border-right-color: #3d3d5c; } .nk-theme-dark-accessible .brg, .nk-theme-dark-accessible .brl, .nk-theme-dark-accessible .brb, .nk-theme-dark-accessible .brt, .nk-theme-dark-accessible .bra, .nk-theme-dark-accessible .bd-light { border-color: #3d3d5c; } /* Timeline */ .nk-theme-dark-accessible .timeline-desk .panel:hover { background-color: #33334d; } /* Canvas */ .nk-theme-dark-accessible #screenshot canvas { background: #33334d; } /* Widget frame */ .nk-theme-dark-accessible .widget-frame { background-color: #2a2a3d; } /* Public section */ .nk-theme-dark-accessible .public .panel { border-color: #3d3d5c; } /* Sidebar customizing */ .nk-theme-dark-accessible .ui-customizing-panel { background-color: #2a2a3d; color: #e0e0e0; } /* Mail / Inbox */ .nk-theme-dark-accessible .mail-box { background-color: #2a2a3d; } /* Redactor WYSIWYG */ .nk-theme-dark-accessible .redactor-box { background-color: #33334d; border-color: #3d3d5c; } .nk-theme-dark-accessible .redactor-box .redactor-editor, .nk-theme-dark-accessible .redactor-box textarea { background-color: #33334d; color: #e0e0e0; } /* Accordion */ .nk-theme-dark-accessible .accordion-item { background-color: #2a2a3d; border-color: #3d3d5c; } .nk-theme-dark-accessible .accordion-button { background-color: #33334d; color: #e0e0e0; } .nk-theme-dark-accessible .accordion-button:not(.collapsed) { background-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .accordion-body { background-color: #2a2a3d; color: #e0e0e0; } /* Pagination */ .nk-theme-dark-accessible .pagination > li > a, .nk-theme-dark-accessible .pagination > li > span, .nk-theme-dark-accessible .page-link { background-color: #2a2a3d; border-color: #3d3d5c; color: #6cb4ee; } .nk-theme-dark-accessible .pagination > li > a:hover, .nk-theme-dark-accessible .page-link:hover { background-color: #33334d; border-color: #3d3d5c; color: #90caf9; } .nk-theme-dark-accessible .pagination > .active > a, .nk-theme-dark-accessible .pagination > .active > span, .nk-theme-dark-accessible .page-item.active .page-link { background-color: #3d3d5c; border-color: #6cb4ee; color: #e0e0e0; } /* Fil-ariane / pagination profil */ .nk-theme-dark-accessible .fil-pagination i { background: #33334d; color: #a0a0b0; } /* Kanban */ .nk-theme-dark-accessible .nk-kanban-header-card { background-color: #2a2a3d; box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 4px 6px rgba(0,0,0,.15); } .nk-theme-dark-accessible .nk-kanban-application-card { background-color: #2a2a3d; border-color: #3d3d5c; box-shadow: 0 1px 3px rgba(0,0,0,.3); } .nk-theme-dark-accessible .nk-kanban-application-card:hover { box-shadow: 0 4px 10px rgba(0,0,0,.35); } .nk-theme-dark-accessible .nk-kanban-application-card.hired { background: rgba(169, 216, 110, 0.2); } .nk-theme-dark-accessible .nk-kanban-application .nk-kanban-application-card:hover { background-color: #3d3d5c; } .nk-theme-dark-accessible .js-step-disqualify:hover { background-color: rgba(255, 138, 128, 0.15) !important; } .nk-theme-dark-accessible .nk-kanban-disqualify:hover, .nk-theme-dark-accessible .nk-kanban-disqualify:hover .js-step-disqualify { background-color: rgba(255, 138, 128, 0.15) !important; } /* Callouts & messages */ .nk-theme-dark-accessible .bs-callout { border-color: #3d3d5c; background-color: #2a2a3d; } .nk-theme-dark-accessible .f-message .bs-callout { background-color: #2a2a3d; } .nk-theme-dark-accessible .bs-callout-danger { border-left-color: #ff8a80; } .nk-theme-dark-accessible .bs-callout-danger h4 { color: #ff8a80; } .nk-theme-dark-accessible .bs-callout-warning { border-left-color: #ffcc00; } .nk-theme-dark-accessible .bs-callout-warning h4 { color: #ffcc00; } .nk-theme-dark-accessible .bs-callout-info { border-left-color: #6cb4ee; } .nk-theme-dark-accessible .bs-callout-info h4 { color: #6cb4ee; } .nk-theme-dark-accessible .bs-panel { background-color: #2a2a3d; } /* Activities toolbar */ .nk-theme-dark-accessible .activities-toolbar { border-color: #3d3d5c; background: #2a2a3d; } .nk-theme-dark-accessible .activities-toolbar .btn-default { color: #e0e0e0; background-color: #2a2a3d; border-color: #3d3d5c; } .nk-theme-dark-accessible .activities-toolbar .btn-default:hover { color: #fff; background-color: #33334d; border-color: #4d4d6e; } /* Redactor WYSIWYG (Redactor 4 custom variables) */ .nk-theme-dark-accessible { --rx-fg-heading: #d8d8db; --rx-fg-text: #e0e0e0; --rx-fg-subtle: #a0a0b0; --rx-fg-placeholder: #5a5a6e; --rx-bg-input: #1e1e2e; --rx-bg-input-shaded: #1e1e2e; --rx-bg-input-on: #6cb4ee; --rx-bg-input-off: rgba(255, 255, 255, 0.2); --rx-bg-input-disabled: rgba(255, 255, 255, 0.05); --rx-bg-aluminum: #2a2a3d; --rx-bg-silver: #33334d; --rx-bg-platinum: #3d3d5c; --rx-bg-base: #1e1e2e; --rx-bg-raised: #2a2a3d; --rx-bg-overlay: #2a2a3d; --rx-bg-toolbar: rgba(42, 42, 61, 0.97); --rx-bg-toolbar-raised: rgba(42, 42, 61, 0.97); --rx-bg-context-active: #33334d; --rx-bg-focus: #33334d; --rx-border-divider: rgba(255, 255, 255, 0.1); --rx-border-input: #3d3d5c; --rx-border-focus: #6cb4ee; --rx-fg-dark-accent: #e0e0e0; --rx-fg-dark-heading: #e0e0e0; --rx-fg-dark-text: rgba(224, 224, 224, 0.8); --rx-fg-dark-subtle: rgba(224, 224, 224, 0.6); --rx-fg-dark-minimal: rgba(224, 224, 224, 0.5); --rx-fg-dark-dimmed: rgba(224, 224, 224, 0.4); --rx-bg-dark-dimmed: rgba(255, 255, 255, 0.03); --rx-bg-dark-minimal: rgba(255, 255, 255, 0.05); --rx-bg-dark-subtle: rgba(255, 255, 255, 0.08); --rx-bg-dark-medium: rgba(255, 255, 255, 0.15); --rx-bg-dark-strong: rgba(255, 255, 255, 0.25); --rx-bg-dark-accent: #e0e0e0; --rx-bg-dark-accent-hover: rgba(224, 224, 224, 0.8); --rx-border-dark-dimmed: rgba(255, 255, 255, 0.05); --rx-border-dark-minimal: rgba(255, 255, 255, 0.08); --rx-border-dark-subtle: rgba(255, 255, 255, 0.1); --rx-border-dark-medium: rgba(255, 255, 255, 0.2); --rx-border-dark-accent: #e0e0e0; --rx-link-color: #6cb4ee; --rx-link-hover-color: #90caf9; } .nk-theme-dark-accessible .rx-toolbar { background: #2a2a3d; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .nk-theme-dark-accessible .rx-content { color: #e0e0e0; } .nk-theme-dark-accessible .rx-toolbox-container { border-color: #3d3d5c; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .nk-theme-dark-accessible #redactor-handle-list { background-color: #2a2a3d; box-shadow: 0 4px 14px rgba(0, 0, 0, .4); } .nk-theme-dark-accessible #redactor-handle-list a { color: #e0e0e0; border-bottom-color: #3d3d5c; } .nk-theme-dark-accessible .mention-container-custom .rx-panel-item:hover { background-color: #33334d; } .nk-theme-dark-accessible .js-evaluation-ai-overlay .ai-status-indicator { background: #2a2a3d; } .nk-theme-dark-accessible .rx-chat-header { border-color: #3d3d5c; background: linear-gradient(90deg, #2a2a3d 0%, #33334d 100%); } .nk-theme-dark-accessible .rx-chat-title { color: #e0e0e0; } .nk-theme-dark-accessible .rx-chat-empty { color: #5a5a6e; } .nk-theme-dark-accessible .rx-chat-btn { border-color: #3d3d5c; background: #2a2a3d; color: #e0e0e0; } .nk-theme-dark-accessible .rx-chat-btn:hover:not(:disabled) { border-color: #6cb4ee; color: #6cb4ee; } .nk-theme-dark-accessible .rx-chat-btn-ghost { background: #33334d; } .nk-theme-dark-accessible .rx-chat-input { background: #1e1e2e; border-color: #3d3d5c; color: #e0e0e0; } .nk-theme-dark-accessible .rx-chat-message--assistant .rx-chat-bubble { background: #2a2a3d; border-color: #3d3d5c; color: #e0e0e0; }