::-moz-selection { background-color:var(--blue-level-4); color:var(--dark-level-7); } ::selection { background-color:var(--blue-level-4); color:var(--dark-level-7); } ::backdrop { background-color:rgba(0,0,0,0.4); } blockquote { background-color:light-dark(var(--light-level-2), var(--dark-level-8)); border-color:light-dark(var(--dark-level-9), var(--light-level-5)); } .article blockquote.lsr { color:light-dark(var(--dark-level-9), var(--light-level-5)); } a:focus, button:focus { outline-color:var(--orange-level-4); } input, button, .button, select, textarea { background-color:var(--light-level-1); border-color:var(--blue-level-6); color:var(--dark-level-7); } button, button[type="reset"], input[type="submit"], .button, input[type="reset"] { background-color:var(--blue-level-6); color:var(--light-level-1); } input[type="submit"], .button.submit { background-color:var(--green-level-6) !important; border-color:var(--green-level-6); } .button.submit:hover { background-color:var(--green-level-4) !important; } input[type="submit"]:hover, button:hover, .button:hover { background-color:var(--blue-level-5); color:var(--light-level-1); } button[role="switch"] { background-color:var(--light-level-1); } button[role="switch"][aria-checked="true"] { background-color:var(--blue-level-6); } button[role="switch"] span { background-color:var(--blue-level-6); } button[role="switch"][aria-checked="true"] span { background-color:var(--light-level-1); outline-color:var(--blue-level-6); } input[disabled], button[disabled] { background-color:var(--dark-level-8); border-color:var(--dark-level-8); color:var(--light-level-5); } input[disabled]:hover, input[disabled]:active, input[disabled]:focus { background:var(--dark-level-8) !important; color:var(--light-level-5) !important; } .toggleBtnText { color:var(--dark-level-7); } *[data-button-role="cancel"] { background-color:var(--red-level-6) !important; border-color:var(--red-level-7) !important; } *[data-button-role="cancel"]:hover { background-color:var(--red-level-5) !important; } *[contenteditable="true"] { border-color:var(--light-level-7); } select { background-color:var(--light-level-1); } label[data-required="true"]::after { color:var(--red-level-4); } dialog { border-color:var(--light-level-7); } *[role="note"], *[role="alert"], .errorMessage, .successMessage, .infoMessage, .warningMessage { color:var(--dark-level-7); } *[role="alert"], .errorMessage { background-color:var(--red-level-1); border-color:var(--red-level-2) !important; } .successMessage { background-color:var(--green-level-1); border-color:var(--green-level-2) !important; } .warningMessage { background-color:var(--yellow-level-1); border-color:var(--yellow-level-2) !important; } .infoMessage { background-color:var(--blue-level-1); border-color:var(--blue-level-2) !important; } body { background-color:light-dark(var(--light-level-4), var(--dark-level-5)); color:light-dark(var(--dark-level-7), var(--light-level-4)); } a { color:light-dark(var(--blue-level-5), var(--blue-level-4)); } a:hover { color:light-dark(var(--dark-level-7), var(--light-level-4)); } a[target="_blank"]:not(:empty)::after, .anchor::after, a[href$=".pdf"]::after { background-color:currentcolor; } .lsr { color:var(--light-level-1); } .ingress { border-color:var(--light-level-6); } *[data-post-type="post"] .factbox { background-color:light-dark(var(--purple-level-1), var(--purple-level-4)); } *[data-post-type="post"] .factbox::before { background-color:light-dark(var(--purple-level-5), var(--purple-level-4)); } *[data-post-type="post"] .factbox li::marker, *[data-post-type="post"] .factbox strong { color:light-dark(var(--purple-level-5), var(--purple-level-1)); } *[data-post-type="event"] .factbox { background-color:light-dark(var(--green-level-1), var(--green-level-6)); } *[data-post-type="event"] .factbox::before { background-color:var(--green-level-6); } *[data-post-type="event"] .factbox li::marker, *[data-post-type="event"] .factbox strong { color:light-dark(var(--green-level-6), var(--green-level-1)); } *[data-post-type="page"] .factbox { background-color:light-dark(var(--blue-level-1), var(--blue-level-6)); } *[data-post-type="page"] .factbox::before { background-color:var(--blue-level-6); } *[data-post-type="page"] .factbox li::marker, *[data-post-type="page"] .factbox strong { color:light-dark(var(--blue-level-6), var(--blue-level-4)); } .loadingSpinner { border-color:var(--light-level-3); border-top-color:var(--blue-level-6); } article, .article { background-color:light-dark(var(--light-level-1), var(--dark-level-7)); border-color:light-dark(var(--light-level-6), var(--dark-level-3)); color:light-dark(inherit, var(--light-level-3));} .banner article, .banner .article { background-color:var(--dark-level-7); border-color:var(--dark-level-3); } .button { color:light-dark(var(--light-level-1), var(--light-level-1)); background-color:light-dark(var(--blue-level-6), var(--blue-level-6)); } .banner { background-color:var(--dark-level-4); color:var(--light-level-1); border-color:var(--dark-level-3); } .banner a { color:var(--blue-level-4); } .banner a.button { color:var(--light-level-1); } .flag { background-color:var(--dark-level-1); color:var(--light-level-1); } .flag::after { border-left-color:var(--dark-level-1); border-top-color:transparent; border-bottom-color:transparent; } .rowIndicator { color:light-dark(var(--dark-level-9), var(--light-level-7)); } .nextSlide, .prevSlide { background-color:rgba(255,255,255, 0.4); } .home .banner .article { background-color:var(--dark-level-4); } .iconBefore::before, .iconAfter::after { background-color:transparent; } .slide a { color:var(--light-level-1); } .slide header { background-color:var(--dark-level-1); color:var(--light-level-1); } .boxButtonContainer ul { background-color:var(--dark-level-4); } .boxButtonContainer li { background-color:var(--blue-level-6); color:var(--light-level-1); } .boxButtonContainer li a { color:var(--light-level-1); } .boxButtonContainer li a:hover { background-color:var(--blue-level-5); } *[data-post-type="post"] .category { background-color:var(--purple-level-5); border-color:var(--purple-level-5); } *[data-post-type="post"] .category a { color:var(--light-level-1); } *[data-post-type="post"] .tag { background-color:var(--transparent); border-color:light-dark(var(--purple-level-5), var(--purple-level-1)); } *[data-post-type="post"] .tag a { color:light-dark(var(--purple-level-5), var(--purple-level-1)); } *[data-post-type="post"] .categoryStripe { background-color:var(--purple-level-5); } *[data-post-type="post"] #pageHeader figure { border-color:var(--purple-level-5); } *[data-post-type="article"] .category { background-color:var(--blue-level-5); border-color:var(--blue-level-5); } *[data-post-type="article"] .category a { color:var(--light-level-1); } *[data-post-type="article"] .tag { background-color:var(--transparent); border-color:light-dark(var(--blue-level-5), var(--blue-level-4)); } *[data-post-type="article"] .tag a { color:light-dark(var(--blue-level-5), var(--blue-level-4)); } *[data-post-type="article"] .categoryStripe { background-color:var(--blue-level-5); } *[data-post-type="article"] #pageHeader figure { border-color:var(--blue-level-5); } *[data-post-type="event"] .category { background-color:var(--green-level-6); border-color:var(--green-level-6); } *[data-post-type="event"] .category a { color:var(--light-level-1); } *[data-post-type="event"] .tag { background-color:var(--transparent); border-color:light-dark(var(--green-level-6), var(--green-level-1)); } *[data-post-type="event"] .tag a { color:light-dark(var(--green-level-6), var(--green-level-1)); } *[data-post-type="event"] .categoryStripe { background-color:var(--green-level-6); } *[data-post-type="event"] #pageHeader figure { border-color:var(--green-level-6); } #headerBanner { background-color:light-dark(var(--light-level-1), var(--dark-level-4)); border-color:light-dark(var(--light-level-6), var(--dark-level-1)); } #headerBanner .button { background-color:light-dark(var(--light-level-1), var(--dark-level-4)); border-color:light-dark(var(--light-level-6), var(--dark-level-1)); color:light-dark(inherit, var(--light-level-3)); } #headerBanner .button:hover { background-color:light-dark(var(--light-level-3), var(--dark-level-7)); } #headerBanner .iconBefore::before { background-color:light-dark(var(--dark-level-7), var(--light-level-3)); } #headerBanner #toggleBtnNotifications .indicator{ background-color:var(--red-level-4); color:var(--light-level-1); } #headerBanner .logo img { filter:light-dark(none, var(--filter-light)); } #headerBanner #toggleBtnMenu .icon, #headerBanner #toggleBtnMenu .icon::before, #headerBanner #toggleBtnMenu .icon::after { background-color:light-dark(var(--dark-level-7), var(--light-level-3)); } #headerBanner .userControlMenu .button { background-color:var(--blue-level-6); color:var(--light-level-1); } #headerBanner .userControlMenu .button:hover { background-color:var(--blue-level-5); } #headerBanner #toggleBtnMenu[aria-expanded="true"] .icon { background-color:transparent; } #logoBox { background-color:light-dark(var(--blue-level-7)); border-color:light-dark(var(--light-level-1)); } #userControls section { background-color:light-dark(var(--light-level-1), var(--dark-level-4)); border-color:light-dark(var(--light-level-6), var(--dark-level-1)); color:light-dark(inherit, var(--light-level-3)); } #userControls .row { border-color:var(--light-level-6); } #mainSidebar { background-color:var(--blue-level-8); border-color:var(--dark-level-4); } #mainSidebar header { color:var(--light-level-1); } #mainSidebar h2, #mainSidebar h3 { color:var(--light-level-1); } #mainSidebar ul ul li { background-color:var(--blue-level-7); } #mainSidebar ul li { background-color:var(--blue-level-6); } #mainSidebar a { color:var(--light-level-1); } #mainSidebar button[data-button-role="close"] { background-color:transparent; border-color:var(--light-level-1); } #mainSidebar button[data-button-role="close"]:hover { background-color:var(--blue-level-7); } #pageHeader { background-color:light-dark(var(--light-level-1), var(--dark-level-6)); border-color:light-dark(var(--light-level-6), var(--dark-level-3)); } .home #pageHeader *[role="separator"] { background-color:light-dark(var(--dark-level-4), var(--light-level-4)); } #mainBreadcrumbs { background-color:light-dark(var(--light-level-1), var(--dark-level-4)); border-color:light-dark(var(--light-level-6), var(--dark-level-1)); color:light-dark(var(--dark-level-9), var(--light-level-3)); } .postMetaInfo .iconBefore { color:light-dark(var(--dark-level-9), var(--light-level-5)); } .banner .postMetaInfo .iconBefore { color:var(--light-level-5); } *[data-module-style*="-style"] article { border-color:light-dark(var(--light-level-6), var(--dark-level-3)); } *[data-module-style*="-style"] article header { border-bottom-color:var(--light-level-7); } *[data-module-style*="-style"] article .heading a { color:inherit; } *[data-module-style*="-style"] .listing { border-color:light-dark(var(--light-level-6), var(--dark-level-3)); } .banner *[data-module-style*="-style"] article .heading a { color:var(--blue-level-4); } .banner *[data-module-style="List-style"] .listing article { background-color:transparent; border-color:var(--light-level-6); } .banner *[data-module-style="List-style"] article.featured { border-color:var(--dark-level-3); } .banner *[data-module-style="List-style"] article h3 a { color:var(--blue-level-4); } #pageContent header h1 { background-color:var(--dark-level-7); color:var(--light-level-1); } #pageContent header h1::after { border-bottom-color:transparent; border-left-color:var(--dark-level-7); } #metaBanner { background-color:light-dark(var(--light-level-4), var(--dark-level-3)); } #metaBanner .categoryList a { background-color:var(--blue-level-6); border-color:var(--blue-level-6); color:var(--light-level-1); } #metaBanner .categoryList a:hover { background-color:var(--blue-level-5); } #metaInformation { background-color:light-dark(var(--light-level-2), var(--dark-level-4)); border-color:light-dark(var(--light-level-6), var(--dark-level-1)); color:light-dark(inherit, var(--light-level-3)); } #metaInformation div[role="tablist"] { background-color:light-dark(var(--light-level-6), var(--dark-level-2)); } #metaInformation button { background-color:light-dark(var(--light-level-2), var(--dark-level-4)); color:inherit; } #metaInformation button:hover { background-color:light-dark(var(--light-level-4), var(--dark-level-7)); } .metaSectionContainer { background-color:light-dark(var(--light-level-1), var(--dark-level-3)); border-color:light-dark(var(--light-level-6), var(--dark-level-7)); } #pageSidebar { background-color:light-dark(var(--light-level-6), var(--dark-level-7)); border-color:light-dark(var(--light-level-6), var(--dark-level-3)); } #pageSidebar .article { background-color:light-dark(var(--light-level-1), var(--dark-level-7)); color:light-dark(inherit, var(--light-level-3)); } #pageSidebar header a { color:inherit; } .utilities { background-color:var(--dark-level-4); } .utilities #copyUrlMessage { background-color:var(--dark-level-1); } #headerCover .overlay { background-color:rgba(0,0,0,0.4); } #headerCover .controls { color:var(--light-level-1); } #pageCategoryList { background-color:light-dark(var(--light-level-1), var(--dark-level-3)); border-color:light-dark(var(--light-level-6), var(--dark-level-2)); } #pageCategoryList li a { background-color:var(--blue-level-6); border-color:var(--blue-level-6); color:var(--light-level-1); } #pageCategoryList li a:hover { background-color:var(--blue-level-5); } #searchSection input { background-color:light-dark(var(--light-level-1), var(--dark-level-7)); border-color:light-dark(var(--light-level-6), var(--dark-level-3)); color: light-dark(inherit, var(--light-level-3)); } input[type="password"] { background-color:light-dark(var(--light-level-1), var(--dark-level-7)); border-color:light-dark(var(--light-level-6), var(--dark-level-3)); color: light-dark(inherit, var(--light-level-3)); } .indicator[data-post-type="post"]::before { background-color:var(--purple-level-5); } .indicator[data-post-type="event"]::before { background-color:var(--green-level-6); } .indicator[data-post-type="page"]::before { background-color:var(--blue-level-5); } .pagination .page-numbers { background-color:transparent; border-color:light-dark(var(--blue-level-7), var(--light-level-1)); color:light-dark(var(--blue-level-7), var(--light-level-1)); } .pagination .current { background-color:var(--blue-level-7); color:var(--light-level-1); } .pagination select { } .pagination a:hover { background-color:var(--blue-level-6); color:var(--light-level-1); } #mainFooter { background-color:var(--dark-level-3); border-top-color:var(--dark-level-3); color:var(--light-level-1); } #mainFooter a { color:var(--blue-level-4); } #mainFooter .row .column { background-color:light-dark(var(--blue-level-9), var(--dark-level-3)); } #mainFooter .row:first-of-type .column { background-color:light-dark(var(--blue-level-8), var(--dark-level-4)); } #gotoMain { background-color: var(--dark-level-1); color:var(--light-level-1); border-color:var(--light-level-1); } #backToTop { background-color:var(--blue-level-6); border-color:var(--light-level-1); } #backToTop a { color:var(--light-level-1); } /*** Login page ***/ body.login { background-color:light-dark(var(--light-level-4), var(--dark-level-4)); color:light-dark(var(--dark-level-7), var(--light-level-3)); } body.login #login, body.login .language-switcher { background-color:light-dark(var(--light-level-1), var(--dark-level-7)); } body.login .language-switcher { background-color:transparent; border-top-color:var(--light-level-6); } body.login a, body.login #nav a { color:light-dark(var(--dark-level-7), var(--light-level-3)); } body.login form { background-color:transparent; } body.login #loginform input { background-color:light-dark(var(--light-level-1), var(--dark-level-7)); border-color:light-dark(var(--blue-level-7), var(--light-level-7)); color:light-dark(var(--dark-level-7), var(--light-level-3)); } body.login #mo_saml_button::after { border-bottom-color:var(--light-level-6); } body.login #mo_saml_login_sso_button { background-color:var(--green-level-6); border-color:var(--green-level-6); } body.login #mo_saml_login_sso_button:hover { background-color:var(--green-level-4); } body.login input[type="submit"] { background-color:light-dark(var(--blue-level-7), var(--blue-level-6)) !important; border-color:light-dark(var(--blue-level-7), var(--transparent)) !important; color:var(--light-level-1); } body.login #loginform { background-color:light-dark(var(--light-level-1), var(--dark-level-7)); } body.login #loginform input[type="submit"] { background-color:light-dark(var(--blue-level-7), var(--blue-level-6)) !important; color:var(--light-level-1); } body.login #loginform input[type="submit"]:hover, body.login input[type="submit"]:hover { background:var(--blue-level-5) !important; } body.login .button:hover { color:var(--light-level-1) !important; } body.login .notice.notice-info.message { background-color:light-dark(var(--light-level-1), var(--dark-level-4)); } /*** System information ***/ #systemInfo { background-color:var(--dark-level-7); color:var(--light-level-1); } /* ---------------------------------------------------------------------------------------------------------- Dark theme via theme selection ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ *[data-theme="darkmode"] #headerBanner .logo img { filter:grayscale(1) invert(1); } *[data-theme="darkmode"] #userControls section img { filter:var(--filter-light); } *[data-theme="darkmode"] .iconBefore::before { filter:var(--filter-light); } *[data-theme="darkmode"] #pageSidebar { border-width:1px; } *[data-theme="darkmode"] body.login #login h1 a { filter:var(--filter-light); } *[data-theme="light"] #headerBanner .logo img { filter:none; } *[data-theme="light"] #userControls section img { filter:none; } *[data-theme="light"] .iconBefore::before { filter:none; } *[data-theme="light"] #pageSidebar { border-width:0; } *[data-theme="light"] body.login #login h1 a { filter:none; } /* ---------------------------------------------------------------------------------------------------------- Dark theme via media queries -------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */