File: /home/joyfejor/public_html/wp-content/plugins/litespeed-cache/assets/css/litespeed-dark-mode.css
/* =======================================
DARK MODE STYLES
======================================= */
/* Dark Mode Toggle Button */
.litespeed-dark-mode-toggle {
position: fixed;
top: 32px;
right: 20px;
z-index: 999999;
background: none;
border: none;
width: auto;
height: auto;
color: inherit;
cursor: pointer;
font-size: 16px;
}
/* =======================================
DARK MODE STYLES
Auto-applied based on browser preference
OR manually toggled with .litespeed-darkmode class
======================================= */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) {
background-color: #1e1e1e;
color: #e0e0e0;
}
}
body.litespeed-darkmode {
background-color: #1e1e1e;
color: #e0e0e0;
}
/* WordPress admin wrapper */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) #wpwrap {
background-color: #1e1e1e;
color: #e0e0e0;
}
}
body.litespeed-darkmode #wpwrap {
background-color: #1e1e1e;
color: #e0e0e0;
}
/* Main content area */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) #wpcontent {
background-color: #181818;
color: #e0e0e0;
}
}
body.litespeed-darkmode #wpcontent {
background-color: #181818;
color: #e0e0e0;
}
/* Form inputs */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='text'],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='number'],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='email'],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='url'],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='password'],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='search'],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='file'],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) textarea,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) select {
background-color: #2d2d30;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
}
body.litespeed-darkmode input[type='text'],
body.litespeed-darkmode input[type='number'],
body.litespeed-darkmode input[type='email'],
body.litespeed-darkmode input[type='url'],
body.litespeed-darkmode input[type='password'],
body.litespeed-darkmode input[type='search'],
body.litespeed-darkmode input[type='file'],
body.litespeed-darkmode textarea,
body.litespeed-darkmode select {
background-color: #2d2d30;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='text']:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='number']:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='email']:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='url']:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='password']:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='search']:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type='file']:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) textarea:focus,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) select:focus {
background-color: #404043;
border: 1px solid #5a5a5d;
box-shadow: 0 0 0 1px #0073aa;
}
}
body.litespeed-darkmode input[type='text']:focus,
body.litespeed-darkmode input[type='number']:focus,
body.litespeed-darkmode input[type='email']:focus,
body.litespeed-darkmode input[type='url']:focus,
body.litespeed-darkmode input[type='password']:focus,
body.litespeed-darkmode input[type='search']:focus,
body.litespeed-darkmode input[type='file']:focus,
body.litespeed-darkmode textarea:focus,
body.litespeed-darkmode select:focus {
background-color: #404043;
border: 1px solid #5a5a5d;
box-shadow: 0 0 0 1px #0073aa;
}
/* Buttons */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button-secondary {
background-color: #3e3e42;
border-color: #5a5a5d;
color: #e0e0e0;
}
}
body.litespeed-darkmode .button,
body.litespeed-darkmode .button-secondary {
background-color: #3e3e42;
border-color: #5a5a5d;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) circle.litespeed-pie_bg {
stroke: #3e3e42;
}
}
body.litespeed-darkmode circle.litespeed-pie_bg {
stroke: #3e3e42;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) g.litespeed-pie_info text {
fill: #e0e0e0;
}
}
body.litespeed-darkmode g.litespeed-pie_info text {
fill: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) g.litespeed-pie_info .litespeed-pie-done {
fill: #6dd17e;
}
}
body.litespeed-darkmode g.litespeed-pie_info .litespeed-pie-done {
fill: #6dd17e;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-switch input:not(:checked) + label {
background-color: #3e3e42;
color: #e0e0e0;
border: 1px solid #5a5a5d;
}
}
body.litespeed-darkmode .litespeed-switch input:not(:checked) + label {
background-color: #3e3e42;
color: #e0e0e0;
border: 1px solid #5a5a5d;
}
/* Column with boxes layout */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-column-with-boxes .postbox {
border-color: #3e3e42;
}
}
body.litespeed-darkmode .litespeed-column-with-boxes .postbox {
border-color: #3e3e42;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-column-with-boxes > div.litespeed-column-right {
background-color: #2d2d30;
}
}
body.litespeed-darkmode .litespeed-column-with-boxes > div.litespeed-column-right {
background-color: #2d2d30;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-image-optim-summary,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-column-left-inside {
background-color: #1e1e1e;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-image-optim-summary,
body.litespeed-darkmode .litespeed-column-left-inside {
background-color: #1e1e1e;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed"]:not(.litespeed-lightmode).litespeed-cache_page_litespeed-img_optm [data-litespeed-layout='summary'],
body[class*="litespeed"]:not(.litespeed-lightmode).litespeed-cache_page_litespeed-img_optm .litespeed-column-with-boxes > div.litespeed-column-right,
body[class*="litespeed"]:not(.litespeed-lightmode).litespeed-cache_page_litespeed-cdn .litespeed-column-with-boxes > div.litespeed-column-right,
body[class*="litespeed"]:not(.litespeed-lightmode).litespeed-cache_page_litespeed-cdn [data-litespeed-layout='qc'] {
background-color: #181818;
}
}
body.litespeed-darkmode.litespeed-cache_page_litespeed-img_optm [data-litespeed-layout='summary'],
body.litespeed-darkmode.litespeed-cache_page_litespeed-img_optm .litespeed-column-with-boxes > div.litespeed-column-right,
body.litespeed-darkmode.litespeed-cache_page_litespeed-cdn .litespeed-column-with-boxes > div.litespeed-column-right,
body.litespeed-darkmode.litespeed-cache_page_litespeed-cdn [data-litespeed-layout='qc'] {
background-color: #181818;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-image-optim-summary-footer,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-column-with-boxes-footer {
border-top: 1px solid #373737;
background: revert;
}
}
body.litespeed-darkmode .litespeed-image-optim-summary-footer,
body.litespeed-darkmode .litespeed-column-with-boxes-footer {
border-top: 1px solid #373737;
background: revert;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-column-with-boxes-footer {
border-top: 1px solid #3e3e42;
background-color: #353539;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-column-with-boxes-footer{
border-top: 1px solid #3e3e42;
background-color: #353539;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .nav-tab:focus:not(.nav-tab-active),
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .nav-tab:hover:not(.nav-tab-active) {
background-color: #4d4d51;
border-color: #666;
color: #fff
}
}
body.litespeed-darkmode .nav-tab:focus:not(.nav-tab-active),
body.litespeed-darkmode .nav-tab:hover:not(.nav-tab-active) {
background-color: #4d4d51;
border-color: #666;
color: #fff
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button:hover,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button-secondary:hover {
background-color: #484851;
border-color: #666;
}
}
body.litespeed-darkmode .button:hover,
body.litespeed-darkmode .button-secondary:hover {
background-color: #484851;
border-color: #666;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button-primary {
background-color: #0073aa;
border-color: #005a87;
color: #ffffff;
}
}
body.litespeed-darkmode .button-primary {
background-color: #0073aa;
border-color: #005a87;
color: #ffffff;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button-primary:hover {
background-color: #005a87;
border-color: #004a73;
}
}
body.litespeed-darkmode .button-primary:hover {
background-color: #005a87;
border-color: #004a73;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button-primary:disabled,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .button-primary[disabled] {
background-color: #3e3e42;
border-color: #5a5a5d;
color: #8c8f94;
cursor: not-allowed;
opacity: 0.6;
}
}
body.litespeed-darkmode .button-primary:disabled,
body.litespeed-darkmode .button-primary[disabled] {
background-color: #3e3e42;
border-color: #5a5a5d;
color: #8c8f94;
cursor: not-allowed;
opacity: 0.6;
}
/* Danger buttons */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-btn-danger-bg,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed .litespeed-btn-danger-bg,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-wrap .litespeed-btn-danger-bg {
background-color: #dc3232;
border-color: #b32d2e;
color: #ffffff;
box-shadow: 0 1px 0 rgba(179, 45, 46, 0.5);
}
}
body.litespeed-darkmode .litespeed-btn-danger-bg,
body.litespeed-darkmode .litespeed .litespeed-btn-danger-bg,
body.litespeed-darkmode .litespeed-wrap .litespeed-btn-danger-bg {
background-color: #dc3232;
border-color: #b32d2e;
color: #ffffff;
box-shadow: 0 1px 0 rgba(179, 45, 46, 0.5);
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-btn-danger-bg:hover,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed .litespeed-btn-danger-bg:hover,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-wrap .litespeed-btn-danger-bg:hover {
background-color: #b32d2e;
border-color: #a02622;
}
}
body.litespeed-darkmode .litespeed-btn-danger-bg:hover,
body.litespeed-darkmode .litespeed .litespeed-btn-danger-bg:hover,
body.litespeed-darkmode .litespeed-wrap .litespeed-btn-danger-bg:hover {
background-color: #b32d2e;
border-color: #a02622;
}
/* Notices */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .notice {
background-color: #262626;
border-left: 4px solid #72a9d3;
color: #e0e0e0;
}
}
body.litespeed-darkmode .notice {
background-color: #262626;
border-left: 4px solid #72a9d3;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .notice-success {
border-left-color: #46b450;
}
}
body.litespeed-darkmode .notice-success {
border-left-color: #46b450;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .notice-warning {
border-left-color: #b28100;
}
}
body.litespeed-darkmode .notice-warning {
border-left-color: #b28100;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .notice-error {
border-left-color: #dc3232;
}
}
body.litespeed-darkmode .notice-error {
border-left-color: #dc3232;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .notice-info {
border-left-color: #00a0d2;
}
}
body.litespeed-darkmode .notice-info {
border-left-color: #00a0d2;
}
/* Striped table notices */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .striped > tbody > :nth-child(even) .notice {
background-color: #3e3e42;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
}
body.litespeed-darkmode .striped > tbody > :nth-child(even) .notice {
background-color: #3e3e42;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/* Postboxes */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .postbox {
background-color: #2d2d30;
border: 1px solid #767679;
color: #e0e0e0;
}
}
body.litespeed-darkmode .postbox {
background-color: #2d2d30;
border: 1px solid #767679;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .postbox h3,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .postbox .hndle {
color: #e0e0e0;
}
}
body.litespeed-darkmode .postbox h3,
body.litespeed-darkmode .postbox .hndle {
color: #e0e0e0;
}
/* Tables */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) table,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .wp-list-table {
background-color: #2d2d30;
color: #e0e0e0;
}
}
body.litespeed-darkmode table,
body.litespeed-darkmode .wp-list-table {
background-color: #2d2d30;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .wp-list-table th {
color: #e0e0e0;
}
}
body.litespeed-darkmode .wp-list-table th {
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .wp-list-table td {
border-bottom: 1px solid #3e3e42;
color: #e0e0e0;
}
}
body.litespeed-darkmode .wp-list-table td {
border-bottom: 1px solid #3e3e42;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .striped > tbody > :nth-child(odd) {
background-color: #2d2d30;
}
}
body.litespeed-darkmode .striped > tbody > :nth-child(odd) {
background-color: #2d2d30;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .striped > tbody > :nth-child(even) {
background-color: #353539;
}
}
body.litespeed-darkmode .striped > tbody > :nth-child(even) {
background-color: #353539;
}
/* Form tables */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .form-table {
background: transparent;
}
}
body.litespeed-darkmode .form-table {
background: transparent;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .form-table th {
background: transparent;
color: #e0e0e0;
}
}
body.litespeed-darkmode .form-table th {
background: transparent;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .form-table td {
background: transparent;
color: #e0e0e0;
}
}
body.litespeed-darkmode .form-table td {
background: transparent;
color: #e0e0e0;
}
/* Links */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) a {
color: #72aee6;
}
}
body.litespeed-darkmode a {
color: #72aee6;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) a:hover,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) a:focus {
color: #9ec8f2;
}
}
body.litespeed-darkmode a:hover,
body.litespeed-darkmode a:focus {
color: #9ec8f2;
}
/* Code blocks */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) code {
background-color: #404043;
color: #e0e0e0;
}
}
body.litespeed-darkmode code {
background-color: #404043;
color: #e0e0e0;
}
/* Horizontal rules */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) hr {
border-color: #5a5a5d;
background-color: #5a5a5d;
}
}
body.litespeed-darkmode hr {
border-color: #5a5a5d;
background-color: #5a5a5d;
}
/* Dashboard widgets */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .dashboard-widget {
background-color: #2d2d30;
border: 1px solid #3e3e42;
}
}
body.litespeed-darkmode .dashboard-widget {
background-color: #2d2d30;
border: 1px solid #3e3e42;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .dashboard-widget .widget-top {
background-color: #404043;
border-bottom: 1px solid #5a5a5d;
}
}
body.litespeed-darkmode .dashboard-widget .widget-top {
background-color: #404043;
border-bottom: 1px solid #5a5a5d;
}
/* Meta boxes */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .meta-box-sortables .postbox {
background-color: #2d2d30;
border: 1px solid #3e3e42;
}
}
body.litespeed-darkmode .meta-box-sortables .postbox {
background-color: #2d2d30;
border: 1px solid #3e3e42;
}
/* LiteSpeed specific styles */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-header {
border-bottom: 1px solid #5a5a5d;
}
}
body.litespeed-darkmode .litespeed-header {
border-bottom: 1px solid #5a5a5d;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-body {
background-color: #1e1e1e;
border-left: 1px solid #5a5a5d;
border-right: 1px solid #5a5a5d;
border-bottom: 1px solid #5a5a5d;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-body {
background-color: #1e1e1e;
border-left: 1px solid #5a5a5d;
border-right: 1px solid #5a5a5d;
border-bottom: 1px solid #5a5a5d;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-panel {
background-color: #2d2d30;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-panel {
background-color: #2d2d30;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-panel-wrapper {
background: transparent;
}
}
body.litespeed-darkmode .litespeed-panel-wrapper {
background: transparent;
}
/* Dashboard titles */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-h1,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) h1.litespeed-h1 {
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-h1,
body.litespeed-darkmode h1.litespeed-h1 {
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) h3 {
color: #e0e0e0;
}
}
body.litespeed-darkmode h3 {
color: #e0e0e0;
}
/* LiteSpeed postboxes */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox {
background-color: #2d2d30;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-postbox {
background-color: #2d2d30;
border: 1px solid #3e3e42;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox .inside {
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-postbox .inside {
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox .inside .litespeed-title {
border-bottom: 1px solid #5a5a5d;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-postbox .inside .litespeed-title {
border-bottom: 1px solid #5a5a5d;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox .inside.litespeed-postbox-footer {
background-color: #353539;
border-top: 1px solid #5a5a5d;
}
}
body.litespeed-darkmode .litespeed-postbox .inside.litespeed-postbox-footer {
background-color: #353539;
border-top: 1px solid #5a5a5d;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox p.litespeed-dashboard-stats-total {
border-top: 1px dashed #5a5a5d;
}
}
body.litespeed-darkmode .litespeed-postbox p.litespeed-dashboard-stats-total {
border-top: 1px dashed #5a5a5d;
}
/* Dashboard stats */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-dashboard-stats .litespeed-desc {
color: #b3b3b3;
}
}
body.litespeed-darkmode .litespeed-dashboard-stats .litespeed-desc {
color: #b3b3b3;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-dashboard-stats-payg {
color: #b3b3b3;
}
}
body.litespeed-darkmode .litespeed-dashboard-stats-payg {
color: #b3b3b3;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-dashboard-stats-payg strong {
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-dashboard-stats-payg strong {
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-dashboard-stats-wrapper .litespeed-postbox:not(:first-child) {
border-left-color: #3e3e42;
}
}
body.litespeed-darkmode .litespeed-dashboard-stats-wrapper .litespeed-postbox:not(:first-child) {
border-left-color: #3e3e42;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox.litespeed-postbox-partner h3.litespeed-title {
color: #b3b3b3;
}
}
body.litespeed-darkmode .litespeed-postbox.litespeed-postbox-partner h3.litespeed-title {
color: #b3b3b3;
}
/* QUIC.cloud postbox styling */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox--quiccloud {
border-color: #3e7cb3;
}
}
body.litespeed-darkmode .litespeed-postbox--quiccloud {
border-color: #3e7cb3;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox--quiccloud.litespeed-postbox .inside .litespeed-title {
background-color: #41464a;
color: #ffffff;
}
}
body.litespeed-darkmode .litespeed-postbox--quiccloud.litespeed-postbox .inside .litespeed-title {
background-color: #41464a;
color: #ffffff;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox--quiccloud.litespeed-postbox .inside .litespeed-title a {
color: #a5caf2;
}
}
body.litespeed-darkmode .litespeed-postbox--quiccloud.litespeed-postbox .inside .litespeed-title a {
color: #a5caf2;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-postbox--quiccloud.litespeed-postbox .inside .litespeed-title a:hover {
color: #c2dcff;
}
}
body.litespeed-darkmode .litespeed-postbox--quiccloud.litespeed-postbox .inside .litespeed-title a:hover {
color: #c2dcff;
}
/* Dashboard unlock/promo styling */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-dashboard-unlock {
background-color: #2d2d30;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-dashboard-unlock {
background-color: #2d2d30;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-dashboard-unlock-desc {
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-dashboard-unlock-desc {
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-dashboard-unlock-desc span {
color: #b3b3b3;
}
}
body.litespeed-darkmode .litespeed-dashboard-unlock-desc span {
color: #b3b3b3;
}
/* Navigation tabs */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .nav-tab {
background-color: #3e3e42;
border-color: #5a5a5d;
color: #e0e0e0;
}
}
body.litespeed-darkmode .nav-tab {
background-color: #3e3e42;
border-color: #5a5a5d;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .nav-tab:hover {
background-color: #1e1e1e;
}
}
body.litespeed-darkmode .nav-tab:hover {
background-color: #1e1e1e;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .nav-tab-active {
background-color: #1e1e1e;
border-bottom-color: #1e1e1e;
color: #e0e0e0;
}
}
body.litespeed-darkmode .nav-tab-active {
background-color: #1e1e1e;
border-bottom-color: #1e1e1e;
color: #e0e0e0;
}
/* Status indicators */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-success {
color: #46b450;
}
}
body.litespeed-darkmode .litespeed-success {
color: #46b450;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-error {
color: #dc3232;
}
}
body.litespeed-darkmode .litespeed-error {
color: #dc3232;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-warning {
color: #ffb900;
}
}
body.litespeed-darkmode .litespeed-warning {
color: #ffb900;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-warning-bg {
background-color: #584007 !important;
color: #ffffff;
}
}
body.litespeed-darkmode .litespeed-warning-bg {
background-color: #584007 !important;
color: #ffffff;
}
/* Footer */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) #wpfooter {
background-color: #2d2d30;
color: #e0e0e0;
}
}
body.litespeed-darkmode #wpfooter {
background-color: #2d2d30;
color: #e0e0e0;
}
/* Checkbox and radio inputs */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type="checkbox"],
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) input[type="radio"] {
background-color: #2d2d30;
border: 1px solid #3e3e42;
}
}
body.litespeed-darkmode input[type="checkbox"],
body.litespeed-darkmode input[type="radio"] {
background-color: #2d2d30;
border: 1px solid #3e3e42;
}
/* Progress bars */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-progress {
background-color: #3e3e42;
}
}
body.litespeed-darkmode .litespeed-progress {
background-color: #3e3e42;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-progress-bar {
background-color: #0073aa;
}
}
body.litespeed-darkmode .litespeed-progress-bar {
background-color: #0073aa;
}
/* Litespeed tick buttons */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-tick {
background-color: #2d2d30;
border: 1px solid #3e3e42;
padding: 8px 10px;
}
}
body.litespeed-darkmode .litespeed-tick {
background-color: #2d2d30;
border: 1px solid #3e3e42;
padding: 8px 10px;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-tick:hover {
background-color: #404043;
border-color: #5a5a5d;
}
}
body.litespeed-darkmode .litespeed-tick:hover {
background-color: #404043;
border-color: #5a5a5d;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-tick label {
color: #e0e0e0;
padding: 4px 8px;
}
}
body.litespeed-darkmode .litespeed-tick label {
color: #e0e0e0;
padding: 4px 8px;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-tick label:hover {
color: #72aee6;
}
}
body.litespeed-darkmode .litespeed-tick label:hover {
color: #72aee6;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-tick input[type='checkbox'] {
background-color: #2d2d30;
border: 2px solid #5a5a5d;
}
}
body.litespeed-darkmode .litespeed-tick input[type='checkbox'] {
background-color: #2d2d30;
border: 2px solid #5a5a5d;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-tick input[type='checkbox']:checked {
background-color: #0073aa;
border-color: #0073aa;
}
}
body.litespeed-darkmode .litespeed-tick input[type='checkbox']:checked {
background-color: #0073aa;
border-color: #0073aa;
}
/* Card headers */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-card-header {
background-color: #404043;
border-bottom: 1px solid #5a5a5d;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-card-header {
background-color: #404043;
border-bottom: 1px solid #5a5a5d;
color: #e0e0e0;
}
/* Card action buttons */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-card-action .button-secondary:hover {
background-color: #484851;
border-color: #666;
color: #e0e0e0;
}
}
body.litespeed-darkmode .litespeed-card-action .button-secondary:hover {
background-color: #484851;
border-color: #666;
color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-card-action .button-primary:hover {
background-color: #005a87;
border-color: #004a73;
color: #ffffff;
}
}
body.litespeed-darkmode .litespeed-card-action .button-primary:hover {
background-color: #005a87;
border-color: #004a73;
color: #ffffff;
}
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-h3,
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-panel-para {
color: revert;
}
}
body.litespeed-darkmode .litespeed-h3,
body.litespeed-darkmode .litespeed-panel-para {
color: revert;
}
/* Text gradient for QUIC.cloud branding */
@media (prefers-color-scheme: dark) {
body[class*="litespeed-cache_page_litespeed"]:not(.litespeed-lightmode) .litespeed-qc-text-gradient {
background: -webkit-linear-gradient(130deg, #ff69b4, #4db3e6 60%, #a5e7ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
body.litespeed-darkmode .litespeed-qc-text-gradient {
background: -webkit-linear-gradient(130deg, #ff69b4, #4db3e6 60%, #a5e7ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}