/* GENERATED by tools/km_dark_gen.pl - do not edit by hand; re-run the script instead. * Dark-mode twins of the fixed light colours in the files below (see the script header). * assets/css/km-bootstrap.css 204 rules * assets/css/km-adminlte.css 146 rules * css_data3.php 6 rules * assets/km-theme.css 84 rules * assets/km-external.css 17 rules * assets/km-article.css 36 rules * assets/km-carlender.css 13 rules * assets/km-calendar.css 14 rules * assets/km-people.css 17 rules * assets/km-social.css 24 rules * assets/km-widgets.css 23 rules * assets/km-setup.css 53 rules * assets/km-setup-frame.css 29 rules * assets/km-backup.css 30 rules * assets/km-preview.css 3 rules * assets/km-bio.css 14 rules * assets/km-indexpages.css 8 rules * assets/km-feedact.css 9 rules * backup.php 3 rules * function_listsearch.php 13 rules * function_pagefeed.php 3 rules * function_pagenews.php 12 rules * function_photolayout.php 11 rules * personal_photoalbum.php 2 rules * setup_people_export_xls.php 8 rules */ :where(html[data-theme="dark"]) mark { color: var(--km-text); } :where(html[data-theme="dark"]) fieldset { border-color: var(--km-border); } :where(html[data-theme="dark"]) body { color: var(--km-text); background-color: var(--km-surface); } :where(html[data-theme="dark"]) a:hover, :where(html[data-theme="dark"]) a:focus { color: hsla(208, 55%, 74%, 1); } :where(html[data-theme="dark"]) .img-thumbnail { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) hr { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) h1 small, :where(html[data-theme="dark"]) h2 small, :where(html[data-theme="dark"]) h3 small, :where(html[data-theme="dark"]) h4 small, :where(html[data-theme="dark"]) h5 small, :where(html[data-theme="dark"]) h6 small, :where(html[data-theme="dark"]) .h1 small, :where(html[data-theme="dark"]) .h2 small, :where(html[data-theme="dark"]) .h3 small, :where(html[data-theme="dark"]) .h4 small, :where(html[data-theme="dark"]) .h5 small, :where(html[data-theme="dark"]) .h6 small, :where(html[data-theme="dark"]) h1 .small, :where(html[data-theme="dark"]) h2 .small, :where(html[data-theme="dark"]) h3 .small, :where(html[data-theme="dark"]) h4 .small, :where(html[data-theme="dark"]) h5 .small, :where(html[data-theme="dark"]) h6 .small, :where(html[data-theme="dark"]) .h1 .small, :where(html[data-theme="dark"]) .h2 .small, :where(html[data-theme="dark"]) .h3 .small, :where(html[data-theme="dark"]) .h4 .small, :where(html[data-theme="dark"]) .h5 .small, :where(html[data-theme="dark"]) .h6 .small { color: var(--km-muted); } :where(html[data-theme="dark"]) mark, :where(html[data-theme="dark"]) .mark { background-color: hsla(50, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .text-muted { color: var(--km-muted); } :where(html[data-theme="dark"]) a.text-primary:hover { color: hsla(207, 56%, 74%, 1); } :where(html[data-theme="dark"]) .text-success { color: hsla(121, 32%, 74%, 1); } :where(html[data-theme="dark"]) a.text-success:hover { color: hsla(121, 32%, 74%, 1); } :where(html[data-theme="dark"]) .text-info { color: hsla(199, 48%, 74%, 1); } :where(html[data-theme="dark"]) a.text-info:hover { color: hsla(199, 48%, 74%, 1); } :where(html[data-theme="dark"]) .text-warning { color: hsla(37, 40%, 74%, 1); } :where(html[data-theme="dark"]) a.text-warning:hover { color: hsla(38, 39%, 74%, 1); } :where(html[data-theme="dark"]) a.text-danger:hover { color: hsla(0, 43%, 74%, 1); } :where(html[data-theme="dark"]) .bg-success { background-color: hsla(102, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .bg-info { background-color: hsla(199, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .bg-warning { background-color: hsla(50, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .bg-danger { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .page-header { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) blockquote { border-left-color: var(--km-border); } :where(html[data-theme="dark"]) blockquote footer, :where(html[data-theme="dark"]) blockquote small, :where(html[data-theme="dark"]) blockquote .small { color: var(--km-muted); } :where(html[data-theme="dark"]) .blockquote-reverse, :where(html[data-theme="dark"]) blockquote.pull-right { border-right-color: var(--km-border); } :where(html[data-theme="dark"]) code { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) pre { color: var(--km-text); background-color: var(--km-surface-2); border-color: var(--km-border); } :where(html[data-theme="dark"]) caption { color: var(--km-muted); } :where(html[data-theme="dark"]) .table > thead > tr > th, :where(html[data-theme="dark"]) .table > tbody > tr > th, :where(html[data-theme="dark"]) .table > tfoot > tr > th, :where(html[data-theme="dark"]) .table > thead > tr > td, :where(html[data-theme="dark"]) .table > tbody > tr > td, :where(html[data-theme="dark"]) .table > tfoot > tr > td { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .table > thead > tr > th { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .table > tbody + tbody { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .table .table { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .table-bordered { border-color: var(--km-border); } :where(html[data-theme="dark"]) .table-bordered > thead > tr > th, :where(html[data-theme="dark"]) .table-bordered > tbody > tr > th, :where(html[data-theme="dark"]) .table-bordered > tfoot > tr > th, :where(html[data-theme="dark"]) .table-bordered > thead > tr > td, :where(html[data-theme="dark"]) .table-bordered > tbody > tr > td, :where(html[data-theme="dark"]) .table-bordered > tfoot > tr > td { border-color: var(--km-border); } :where(html[data-theme="dark"]) .table > thead > tr > td.active, :where(html[data-theme="dark"]) .table > tbody > tr > td.active, :where(html[data-theme="dark"]) .table > tfoot > tr > td.active, :where(html[data-theme="dark"]) .table > thead > tr > th.active, :where(html[data-theme="dark"]) .table > tbody > tr > th.active, :where(html[data-theme="dark"]) .table > tfoot > tr > th.active, :where(html[data-theme="dark"]) .table > thead > tr.active > td, :where(html[data-theme="dark"]) .table > tbody > tr.active > td, :where(html[data-theme="dark"]) .table > tfoot > tr.active > td, :where(html[data-theme="dark"]) .table > thead > tr.active > th, :where(html[data-theme="dark"]) .table > tbody > tr.active > th, :where(html[data-theme="dark"]) .table > tfoot > tr.active > th { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .table-hover > tbody > tr > td.active:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr > th.active:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr.active:hover > td, :where(html[data-theme="dark"]) .table-hover > tbody > tr:hover > .active, :where(html[data-theme="dark"]) .table-hover > tbody > tr.active:hover > th { background-color: var(--km-border); } :where(html[data-theme="dark"]) .table > thead > tr > td.success, :where(html[data-theme="dark"]) .table > tbody > tr > td.success, :where(html[data-theme="dark"]) .table > tfoot > tr > td.success, :where(html[data-theme="dark"]) .table > thead > tr > th.success, :where(html[data-theme="dark"]) .table > tbody > tr > th.success, :where(html[data-theme="dark"]) .table > tfoot > tr > th.success, :where(html[data-theme="dark"]) .table > thead > tr.success > td, :where(html[data-theme="dark"]) .table > tbody > tr.success > td, :where(html[data-theme="dark"]) .table > tfoot > tr.success > td, :where(html[data-theme="dark"]) .table > thead > tr.success > th, :where(html[data-theme="dark"]) .table > tbody > tr.success > th, :where(html[data-theme="dark"]) .table > tfoot > tr.success > th { background-color: hsla(102, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .table > thead > tr > td.info, :where(html[data-theme="dark"]) .table > tbody > tr > td.info, :where(html[data-theme="dark"]) .table > tfoot > tr > td.info, :where(html[data-theme="dark"]) .table > thead > tr > th.info, :where(html[data-theme="dark"]) .table > tbody > tr > th.info, :where(html[data-theme="dark"]) .table > tfoot > tr > th.info, :where(html[data-theme="dark"]) .table > thead > tr.info > td, :where(html[data-theme="dark"]) .table > tbody > tr.info > td, :where(html[data-theme="dark"]) .table > tfoot > tr.info > td, :where(html[data-theme="dark"]) .table > thead > tr.info > th, :where(html[data-theme="dark"]) .table > tbody > tr.info > th, :where(html[data-theme="dark"]) .table > tfoot > tr.info > th { background-color: hsla(199, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .table-hover > tbody > tr > td.info:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr > th.info:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr.info:hover > td, :where(html[data-theme="dark"]) .table-hover > tbody > tr:hover > .info, :where(html[data-theme="dark"]) .table-hover > tbody > tr.info:hover > th { background-color: hsla(200, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .table > thead > tr > td.warning, :where(html[data-theme="dark"]) .table > tbody > tr > td.warning, :where(html[data-theme="dark"]) .table > tfoot > tr > td.warning, :where(html[data-theme="dark"]) .table > thead > tr > th.warning, :where(html[data-theme="dark"]) .table > tbody > tr > th.warning, :where(html[data-theme="dark"]) .table > tfoot > tr > th.warning, :where(html[data-theme="dark"]) .table > thead > tr.warning > td, :where(html[data-theme="dark"]) .table > tbody > tr.warning > td, :where(html[data-theme="dark"]) .table > tfoot > tr.warning > td, :where(html[data-theme="dark"]) .table > thead > tr.warning > th, :where(html[data-theme="dark"]) .table > tbody > tr.warning > th, :where(html[data-theme="dark"]) .table > tfoot > tr.warning > th { background-color: hsla(50, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .table-hover > tbody > tr > td.warning:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr > th.warning:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr.warning:hover > td, :where(html[data-theme="dark"]) .table-hover > tbody > tr:hover > .warning, :where(html[data-theme="dark"]) .table-hover > tbody > tr.warning:hover > th { background-color: hsla(49, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .table > thead > tr > td.danger, :where(html[data-theme="dark"]) .table > tbody > tr > td.danger, :where(html[data-theme="dark"]) .table > tfoot > tr > td.danger, :where(html[data-theme="dark"]) .table > thead > tr > th.danger, :where(html[data-theme="dark"]) .table > tbody > tr > th.danger, :where(html[data-theme="dark"]) .table > tfoot > tr > th.danger, :where(html[data-theme="dark"]) .table > thead > tr.danger > td, :where(html[data-theme="dark"]) .table > tbody > tr.danger > td, :where(html[data-theme="dark"]) .table > tfoot > tr.danger > td, :where(html[data-theme="dark"]) .table > thead > tr.danger > th, :where(html[data-theme="dark"]) .table > tbody > tr.danger > th, :where(html[data-theme="dark"]) .table > tfoot > tr.danger > th { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .table-hover > tbody > tr > td.danger:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr > th.danger:hover, :where(html[data-theme="dark"]) .table-hover > tbody > tr.danger:hover > td, :where(html[data-theme="dark"]) .table-hover > tbody > tr:hover > .danger, :where(html[data-theme="dark"]) .table-hover > tbody > tr.danger:hover > th { background-color: hsla(0, 65%, 55%, 0.14); } @media screen and (max-width: 767px) { :where(html[data-theme="dark"]) .table-responsive { border-color: var(--km-border); } } :where(html[data-theme="dark"]) legend { color: var(--km-text); border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) output { color: var(--km-muted); } :where(html[data-theme="dark"]) .form-login { color: var(--km-muted); background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .form-login::-moz-placeholder { color: var(--km-muted); } :where(html[data-theme="dark"]) .form-login:-ms-input-placeholder { color: var(--km-muted); } :where(html[data-theme="dark"]) .form-login::-webkit-input-placeholder { color: var(--km-muted); } :where(html[data-theme="dark"]) .form-login[disabled], :where(html[data-theme="dark"]) .form-login[readonly], :where(html[data-theme="dark"]) fieldset[disabled] .form-login { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .form-control-half { color: var(--km-muted); background-color: var(--km-input); border-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .form-control-mini { color: var(--km-muted); background-color: var(--km-input); border-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .form-control { color: var(--km-muted); background-color: var(--km-input); border-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .form-control::-moz-placeholder { color: var(--km-muted); } :where(html[data-theme="dark"]) .form-control:-ms-input-placeholder { color: var(--km-muted); } :where(html[data-theme="dark"]) .form-control::-webkit-input-placeholder { color: var(--km-muted); } :where(html[data-theme="dark"]) .form-control[disabled], :where(html[data-theme="dark"]) .form-control[readonly], :where(html[data-theme="dark"]) fieldset[disabled] .form-control { background-color: var(--km-input); } :where(html[data-theme="dark"]) .has-success .help-block, :where(html[data-theme="dark"]) .has-success .control-label, :where(html[data-theme="dark"]) .has-success .radio, :where(html[data-theme="dark"]) .has-success .checkbox, :where(html[data-theme="dark"]) .has-success .radio-inline, :where(html[data-theme="dark"]) .has-success .checkbox-inline, :where(html[data-theme="dark"]) .has-success.radio label, :where(html[data-theme="dark"]) .has-success.checkbox label, :where(html[data-theme="dark"]) .has-success.radio-inline label, :where(html[data-theme="dark"]) .has-success.checkbox-inline label { color: hsla(121, 32%, 74%, 1); } :where(html[data-theme="dark"]) .has-success .input-group-addon { color: hsla(121, 32%, 74%, 1); background-color: hsla(102, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .has-success .form-control-feedback { color: hsla(121, 32%, 74%, 1); } :where(html[data-theme="dark"]) .has-warning .help-block, :where(html[data-theme="dark"]) .has-warning .control-label, :where(html[data-theme="dark"]) .has-warning .radio, :where(html[data-theme="dark"]) .has-warning .checkbox, :where(html[data-theme="dark"]) .has-warning .radio-inline, :where(html[data-theme="dark"]) .has-warning .checkbox-inline, :where(html[data-theme="dark"]) .has-warning.radio label, :where(html[data-theme="dark"]) .has-warning.checkbox label, :where(html[data-theme="dark"]) .has-warning.radio-inline label, :where(html[data-theme="dark"]) .has-warning.checkbox-inline label { color: hsla(37, 40%, 74%, 1); } :where(html[data-theme="dark"]) .has-warning .input-group-addon { color: hsla(37, 40%, 74%, 1); background-color: hsla(50, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .has-warning .form-control-feedback { color: hsla(37, 40%, 74%, 1); } :where(html[data-theme="dark"]) .has-error .input-group-addon { background-color: var(--km-input); } :where(html[data-theme="dark"]) .help-block { color: var(--km-muted); } :where(html[data-theme="dark"]) .btn:hover, :where(html[data-theme="dark"]) .btn:focus, :where(html[data-theme="dark"]) .btn.focus { color: var(--km-text); } :where(html[data-theme="dark"]) .btn-default { color: var(--km-text); background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .btn-default:hover, :where(html[data-theme="dark"]) .btn-default:focus, :where(html[data-theme="dark"]) .btn-default.focus, :where(html[data-theme="dark"]) .btn-default:active, :where(html[data-theme="dark"]) .btn-default.active, :where(html[data-theme="dark"]) .open > .dropdown-toggle.btn-default { color: var(--km-text); background-color: var(--km-border); } :where(html[data-theme="dark"]) .btn-default.disabled, :where(html[data-theme="dark"]) .btn-default[disabled], :where(html[data-theme="dark"]) fieldset[disabled] .btn-default, :where(html[data-theme="dark"]) .btn-default.disabled:hover, :where(html[data-theme="dark"]) .btn-default[disabled]:hover, :where(html[data-theme="dark"]) fieldset[disabled] .btn-default:hover, :where(html[data-theme="dark"]) .btn-default.disabled:focus, :where(html[data-theme="dark"]) .btn-default[disabled]:focus, :where(html[data-theme="dark"]) fieldset[disabled] .btn-default:focus, :where(html[data-theme="dark"]) .btn-default.disabled.focus, :where(html[data-theme="dark"]) .btn-default[disabled].focus, :where(html[data-theme="dark"]) fieldset[disabled] .btn-default.focus, :where(html[data-theme="dark"]) .btn-default.disabled:active, :where(html[data-theme="dark"]) .btn-default[disabled]:active, :where(html[data-theme="dark"]) fieldset[disabled] .btn-default:active, :where(html[data-theme="dark"]) .btn-default.disabled.active, :where(html[data-theme="dark"]) .btn-default[disabled].active, :where(html[data-theme="dark"]) fieldset[disabled] .btn-default.active { background-color: var(--km-border); border-color: var(--km-border); } :where(html[data-theme="dark"]) .btn-link:hover, :where(html[data-theme="dark"]) .btn-link:focus { color: hsla(208, 55%, 74%, 1); } :where(html[data-theme="dark"]) .btn-link[disabled]:hover, :where(html[data-theme="dark"]) fieldset[disabled] .btn-link:hover, :where(html[data-theme="dark"]) .btn-link[disabled]:focus, :where(html[data-theme="dark"]) fieldset[disabled] .btn-link:focus { color: var(--km-muted); } :where(html[data-theme="dark"]) .dropdown-menu { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .dropdown-menu .divider { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .dropdown-menu > li > a { color: var(--km-text); } :where(html[data-theme="dark"]) .dropdown-menu > li > a:hover, :where(html[data-theme="dark"]) .dropdown-menu > li > a:focus { color: var(--km-text); background-color: var(--km-border); } :where(html[data-theme="dark"]) .dropdown-menu > .disabled > a, :where(html[data-theme="dark"]) .dropdown-menu > .disabled > a:hover, :where(html[data-theme="dark"]) .dropdown-menu > .disabled > a:focus { color: var(--km-muted); } :where(html[data-theme="dark"]) .dropdown-header { color: var(--km-muted); } :where(html[data-theme="dark"]) .input-group-addon { color: var(--km-muted); background-color: var(--km-input); border-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .nav > li > a:hover, :where(html[data-theme="dark"]) .nav > li > a:focus { background-color: var(--km-border); } :where(html[data-theme="dark"]) .nav > li.header > a:hover, :where(html[data-theme="dark"]) .nav > li.header > a:focus { background-color: var(--km-border); } :where(html[data-theme="dark"]) .nav .open > a, :where(html[data-theme="dark"]) .nav .open > a:hover, :where(html[data-theme="dark"]) .nav .open > a:focus { background-color: var(--km-border); } :where(html[data-theme="dark"]) .nav .nav-divider { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .nav-tabs { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .nav-tabs > li > a:hover { border-color: var(--km-border) var(--km-border) var(--km-border); } :where(html[data-theme="dark"]) .nav-tabs > li.active > a, :where(html[data-theme="dark"]) .nav-tabs > li.active > a:hover, :where(html[data-theme="dark"]) .nav-tabs > li.active > a:focus { color: var(--km-muted); background-color: var(--km-border); border-color: var(--km-border); } :where(html[data-theme="dark"]) .nav-tabs.nav-justified > .active > a, :where(html[data-theme="dark"]) .nav-tabs.nav-justified > .active > a:hover, :where(html[data-theme="dark"]) .nav-tabs.nav-justified > .active > a:focus { border-color: var(--km-border); } @media (min-width: 768px) { :where(html[data-theme="dark"]) .nav-tabs.nav-justified > li > a { border-bottom-color: var(--km-border); } } @media (min-width: 768px) { :where(html[data-theme="dark"]) .nav-tabs.nav-justified > .active > a, :where(html[data-theme="dark"]) .nav-tabs.nav-justified > .active > a:hover, :where(html[data-theme="dark"]) .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: var(--km-border); } } :where(html[data-theme="dark"]) .nav-tabs-justified > .active > a, :where(html[data-theme="dark"]) .nav-tabs-justified > .active > a:hover, :where(html[data-theme="dark"]) .nav-tabs-justified > .active > a:focus { border-color: var(--km-border); } @media (min-width: 768px) { :where(html[data-theme="dark"]) .nav-tabs-justified > li > a { border-bottom-color: var(--km-border); } } @media (min-width: 768px) { :where(html[data-theme="dark"]) .nav-tabs-justified > .active > a, :where(html[data-theme="dark"]) .nav-tabs-justified > .active > a:hover, :where(html[data-theme="dark"]) .nav-tabs-justified > .active > a:focus { border-bottom-color: var(--km-border); } } :where(html[data-theme="dark"]) .navbar-default { background-color: var(--km-surface-2); border-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-default .navbar-brand { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-default .navbar-brand:hover, :where(html[data-theme="dark"]) .navbar-default .navbar-brand:focus { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-default .navbar-text { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-default .navbar-nav > li > a { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-default .navbar-nav > li > a:hover, :where(html[data-theme="dark"]) .navbar-default .navbar-nav > li > a:focus { color: var(--km-text); } :where(html[data-theme="dark"]) .navbar-default .navbar-nav > .active > a, :where(html[data-theme="dark"]) .navbar-default .navbar-nav > .active > a:hover, :where(html[data-theme="dark"]) .navbar-default .navbar-nav > .active > a:focus { color: var(--km-muted); background-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-default .navbar-toggle { border-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-default .navbar-toggle:hover, :where(html[data-theme="dark"]) .navbar-default .navbar-toggle:focus { background-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-default .navbar-collapse, :where(html[data-theme="dark"]) .navbar-default .navbar-form { border-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-default .navbar-nav > .open > a, :where(html[data-theme="dark"]) .navbar-default .navbar-nav > .open > a:hover, :where(html[data-theme="dark"]) .navbar-default .navbar-nav > .open > a:focus { color: var(--km-muted); background-color: var(--km-border); } @media (max-width: 767px) { :where(html[data-theme="dark"]) .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: var(--km-muted); } } @media (max-width: 767px) { :where(html[data-theme="dark"]) .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, :where(html[data-theme="dark"]) .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: var(--km-text); } } @media (max-width: 767px) { :where(html[data-theme="dark"]) .navbar-default .navbar-nav .open .dropdown-menu > .active > a, :where(html[data-theme="dark"]) .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, :where(html[data-theme="dark"]) .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: var(--km-muted); background-color: var(--km-border); } } :where(html[data-theme="dark"]) .navbar-default .navbar-link { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-default .navbar-link:hover { color: var(--km-text); } :where(html[data-theme="dark"]) .navbar-default .btn-link { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-default .btn-link:hover, :where(html[data-theme="dark"]) .navbar-default .btn-link:focus { color: var(--km-text); } :where(html[data-theme="dark"]) .navbar-inverse .navbar-brand { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-inverse .navbar-text { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav > li > a { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav > .disabled > a, :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav > .disabled > a:hover, :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav > .disabled > a:focus { color: var(--km-text); } :where(html[data-theme="dark"]) .navbar-inverse .navbar-toggle .icon-bar { background-color: var(--km-surface); } @media (max-width: 767px) { :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: var(--km-muted); } } @media (max-width: 767px) { :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, :where(html[data-theme="dark"]) .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: var(--km-text); } } :where(html[data-theme="dark"]) .navbar-inverse .navbar-link { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-inverse .btn-link { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-inverse .btn-link[disabled]:hover, :where(html[data-theme="dark"]) fieldset[disabled] .navbar-inverse .btn-link:hover, :where(html[data-theme="dark"]) .navbar-inverse .btn-link[disabled]:focus, :where(html[data-theme="dark"]) fieldset[disabled] .navbar-inverse .btn-link:focus { color: var(--km-text); } :where(html[data-theme="dark"]) .breadcrumb { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .breadcrumb > .active { color: var(--km-muted); } :where(html[data-theme="dark"]) .pagination > li > a, :where(html[data-theme="dark"]) .pagination > li > span { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .pagination > li > a:hover, :where(html[data-theme="dark"]) .pagination > li > span:hover, :where(html[data-theme="dark"]) .pagination > li > a:focus, :where(html[data-theme="dark"]) .pagination > li > span:focus { color: hsla(208, 55%, 74%, 1); background-color: var(--km-border); border-color: var(--km-border); } :where(html[data-theme="dark"]) .pagination > .disabled > span, :where(html[data-theme="dark"]) .pagination > .disabled > span:hover, :where(html[data-theme="dark"]) .pagination > .disabled > span:focus, :where(html[data-theme="dark"]) .pagination > .disabled > a, :where(html[data-theme="dark"]) .pagination > .disabled > a:hover, :where(html[data-theme="dark"]) .pagination > .disabled > a:focus { color: var(--km-muted); background-color: var(--km-border); border-color: var(--km-border); } :where(html[data-theme="dark"]) .pager li > a, :where(html[data-theme="dark"]) .pager li > span { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .pager li > a:hover, :where(html[data-theme="dark"]) .pager li > a:focus { background-color: var(--km-border); } :where(html[data-theme="dark"]) .pager .disabled > a, :where(html[data-theme="dark"]) .pager .disabled > a:hover, :where(html[data-theme="dark"]) .pager .disabled > a:focus, :where(html[data-theme="dark"]) .pager .disabled > span { color: var(--km-muted); background-color: var(--km-border); } :where(html[data-theme="dark"]) .list-group-item.active > .badge, :where(html[data-theme="dark"]) .nav-pills > .active > a > .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .jumbotron { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .jumbotron > hr { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .thumbnail { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .thumbnail .caption { color: var(--km-text); } :where(html[data-theme="dark"]) .alert-success { color: hsla(121, 32%, 74%, 1); background-color: hsla(102, 65%, 55%, 0.14); border-color: hsla(92, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-success hr { border-top-color: hsla(91, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-success .alert-link { color: hsla(121, 32%, 74%, 1); } :where(html[data-theme="dark"]) .alert-info { color: hsla(199, 48%, 74%, 1); background-color: hsla(199, 65%, 55%, 0.14); border-color: hsla(190, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-info hr { border-top-color: hsla(189, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-info .alert-link { color: hsla(199, 48%, 74%, 1); } :where(html[data-theme="dark"]) .alert-warning { color: hsla(37, 40%, 74%, 1); background-color: hsla(50, 65%, 55%, 0.14); border-color: hsla(40, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-warning hr { border-top-color: hsla(39, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-warning .alert-link { color: hsla(38, 39%, 74%, 1); } :where(html[data-theme="dark"]) .alert-danger { background-color: var(--km-surface-2); border-color: hsla(350, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-danger hr { border-top-color: hsla(350, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .alert-danger .alert-link { color: hsla(0, 43%, 74%, 1); } :where(html[data-theme="dark"]) .progress { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .list-group-item { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) a.list-group-item { color: var(--km-muted); } :where(html[data-theme="dark"]) a.list-group-item .list-group-item-heading { color: var(--km-text); } :where(html[data-theme="dark"]) a.list-group-item:hover, :where(html[data-theme="dark"]) a.list-group-item:focus { color: var(--km-muted); background-color: var(--km-border); } :where(html[data-theme="dark"]) .list-group-item.disabled, :where(html[data-theme="dark"]) .list-group-item.disabled:hover, :where(html[data-theme="dark"]) .list-group-item.disabled:focus { color: var(--km-muted); background-color: var(--km-border); } :where(html[data-theme="dark"]) .list-group-item.disabled .list-group-item-text, :where(html[data-theme="dark"]) .list-group-item.disabled:hover .list-group-item-text, :where(html[data-theme="dark"]) .list-group-item.disabled:focus .list-group-item-text { color: var(--km-muted); } :where(html[data-theme="dark"]) .list-group-item-success { color: hsla(121, 32%, 74%, 1); background-color: hsla(102, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) a.list-group-item-success { color: hsla(121, 32%, 74%, 1); } :where(html[data-theme="dark"]) a.list-group-item-success:hover, :where(html[data-theme="dark"]) a.list-group-item-success:focus { color: hsla(121, 32%, 74%, 1); } :where(html[data-theme="dark"]) .list-group-item-info { color: hsla(199, 48%, 74%, 1); background-color: hsla(199, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) a.list-group-item-info { color: hsla(199, 48%, 74%, 1); } :where(html[data-theme="dark"]) a.list-group-item-info:hover, :where(html[data-theme="dark"]) a.list-group-item-info:focus { color: hsla(199, 48%, 74%, 1); background-color: hsla(200, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .list-group-item-warning { color: hsla(37, 40%, 74%, 1); background-color: hsla(50, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) a.list-group-item-warning { color: hsla(37, 40%, 74%, 1); } :where(html[data-theme="dark"]) a.list-group-item-warning:hover, :where(html[data-theme="dark"]) a.list-group-item-warning:focus { color: hsla(37, 40%, 74%, 1); background-color: hsla(49, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .list-group-item-danger { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) a.list-group-item-danger:hover, :where(html[data-theme="dark"]) a.list-group-item-danger:focus { background-color: hsla(0, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .panel { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .panel-footer { background-color: var(--km-surface-2); border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .panel > .panel-body + .table, :where(html[data-theme="dark"]) .panel > .panel-body + .table-responsive, :where(html[data-theme="dark"]) .panel > .table + .panel-body, :where(html[data-theme="dark"]) .panel > .table-responsive + .panel-body { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .panel-group .panel-heading + .panel-collapse > .panel-body, :where(html[data-theme="dark"]) .panel-group .panel-heading + .panel-collapse > .list-group { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .panel-default { border-color: var(--km-border); } :where(html[data-theme="dark"]) .panel-default > .panel-heading { color: var(--km-text); background-color: var(--km-surface-2); border-color: var(--km-border); } :where(html[data-theme="dark"]) .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .panel-primary > .panel-heading .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .panel-success { border-color: hsla(92, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-success > .panel-heading { color: hsla(121, 32%, 74%, 1); background-color: hsla(102, 65%, 55%, 0.14); border-color: hsla(92, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: hsla(92, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: hsla(92, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-info { border-color: hsla(190, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-info > .panel-heading { color: hsla(199, 48%, 74%, 1); background-color: hsla(199, 65%, 55%, 0.14); border-color: hsla(190, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: hsla(190, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: hsla(190, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-warning { border-color: hsla(40, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-warning > .panel-heading { color: hsla(37, 40%, 74%, 1); background-color: hsla(50, 65%, 55%, 0.14); border-color: hsla(40, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: hsla(40, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: hsla(40, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-danger { border-color: hsla(350, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-danger > .panel-heading { background-color: var(--km-surface-2); border-color: hsla(350, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: hsla(350, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: hsla(350, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .well { background-color: var(--km-surface-2); border-color: var(--km-border); } :where(html[data-theme="dark"]) .well blockquote { border-color: var(--km-border); } :where(html[data-theme="dark"]) .close { color: var(--km-text); } :where(html[data-theme="dark"]) .close:hover, :where(html[data-theme="dark"]) .close:focus { color: var(--km-text); } :where(html[data-theme="dark"]) .modal-content { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .modal-header { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .modal-footer { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .popover { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .popover-title { background-color: var(--km-surface-2); border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .popover.top > .arrow:after { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .popover.right > .arrow:after { border-right-color: var(--km-border); } :where(html[data-theme="dark"]) .popover.bottom > .arrow:after { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .popover.left > .arrow:after { border-left-color: var(--km-border); } :where(html[data-theme="dark"]) .carousel-indicators li { border-color: var(--km-border); } :where(html[data-theme="dark"]) .carousel-indicators .active { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .content-wrapper, :where(html[data-theme="dark"]) .right-side { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .main-footer { color: var(--km-text); border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .page-header > small { color: var(--km-muted); } :where(html[data-theme="dark"]) .main-header #navbar-search-input:focus, :where(html[data-theme="dark"]) .main-header #navbar-search-input:active { background-color: var(--km-border); } :where(html[data-theme="dark"]) .content-header > .breadcrumb > li > a { color: var(--km-text); } @media (max-width: 991px) { :where(html[data-theme="dark"]) .content-header > .breadcrumb { background-color: var(--km-border-strong); } } :where(html[data-theme="dark"]) .control-sidebar-light { color: var(--km-muted); } :where(html[data-theme="dark"]) .control-sidebar-light, :where(html[data-theme="dark"]) .control-sidebar-light + .control-sidebar-bg { background-color: var(--km-surface); border-left-color: var(--km-border); } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li > a { background-color: var(--km-surface-2); color: var(--km-text); } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li > a, :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li > a:hover { border-left-color: var(--km-border) !important; border-bottom-color: var(--km-border) !important; } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li > a:hover, :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li > a:focus, :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li > a:active { background-color: var(--km-border); } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li.active > a, :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li.active > a:hover, :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li.active > a:focus, :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-tabs > li.active > a:active { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-heading, :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-subheading { color: var(--km-text); } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-menu > li > a:hover { background-color: var(--km-border); } :where(html[data-theme="dark"]) .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { color: var(--km-muted); } :where(html[data-theme="dark"]) .dropdown-menu { border-color: var(--km-border); } :where(html[data-theme="dark"]) .dropdown-menu > li > a { color: var(--km-muted); } :where(html[data-theme="dark"]) .dropdown-menu > li > a:hover { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .dropdown-menu > .divider { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .navbar-nav > .notifications-menu > .dropdown-menu > li.header, :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li.header, :where(html[data-theme="dark"]) .navbar-nav > .tasks-menu > .dropdown-menu > li.header { background-color: var(--km-surface); border-bottom-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, :where(html[data-theme="dark"]) .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background-color: var(--km-surface); border-bottom-color: var(--km-border); color: var(--km-text) !important; } @media (max-width: 991px) { :where(html[data-theme="dark"]) .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, :where(html[data-theme="dark"]) .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background-color: var(--km-surface) !important; color: var(--km-text) !important; } } :where(html[data-theme="dark"]) .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, :where(html[data-theme="dark"]) .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, :where(html[data-theme="dark"]) .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { color: var(--km-text); } :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { color: var(--km-text); } :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { color: var(--km-muted); } :where(html[data-theme="dark"]) .navbar-nav > .user-menu > .dropdown-menu > .user-body { border-bottom-color: var(--km-border); border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: var(--km-text) !important; } @media (max-width: 991px) { :where(html[data-theme="dark"]) .navbar-nav > .user-menu > .dropdown-menu > .user-body a { background-color: var(--km-surface) !important; color: var(--km-text) !important; } } :where(html[data-theme="dark"]) .navbar-nav > .user-menu > .dropdown-menu > .user-footer { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: var(--km-muted); } @media (max-width: 991px) { :where(html[data-theme="dark"]) .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { border-color: var(--km-border); background-color: var(--km-surface); } } :where(html[data-theme="dark"]) .form-control { border-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .form-group.has-success label { color: hsla(152, 80%, 74%, 1); } :where(html[data-theme="dark"]) .input-group .input-group-addon { border-color: var(--km-border-strong); background-color: var(--km-input); } :where(html[data-theme="dark"]) .box { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .box.box-default { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .box .nav-stacked > li { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .box .border-right { border-right-color: var(--km-border); } :where(html[data-theme="dark"]) .box .border-left { border-left-color: var(--km-border); } :where(html[data-theme="dark"]) .box.box-solid.box-default { border-color: var(--km-border); } :where(html[data-theme="dark"]) .box.box-solid.box-default > .box-header { color: var(--km-text); background-color: var(--km-border-strong); background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .box.box-solid.box-default > .box-header a, :where(html[data-theme="dark"]) .box.box-solid.box-default > .box-header .btn { color: var(--km-text); } :where(html[data-theme="dark"]) .box .knob-label { color: var(--km-text); } :where(html[data-theme="dark"]) .box .overlay, :where(html[data-theme="dark"]) .overlay-wrapper .overlay { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .box .overlay > .fa, :where(html[data-theme="dark"]) .overlay-wrapper .overlay > .fa { color: var(--km-text); } :where(html[data-theme="dark"]) .box-header { color: var(--km-text); } :where(html[data-theme="dark"]) .box-header.with-border { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .open .btn-box-tool, :where(html[data-theme="dark"]) .btn-box-tool:hover { color: var(--km-muted); } :where(html[data-theme="dark"]) .box-footer { border-top-color: var(--km-border); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .todo-list > li { background-color: var(--km-surface-2); border-left-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .todo-list > li.done { color: var(--km-muted); } :where(html[data-theme="dark"]) .todo-list > li.done .label { background-color: var(--km-border-strong) !important; } :where(html[data-theme="dark"]) .chat .item > .attachment { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .modal .panel-body { color: var(--km-text); } :where(html[data-theme="dark"]) .info-box { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .info-box .progress .progress-bar { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .timeline:before { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .timeline > li > .timeline-item { background-color: var(--km-surface); color: var(--km-text); } :where(html[data-theme="dark"]) .timeline > li > .timeline-item > .time { color: var(--km-muted); } :where(html[data-theme="dark"]) .timeline > li > .timeline-item > .timeline-header { color: var(--km-muted); border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .timeline > li.time-label > span { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .timeline > li > .fa, :where(html[data-theme="dark"]) .timeline > li > .glyphicon, :where(html[data-theme="dark"]) .timeline > li > .ion { color: var(--km-muted); background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .btn.btn-file > input[type='file'] { background-color: var(--km-input); } :where(html[data-theme="dark"]) .btn-default { background-color: var(--km-surface-2); color: var(--km-text); border-color: var(--km-border); } :where(html[data-theme="dark"]) .btn-default:hover, :where(html[data-theme="dark"]) .btn-default:active, :where(html[data-theme="dark"]) .btn-default.hover { background-color: var(--km-border) !important; } :where(html[data-theme="dark"]) .btn-outline { border-color: var(--km-border); } :where(html[data-theme="dark"]) .btn-outline:hover, :where(html[data-theme="dark"]) .btn-outline:focus, :where(html[data-theme="dark"]) .btn-outline:active { border-color: var(--km-border); } :where(html[data-theme="dark"]) .btn-app { color: var(--km-muted); border-color: var(--km-border); background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .btn-app:hover { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .callout { border-left-color: var(--km-border); } :where(html[data-theme="dark"]) .callout code, :where(html[data-theme="dark"]) .callout .highlight { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .alert .close { color: var(--km-text); } :where(html[data-theme="dark"]) .nav > li > a:hover, :where(html[data-theme="dark"]) .nav > li > a:active, :where(html[data-theme="dark"]) .nav > li > a:focus { color: var(--km-text); background-color: var(--km-border); } :where(html[data-theme="dark"]) .nav-pills > li > a { color: var(--km-text); } :where(html[data-theme="dark"]) .nav-stacked > li > a { color: var(--km-text); } :where(html[data-theme="dark"]) .nav-stacked > li.header { border-bottom-color: var(--km-border); color: var(--km-muted); } :where(html[data-theme="dark"]) .nav-tabs-custom { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs > li > a { color: var(--km-text); } :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs > li > a:hover { color: var(--km-muted); } :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs > li.active > a, :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs > li.active:hover > a { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs > li.active > a { border-left-color: var(--km-border); border-right-color: var(--km-border); } :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: var(--km-border); } :where(html[data-theme="dark"]) .nav-tabs-custom > .nav-tabs > li.header { color: var(--km-text); } :where(html[data-theme="dark"]) .nav-tabs-custom > .tab-content { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .nav-tabs-custom .dropdown.open > a:active, :where(html[data-theme="dark"]) .nav-tabs-custom .dropdown.open > a:focus { color: var(--km-muted); } :where(html[data-theme="dark"]) .pagination > li > a { background-color: var(--km-surface); color: var(--km-muted); } :where(html[data-theme="dark"]) .products-list > .item { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .products-list .product-description { color: var(--km-muted); } :where(html[data-theme="dark"]) .product-list-in-box > .item { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .label-default { background-color: var(--km-border-strong); color: var(--km-text); } :where(html[data-theme="dark"]) .direct-chat-text { background-color: var(--km-border-strong); border-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .direct-chat-text:after, :where(html[data-theme="dark"]) .direct-chat-text:before { border-right-color: var(--km-border); } :where(html[data-theme="dark"]) .right .direct-chat-text:after, :where(html[data-theme="dark"]) .right .direct-chat-text:before { border-left-color: var(--km-border); } :where(html[data-theme="dark"]) .direct-chat-timestamp { color: var(--km-muted); } :where(html[data-theme="dark"]) .contacts-list-msg { color: var(--km-muted); } :where(html[data-theme="dark"]) .users-list > li > a:hover, :where(html[data-theme="dark"]) .users-list > li > a:hover .users-list-name { color: var(--km-muted); } :where(html[data-theme="dark"]) .users-list-name { color: var(--km-text); } :where(html[data-theme="dark"]) .users-list-date { color: var(--km-muted); } :where(html[data-theme="dark"]) .mailbox-controls.with-border { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .mailbox-read-info { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .mailbox-read-time { color: var(--km-muted); } :where(html[data-theme="dark"]) .mailbox-attachments li { border-color: var(--km-border); } :where(html[data-theme="dark"]) .mailbox-attachment-name { color: var(--km-muted); } :where(html[data-theme="dark"]) .mailbox-attachment-info { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .mailbox-attachment-size { color: var(--km-muted); } :where(html[data-theme="dark"]) .mailbox-attachment-icon { color: var(--km-muted); } :where(html[data-theme="dark"]) .lockscreen { background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .lockscreen-logo a { color: var(--km-text); } :where(html[data-theme="dark"]) .lockscreen-item { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .lockscreen-image { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .lockscreen-credentials .btn { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .login-logo a, :where(html[data-theme="dark"]) .register-logo a { color: var(--km-text); } :where(html[data-theme="dark"]) .login-page, :where(html[data-theme="dark"]) .register-page { background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .login-box-body, :where(html[data-theme="dark"]) .register-box-body { background-color: var(--km-surface); color: var(--km-text); color: var(--km-muted); } :where(html[data-theme="dark"]) .login-box-body .form-control-feedback, :where(html[data-theme="dark"]) .register-box-body .form-control-feedback { color: var(--km-muted); } :where(html[data-theme="dark"]) .invoice { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .btn-bitbucket .badge { color: hsla(210, 60%, 74%, 1); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-dropbox .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-facebook .badge { color: hsla(220, 44%, 74%, 1); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-flickr .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-foursquare .badge { color: hsla(201, 80%, 74%, 1); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-github .badge { color: var(--km-text); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-google-plus .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-instagram .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-linkedin .badge { color: hsla(199, 80%, 74%, 1); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-tumblr .badge { color: hsla(210, 38%, 74%, 1); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-twitter .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .btn-vk .badge { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .fc-button { background-color: var(--km-surface-2); color: var(--km-text); border-color: var(--km-border); border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .fc-button:hover, :where(html[data-theme="dark"]) .fc-button:active, :where(html[data-theme="dark"]) .fc-button.hover { background-color: var(--km-border); } :where(html[data-theme="dark"]) .fc-header-title h2 { color: var(--km-muted); } :where(html[data-theme="dark"]) .fc-widget-header { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .bg-gray { color: var(--km-text); background-color: var(--km-border-strong) !important; } :where(html[data-theme="dark"]) .bg-gray-active { color: var(--km-text); background-color: var(--km-border-strong) !important; } :where(html[data-theme="dark"]) .text-blue { color: hsla(202, 80%, 74%, 1) !important; } :where(html[data-theme="dark"]) .text-black { color: var(--km-text) !important; } :where(html[data-theme="dark"]) .text-green { color: hsla(152, 80%, 74%, 1) !important; } :where(html[data-theme="dark"]) .text-navy { color: hsla(210, 80%, 74%, 1) !important; } :where(html[data-theme="dark"]) .text-olive { color: hsla(153, 42%, 74%, 1) !important; } :where(html[data-theme="dark"]) .sort-highlight { background-color: var(--km-surface-2); border-color: var(--km-border); } :where(html[data-theme="dark"]) .skin .sidebar-menu > li.header { color: var(--km-muted); } :where(html[data-theme="dark"]) .skin .treeview-menu > li > a { color: var(--km-muted); } :where(html[data-theme="dark"]) .skin .sidebar-form input[type="text"] { color: var(--km-muted); } :where(html[data-theme="dark"]) .skin .sidebar-form input[type="text"]:focus, :where(html[data-theme="dark"]) .skin .sidebar-form input[type="text"]:focus + .input-group-btn .btn { background-color: var(--km-input); color: var(--km-muted); } :where(html[data-theme="dark"]) .skin .sidebar-form input[type="text"]:focus + .input-group-btn .btn { border-left-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .skin .sidebar-form .btn { color: var(--km-muted); } :where(html[data-theme="dark"]) .box > .box-header > .box-title > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .box .btn-box-tool[data-widget="collapse"] { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .box .btn-box-tool[data-widget="collapse"]:hover { background-color: var(--km-border); color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .btn-default:hover { border-color: var(--km-border); } :where(html[data-theme="dark"]) .form-control-mini { background-color: var(--km-input); } :where(html[data-theme="dark"]) .table > tbody > tr > td, :where(html[data-theme="dark"]) .table > tbody > tr > th, :where(html[data-theme="dark"]) .table > tr > td { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .km-card-head h3 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-btn-icon:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-drop-icon { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-drop .km-link { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-q-bar { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-q-item.is-error { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-file-check { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-file-actions { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .km-skel { background: linear-gradient(90deg, var(--km-surface-2) 0%, var(--km-surface-2) 50%, var(--km-surface-2) 100%); } :where(html[data-theme="dark"]) .km-lb-browser i { background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .km-mod-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-lb-status.is-saving .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-tile-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-tile:hover h4 { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-tile::before { background: linear-gradient(100deg, transparent, var(--km-surface), transparent); } :where(html[data-theme="dark"]) .km-tile-bg { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-login-back:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .km-captcha img { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-login-alert { background-color: var(--km-surface-2); color: hsla(4, 76%, 74%, 1); border-color: hsla(3, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .km-login-alert.is-info { background-color: var(--km-surface-2); border-color: hsla(206, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .km-fieldset legend .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-field-hint.is-bad, :where(html[data-theme="dark"]) .km-field-hint.is-warn { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .km-meter { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-choice input:checked + span { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-terms summary { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-steps li.is-on b { background-color: var(--km-surface); color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-question > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) a:hover > .km-ico-wrap, :where(html[data-theme="dark"]) .km-ico-wrap:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-totop:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .timeline > li > .timeline-item > .timeline-header { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .timeline > li > .timeline-item > .timeline-footer { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .box .nav-stacked > li > div > a:hover, :where(html[data-theme="dark"]) .box .nav-stacked > li > a:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]).km-sb body.skin:not(.km-nosb) .main-sidebar .sidebar-menu > li.active > a, :where(html[data-theme="dark"]).km-sb body.skin:not(.km-nosb) .main-sidebar .sidebar-menu > li.km-active > a { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]).km-sb body.skin:not(.km-nosb) .main-sidebar .sidebar-menu > li.active > a > .fa, :where(html[data-theme="dark"]).km-sb body.skin:not(.km-nosb) .main-sidebar .sidebar-menu > li.km-active > a > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]).km-sb body.skin:not(.km-nosb) .main-sidebar .km-side-title .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]).km-sb body.skin:not(.km-nosb) .main-sidebar .sidebar-menu > li:hover > a > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-popup-title .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .main-header .navbar .nav > li.km-site-owner img { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .nav-pills > li.active > a, :where(html[data-theme="dark"]) .nav-pills > li.active > a:hover, :where(html[data-theme="dark"]) .nav-pills > li.active > a:focus { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .km-prof-nav a.is-active { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .km-prof-nav a.is-active .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-more-fields summary { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-savebar.is-dirty .km-savebar-msg .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-lw-btn:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-lw-nav { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-lw-nav:hover { background-color: var(--km-border); color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-lg-new > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-grip:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-switch span { background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .km-switch span::after { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-li-target:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .km-li.is-empty .km-li-target { color: hsla(21, 80%, 74%, 1) !important; } :where(html[data-theme="dark"]) .km-dot { border-color: var(--km-border); } :where(html[data-theme="dark"]) .km-set-row { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .km-color { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .km-color-swatch span.is-empty { background: repeating-conic-gradient(var(--km-surface-2) 0% 25%, var(--km-surface) 0% 50%) 50% / 12px 12px; } :where(html[data-theme="dark"]) .km-preset-dots i { border-color: var(--km-border); } :where(html[data-theme="dark"]) .km-chip.is-live { background-color: var(--km-surface-2); border-color: hsla(143, 60%, 55%, 0.35); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .km-chip.is-draft { background-color: var(--km-surface-2); color: var(--km-muted); } :where(html[data-theme="dark"]) .km-chip.is-wait { background-color: var(--km-surface-2); border-color: hsla(44, 60%, 55%, 0.35); color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .km-chip.is-pin { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-btn-icon.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-tc-ghost i { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-tc-zone-top .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-tc-zone-edit { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-bn-grip { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-album-cover span { background-color: var(--km-surface-2); } @media (max-width: 640px) { :where(html[data-theme="dark"]) .km-news-actions { border-top-color: var(--km-border); } } :where(html[data-theme="dark"]) .km-btn-soft, :where(html[data-theme="dark"]) a.km-btn-soft:link, :where(html[data-theme="dark"]) a.km-btn-soft:visited { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) a.km-btn-icon:hover, :where(html[data-theme="dark"]) a.km-btn-icon:focus { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-section-title .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-mail-row { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .km-friend-req > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-comment { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .km-comment.is-new { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-rss-ico { background-color: hsla(34, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .km-code-open:hover, :where(html[data-theme="dark"]) .km-code-open:focus { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-code-preview { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ke-owner img { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ke-card-head h2 .fa, :where(html[data-theme="dark"]) .ke-sec-head h2 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ke-count { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ke-chip.is-primary { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ke-chip.is-ok { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ke-chip.is-warn { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ke-seg button.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ke-pn-item small { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ke-author-stats b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ke-author-org img { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ke-approve [data-ke-approve-state] { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ke-approve.is-on [data-ke-approve-state] { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ke-blocked > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kl-body .ke-top .kl-menu .dropdown-menu > li > a:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kl-crumb a { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kl-nav-item.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kl-nav-item.is-on .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ka-hero-cta .btn { background-color: var(--km-surface); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-hero-cta .btn:hover { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-panel { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ka-field input { border-color: var(--km-border-strong); background-color: var(--km-input); } :where(html[data-theme="dark"]) .ka-field input:focus { background-color: var(--km-input); } :where(html[data-theme="dark"]) .ka-field kbd { background-color: var(--km-surface-2); color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-clear:hover { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-filters select { border-color: var(--km-border-strong); background-color: var(--km-input); } :where(html[data-theme="dark"]) .ka-chip { background-color: var(--km-surface-2); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-chip:hover { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-found { color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-found b { color: var(--km-text); } :where(html[data-theme="dark"]) .ka-tag { background-color: var(--km-surface-2); color: hsla(243, 54%, 74%, 1); } :where(html[data-theme="dark"]) .ka-seg { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ka-seg label, :where(html[data-theme="dark"]) .ka-seg button { color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-seg label:hover:not(.on), :where(html[data-theme="dark"]) .ka-seg button:hover:not(.on) { background-color: var(--km-border); } :where(html[data-theme="dark"]) .ka-card { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ka-cover { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .ka-badge { background-color: var(--km-surface); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-badge i { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ka-meta { color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-title { color: var(--km-text); } :where(html[data-theme="dark"]) .ka-title:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ka-text { color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-who { color: var(--km-text); } :where(html[data-theme="dark"]) .ka-who img { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .ka-who:hover span { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ka-nums { color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-menu summary { color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-menu summary:hover, :where(html[data-theme="dark"]) .ka-menu[open] summary { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-menu-list { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ka-menu-list a, :where(html[data-theme="dark"]) .ka-menu-list button { color: var(--km-text); } :where(html[data-theme="dark"]) .ka-menu-list a:hover, :where(html[data-theme="dark"]) .ka-menu-list button:hover { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .ka-menu-list .fa { color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-empty { background-color: var(--km-surface); color: var(--km-muted); } :where(html[data-theme="dark"]) .ka-empty h4 { color: var(--km-text); } :where(html[data-theme="dark"]) .kev-hero .kev-admin { background-color: var(--km-surface); color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kev-month-btn { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kev-tab.is-on { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kev-chip:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kev-date { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kev-ev.is-past .kev-date { background-color: var(--km-surface-2); color: var(--km-muted); } :where(html[data-theme="dark"]) .kev-ev.is-past .kev-title { color: var(--km-muted); } :where(html[data-theme="dark"]) .kev-status { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kev-ev.is-now .kev-status { background-color: hsla(140, 65%, 55%, 0.14); color: hsla(142, 71%, 74%, 1); } :where(html[data-theme="dark"]) .kev-ev.is-past .kev-status { background-color: var(--km-surface-2); color: var(--km-muted); } :where(html[data-theme="dark"]) .kev-detail summary { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kev-actions a:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kev-actions a.is-done { color: hsla(142, 71%, 74%, 1) !important; } :where(html[data-theme="dark"]) .km-cal { --kc-text: var(--km-text); --kc-line: var(--km-border); } :where(html[data-theme="dark"]) .km-cal-nav { background-color: var(--km-surface); color: var(--km-muted); } :where(html[data-theme="dark"]) .km-cal-nav:hover, :where(html[data-theme="dark"]) .km-cal-nav:focus-visible { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-cal-year { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-cal-pick { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-cal-pick-months button { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-cal-pick-months button:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) div.km-cal-day:not(.is-empty):hover { background-color: var(--km-border); } :where(html[data-theme="dark"]) a.km-cal-day { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) a.km-cal-day:hover .km-cal-dot { background-color: var(--km-border); } :where(html[data-theme="dark"]) .km-cal-day.is-today .km-cal-dot { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-cal-foot { color: var(--km-muted); } :where(html[data-theme="dark"]) .km-cal-today { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-cal-error { color: hsla(0, 73%, 74%, 1); } :where(html[data-theme="dark"]) .kp-stat .kp-dot { border-color: var(--km-border); } :where(html[data-theme="dark"]) .kp-toggle input:checked + span { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kp-chip { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kp-view-btn.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kp-name:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kp-tag { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kp-tag.is-public { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kp-ic:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kp-state.is-friend { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kp-state.is-wait { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kp-box h3 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kp-depts li[aria-current] a { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kp-more-btn { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kp-pop-title .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kp-note.is-ok { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kp-note.is-info { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kp-note.is-err { color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .sc-flash.is-success { background-color: var(--km-surface-2); color: hsla(154, 80%, 74%, 1); border-color: hsla(143, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .sc-flash.is-error { background-color: var(--km-surface-2); color: hsla(4, 76%, 74%, 1); border-color: hsla(3, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .sc-note.is-warn { background-color: var(--km-surface-2); color: hsla(18, 80%, 74%, 1); border-color: hsla(44, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .sc-crumbs a:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-badge.is-owner { background-color: hsla(44, 65%, 55%, 0.14); color: hsla(18, 80%, 74%, 1); } :where(html[data-theme="dark"]) .sc-badge.is-mod { background-color: hsla(220, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .sc-badge.is-member { background-color: hsla(140, 65%, 55%, 0.14); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .sc-badge.is-banned { background-color: hsla(4, 65%, 55%, 0.14); color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .sc-badge.is-op { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-intro-cta.btn { background-color: var(--km-surface) !important; color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .sc-card-stats .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-tabs a.is-active { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-tabs a.is-active .sc-count { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-box h3 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-more { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-topic-title:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .sc-topic-count { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .sc-prevnext .is-all .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-panel-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-tips h3 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-steps li::before { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-join-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .sc-join-ico.is-banned { background-color: hsla(4, 65%, 55%, 0.14); color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .sc-join-ico.is-ok { background-color: hsla(140, 65%, 55%, 0.14); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kw-box { --kw-text: var(--km-text); --kw-muted: var(--km-muted); --kw-line: var(--km-border); --kw-hover: var(--km-surface-2); } :where(html[data-theme="dark"]) .kw-box .box-title .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kw-title:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kw-meta a { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kw-flag.is-ok { color: hsla(142, 76%, 74%, 1); } :where(html[data-theme="dark"]) .kw-av { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kw-thumb { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kw-thumb-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kw-rank-no { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kw-rank .is-top1 .kw-rank-no { background-color: hsla(47, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .kw-rank .is-top2 .kw-rank-no { background-color: var(--km-surface-2); color: var(--km-muted); } :where(html[data-theme="dark"]) .kw-rank .is-top3 .kw-rank-no { background-color: hsla(23, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .kw-bar { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kw-pill { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kw-pill b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kw-count { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kw-more { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kw-info-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kw-cmt-bubble { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kw-cmt-name:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kw-cmt-del button:hover { background-color: hsla(0, 65%, 55%, 0.14); } :where(html[data-theme="dark"]) .kw-compose { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .kw-note { background-color: hsla(54, 65%, 55%, 0.14); color: hsla(31, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ks-tabs a.is-active { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .ks-side-title .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-chip.is-ban { background-color: var(--km-surface-2); border-color: hsla(3, 60%, 55%, 0.35); color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .km-chip.is-admin { background-color: var(--km-surface); border-color: hsla(244, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ks-kv { border-top-color: var(--km-border); } :where(html[data-theme="dark"]) .ks-jump a:hover .km-chip { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ks-editor-tools a:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .ks-prow.is-banned { background-color: var(--km-surface); border-color: hsla(44, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ks-pstore .progress { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-news-item.is-banned { background-color: var(--km-surface); border-color: hsla(44, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ks-lang td { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) .ks-nav-group > summary .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ks-nav a.is-active { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .ks-evt-date b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ks-bn-media { background: repeating-conic-gradient(var(--km-surface-2) 0% 25%, var(--km-surface) 0% 50%) 50% / 16px 16px; } :where(html[data-theme="dark"]) .ks-bn-grip { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ks-drop:hover, :where(html[data-theme="dark"]) .ks-drop.is-over { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ks-drop.has-file .ks-drop-text { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ks-mod-dot.is-empty { background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .ks-mods-more summary { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ks-pwho-ph { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-stats a > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-stats a.is-new > .fa { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kpp-stats a.is-disk > .fa { color: hsla(192, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kpp-rank { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-rank.is-top1 { color: hsla(43, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kpp-rank.is-top2 { background-color: var(--km-border-strong); color: var(--km-text); } :where(html[data-theme="dark"]) .kpp-bulk > b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-vcard.is-banned { background-color: var(--km-surface); border-color: hsla(44, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .kpp-vdl dt .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-count b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-steps li.is-active { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-st.is-ok { color: hsla(155, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kpp-st.is-info { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpp-st.is-bad { color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .ksl-main h3 a:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .ksl-contact a:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .ksl-del:hover, :where(html[data-theme="dark"]) .ksl-del:focus { background-color: var(--km-border) !important; } :where(html[data-theme="dark"]) .ksl-date { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ksl-evt.is-now .ksl-date { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksl-logo img { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ksl-pick a.is-active b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-ava { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-badge.is-none { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kpm-who-sum b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-note.is-info > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-note.is-warn { background-color: var(--km-surface-2); border-color: hsla(44, 60%, 55%, 0.35); color: hsla(18, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kpm-group h3 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-group-all { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-flag { color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .kpm-perm.is-locked .kpm-perm-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-matrix thead th .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kpm-yes { color: hsla(155, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-head-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ksf-head-ico.is-mail { background-color: var(--km-surface-2); color: hsla(326, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-head-ico.is-update { background-color: var(--km-surface-2); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-head-ico.is-log { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ksf-card-head h3 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ksf-link { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ksf-chip:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ksf-chip.is-added { color: hsla(154, 80%, 74%, 1); background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .ksf-live { color: hsla(154, 80%, 74%, 1); background-color: var(--km-surface-2); border-color: hsla(143, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ksf-pv-frame { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ksf-savebar-msg { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-savebar-msg.is-dirty { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-stat-ico.is-blue { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .ksf-stat-ico.is-green { background-color: var(--km-surface-2); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-stat-ico.is-violet { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .ksf-alert { border-color: hsla(44, 60%, 55%, 0.35); background-color: var(--km-surface-2); color: hsla(18, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-steps li::before { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ksf-result.is-ok .ksf-result-ico { background-color: var(--km-surface-2); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-result.is-info .ksf-result-ico { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .ksf-result.is-error .ksf-result-ico { background-color: var(--km-surface-2); color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-year-head span { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .ksf-tag.is-new, :where(html[data-theme="dark"]) .ksf-filter.is-new:not(.is-active) .fa { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-tag.is-new { background-color: var(--km-surface-2); border-color: hsla(143, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ksf-tag.is-imp { background-color: var(--km-surface-2); border-color: hsla(206, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ksf-tag.is-fix, :where(html[data-theme="dark"]) .ksf-filter.is-fix:not(.is-active) .fa { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-tag.is-fix { background-color: var(--km-surface-2); border-color: hsla(44, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ksf-tag.is-speed { background-color: var(--km-surface); border-color: hsla(244, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .ksf-tag.is-sec, :where(html[data-theme="dark"]) .ksf-filter.is-sec:not(.is-active) .fa { color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .ksf-tag.is-sec { background-color: var(--km-surface-2); border-color: hsla(3, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .kb-head-ico { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-stat-ico.is-db { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kb-stat-ico.is-files { background-color: var(--km-surface-2); color: hsla(326, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-stat-ico.is-site { background-color: var(--km-surface-2); color: hsla(201, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-stat-ico.is-disk { background-color: var(--km-surface-2); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-skel { background: linear-gradient(90deg, var(--km-surface-2) 25%, var(--km-surface-2) 50%, var(--km-surface-2) 75%); } :where(html[data-theme="dark"]) .kb-meter { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kb-card-head h3 .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-opt-check { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .kb-opt:has(input:checked) .kb-opt-title .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-link { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-estimate .is-warn { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-alert { border-color: hsla(44, 60%, 55%, 0.35); background-color: var(--km-surface-2); color: hsla(18, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-alert.is-info { border-color: hsla(206, 60%, 55%, 0.35); background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kb-alert.is-error { border-color: hsla(3, 60%, 55%, 0.35); background-color: var(--km-surface-2); color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .kb-bar { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kb-steps li.is-active { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-steps li.is-done { color: hsla(154, 80%, 74%, 1); border-color: hsla(143, 60%, 55%, 0.35); background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kb-metric.is-eta b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-current .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-log li time { color: var(--km-muted); } :where(html[data-theme="dark"]) .kb-result-ico { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kb-file-ico.is-sql { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .kb-file-ico.is-tar, :where(html[data-theme="dark"]) .kb-file-ico.is-zip { background-color: var(--km-surface-2); color: hsla(326, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-tag.is-sql { background-color: var(--km-surface-2); border-color: hsla(222, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .kb-tag.is-tar, :where(html[data-theme="dark"]) .kb-tag.is-zip { background-color: var(--km-surface-2); border-color: hsla(318, 60%, 55%, 0.35); color: hsla(326, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-tag.is-gz { background-color: var(--km-surface-2); border-color: hsla(143, 60%, 55%, 0.35); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kb-iconbtn:hover, :where(html[data-theme="dark"]) .kb-iconbtn:focus { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kb-iconbtn.is-danger:hover, :where(html[data-theme="dark"]) .kb-iconbtn.is-danger:focus { background-color: var(--km-border); } :where(html[data-theme="dark"]) .kb-help summary { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) body.km-pv-editing .km-pv-zone { border-color: var(--km-border); } :where(html[data-theme="dark"]) .km-pv-dock-title { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-pv-dock-status.is-dirty { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kbo-flash { border-color: hsla(143, 60%, 55%, 0.35); background-color: var(--km-surface-2); color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kbo-flash.is-error { border-color: hsla(3, 60%, 55%, 0.35); background-color: var(--km-surface-2); color: hsla(4, 76%, 74%, 1); } :where(html[data-theme="dark"]) .kbo-seg a.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kbo-card-go { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kbo-card-edit { background-color: var(--km-surface); color: var(--km-text) !important; } :where(html[data-theme="dark"]) .kbo-btn.is-done { color: hsla(154, 80%, 74%, 1) !important; } :where(html[data-theme="dark"]) .kbo-ibtn:hover { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) .kbo-ibtn.is-danger:hover { background-color: var(--km-border); border-color: hsla(3, 60%, 55%, 0.35); } :where(html[data-theme="dark"]) .kbo-crumb a { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kbo-box > h2 > .fa { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kbo-tl-when { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kbo-warn { color: hsla(21, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kbo-tabs a:hover, :where(html[data-theme="dark"]) .kbo-tabs a.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kbo-switch span::after { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .kix-crumb a:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kix-owner-pic .kp-dot { border-color: var(--km-border); } :where(html[data-theme="dark"]) .kix-me { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kix-count { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kix-toc-list a.is-active .kix-toc-txt b { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kix-doc-kicker { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kix-tool:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kix-tool.is-done { color: hsla(154, 80%, 74%, 1); } :where(html[data-theme="dark"]) .kf-link:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kf-btn.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kf-btn.is-on:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kf.is-open .kf-btns [data-kf-cm] { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kf-cm .ke-chip { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kf-send { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-bell-all { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .kn-txt small { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-bell-foot { color: var(--km-primary-hi) !important; } :where(html[data-theme="dark"]) HTML { color: var(--km-text); } :where(html[data-theme="dark"]) a:link { color: var(--km-text); } :where(html[data-theme="dark"]) a:visited { color: var(--km-text); } :where(html[data-theme="dark"]) .km-search { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-search-head h3 { color: var(--km-text); } :where(html[data-theme="dark"]) .km-search-count { color: var(--km-muted); background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-search-field input { border-color: var(--km-border-strong); background-color: var(--km-input); } :where(html[data-theme="dark"]) .km-search-field input:focus { background-color: var(--km-input); } :where(html[data-theme="dark"]) .km-search-clear:hover { background-color: var(--km-border); color: var(--km-text); } :where(html[data-theme="dark"]) .km-search-row select { border-color: var(--km-border-strong); background-color: var(--km-input); } :where(html[data-theme="dark"]) .km-search-note { color: var(--km-muted); } :where(html[data-theme="dark"]) .km-search-chip { background-color: var(--km-surface-2); color: hsla(243, 54%, 74%, 1); } :where(html[data-theme="dark"]) .km-empty { background-color: var(--km-surface); color: var(--km-muted); } :where(html[data-theme="dark"]) .km-lpager-info { color: var(--km-muted); } :where(html[data-theme="dark"]) .km-lpager li a, :where(html[data-theme="dark"]) .km-lpager li span { background-color: var(--km-surface); color: var(--km-text); } :where(html[data-theme="dark"]) .km-lpager li a:hover { background-color: var(--km-border); color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-feed-load { border-color: var(--km-border); background-color: var(--km-surface); color: var(--km-text); } :where(html[data-theme="dark"]) .km-feed-load:hover { background-color: var(--km-border); } :where(html[data-theme="dark"]) .km-feed-empty { background-color: var(--km-surface); border-color: var(--km-border); color: var(--km-muted); } :where(html[data-theme="dark"]) .km-post { background-color: var(--km-surface); border-color: var(--km-border); } :where(html[data-theme="dark"]) .km-post-ava { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-post-who a.km-post-author { color: var(--km-text); } :where(html[data-theme="dark"]) .km-post-meta { color: var(--km-muted); } :where(html[data-theme="dark"]) .km-post-shared { color: var(--km-muted); } :where(html[data-theme="dark"]) .km-post-title { color: var(--km-text); } :where(html[data-theme="dark"]) .km-post-title:hover { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-post-text { color: var(--km-text); } :where(html[data-theme="dark"]) .km-post-locked { color: var(--km-muted); } :where(html[data-theme="dark"]) .km-post-media { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-post-media a { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-post-foot { border-top-color: var(--km-border); color: var(--km-muted); } :where(html[data-theme="dark"]) .km-pl-track a { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-pl-nav { background-color: var(--km-surface); color: var(--km-text); } :where(html[data-theme="dark"]) .km-pl-card { border-color: var(--km-border); background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-pl-opt:hover .km-pl-card { border-color: var(--km-border); } :where(html[data-theme="dark"]) .km-pl-name { color: var(--km-text); } :where(html[data-theme="dark"]) .km-pl-opt input:checked + .km-pl-card .km-pl-name { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) .km-pl-thumb { background-color: var(--km-surface); } :where(html[data-theme="dark"]) .km-pl-thumb span { background-color: var(--km-border-strong); } :where(html[data-theme="dark"]) .km-pl-thumb.t0 { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) .km-pl-thumb.t5 i { background-color: var(--km-surface); color: var(--km-text); } :where(html[data-theme="dark"]) .km-pl-note { color: var(--km-muted); } :where(html[data-theme="dark"]) .km-pl-chip { border-color: var(--km-border); background-color: var(--km-surface); color: var(--km-muted); } :where(html[data-theme="dark"]) .km-pl-chip:hover, :where(html[data-theme="dark"]) .km-pl-chip.is-on { color: var(--km-primary-hi); } :where(html[data-theme="dark"]) th { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) '. 'body { color: var(--km-text); background-color: var(--km-surface); } :where(html[data-theme="dark"]) p { color: var(--km-muted); } :where(html[data-theme="dark"]) '. 'button { border-color: var(--km-border); background-color: var(--km-surface); } :where(html[data-theme="dark"]) '. '.wrap { border-color: var(--km-border); } :where(html[data-theme="dark"]) th, :where(html[data-theme="dark"]) td { border-bottom-color: var(--km-border); } :where(html[data-theme="dark"]) '. 'th { background-color: var(--km-surface-2); } :where(html[data-theme="dark"]) tr:nth-child(even) td { background-color: var(--km-surface); }