/** Dark Color Scheme */
@media (prefers-color-scheme: dark) {
body { color: rgba(255,255,255,.9); }
a { color: rgba(255,255,255,.7); }
h1, h2, h3, h4, h5, h6 { color: rgba(255,255,255,0.75); }
.block .body h4, .block .body h5, .block .body h6 { color: #c7ae52; }
input, textarea, select { color: rgba(255,255,255,0.8); }
:-ms-input-placeholder {
color: rgba(255,255,255,0.3);
}
::-webkit-input-placeholder {
color: rgba(255,255,255,0.3);
}
::-moz-placeholder {
color: rgba(255,255,255,0.3);
}
::placeholder {
color: rgba(255,255,255,0.3);
}
body, #header-bar, .header-search {
background: #111111;
}
.left-side .side-menu li.icon > a::before { filter: invert(0.8); }
.header-search input[type="text"], .header-search button { background: #2C2C2C; }
.header-search input[type="text"].has-text + button { background: #222; }
.header-search button {line-height: 30px;}
.header-search button, .header-search input[type="text"] { border: 1px solid #474747; }
.left-side {
border-right-color: #474747;
background: transparent;
}
.left-side .side-menu li ul, .left-side .side-menu li ul a { background: #222222; }
.left-side .side-menu .menu > li.current-menu-item > a, .left-side .side-menu .menu > li.current-menu-parent > a, .author-block figure { background: #2C2C2C; }
#feed-to-show, .block, #bible-drawer, #menu-primary ul, .header-notif .w-notifs {
background: #242526;
border-color: #474747;
}
li.toggle-menu-item a#toggle i { border-color: #242526; }
.artists-list .artist .meta header h3, .block .meta-sub a, .block .comment .name, .left-side .side-menu li a, .block .meta header h3 a,
.block .meta h1 a, .story-item h3, .media-item h3, #bible-drawer .app-ui .opt li a, #bible-drawer .app-ui .bible .content-body, #bible-drawer .app-ui .bible .books-opt,
.block .share-input header h3, .block a.body p, .type-forum .body p, .block .comment-content > p, .block .post-title a, .block h1.post-title, #feed-to-show .menu li a,
.post-actions .actions a, .toggle-menu-item .action-btns a, .artists-list .notification .meta header h3 span, .block-no-results .meta-sub h2 { color: rgba(255,255,255,0.9); }
.block .meta .bm-cta, .author-block .author-box .btn.logout, .form .formfields label { color: rgba(255,255,255,.7); }
#feed-to-show .menu li a, .block .meta h2, .block .meta h1, .block .meta-sub, #confirmBox h3, #confirmBox p, #confirmHTML, .ad-block h3, .block-no-results .message p, thead, .sharer .label { color: rgba(255,255,255,0.67); }
.block:not(.share-block) .share-input, .artists-list .artist, .fi-counter, #feed-to-show, .block .commentarea,
.block div.commentform .input, .block .meta-sub, .block .shared-content-inner .media .oembed,
.oembed a, .block .shared-content-inner, .author-block .p-cta .menu li, .author-block .p-cta .menu li:first-child, .author-block .banner,
.author-block figure, .categories, .story-item, .media-item, .author-block .author-box .unfollow, .user .cta .unfollow, .block .post-title a, .block h1.post-title,
.body .forum-content, .block .cta .btn.style2, .user .cta .btn, .user-2 .cta .btn, .block .share-input .share-types li .btn,
.story-item:last-of-type, .media-item:last-of-type, #bible-drawer .app-ui .opt, #bible-drawer .app-ui .bible .books-opt .book-name, #bible-drawer .app-ui .bible .books-opt .book-number,
#bible-drawer .app-ui .bible .verse-bar .drawer-search input, .oembed .inner, .share-preview .preview .remove-preview, .media-gallery-photos .delete-photo,
.commentarea .share-preview, .smileys-wrap .smileys, .post-actions .actions, .sharer, .likers, .share-preview .preview.preview-doc:not(.has-thumbnail) .remove-preview,
.media-gallery-photos, .formfield, .form .formfields h2, .formfield, .form .formfield input, .form .formfield select, .form .formfield textarea, .sticker-panel .tabbed, .sticker-panel .tab-body,
.header-notif .w-notifs .notifs, .block .body.artists-list .artist, .categories li, table, .block.page .page-header, blockquote, .sharer .inner { border-color: #474747; }
.oembed:not(.has-thumbnail) .preview::after, .sticker-panel .tab-menu li.active a, thead { background-color: #474747; }
.block .share-input header .share-to, .oembed header p, #footer-text, #footer-menu li, #footer-menu li a,
#bible-drawer .app-ui .bible .verse-bar .drawer-search button, .share-preview .preview .remove-preview, .media-gallery-photos .delete-photo,
.share-preview .preview.preview-doc:not(.has-thumbnail) .remove-preview, .form .field-description { color: rgba(255,255,255,0.5); }
.block .share-input .attachments li:not(:last-child) { border-color: rgba(255,255,255,0.2); }
.block .share-input .attachments li .btn, .block .forum-content a p, .ldl li.shared-item .toggle-comments, .block .f-cta > li > a,
.ldl li, .block .comment-meta .hmeta, .block .comment-meta .hmeta > a, .see-who .likes-count, blockquote p, .sharer .btn,
.block .loader .fa, .show-gallery .loader .fa { color: rgba(255,255,255,0.6); }
.block .share-input textarea, .edit-box-text {background-color: transparent;}
.block .share-input textarea:focus, .block footer .commentform textarea:focus, .block footer .commentform textarea.has-content, .edit-box-text:focus, .edit-comment-text:focus, .edit-comment-text { background-color: transparent; }
.textarea-wrap input[type="submit"], .textarea-wrap .comment-submit, .textarea-wrap .edit-comment-submit { background-color: #333; }
.comment-textarea.has-content + input[type="submit"], .comment-textarea.has-content + .comment-submit, .comment-textarea.has-attachment + .comment-submit, .edit-comment-text.has-content + .edit-comment-submit { background-color: #515151; }
.comment-textarea:not(.has-content) + input[type="submit"] .bi, .comment-textarea:not(.has-content) + .comment-submit .bi, .comment-textarea:not(.has-content) + .comment-submit .bi, .edit-comment-text:not(.has-content) + .edit-comment-submit .bi,
#chat-input:not(.has-content):not(.has-attachment) + .chat-submit .bi { color: rgba(255,255,255,0.25); }
.block .share-input textarea, .block footer .commentform textarea, .edit-box-text, .edit-comment-text, .block ul.c-level-2 .commentform .input { border-color: #474747; }
.smiley-toggle, .post-actions .actions-toggle { color: rgba(255,255,255,0.4); }
.block .meta header .datetime, .story-item header .datetime, .block .meta header .datetime .hmeta, .block .meta header .datetime a, .story-item header .datetime a, .suggested-block .meta-sub h3 { color: rgba(255,255,255,0.67); }
.block .cta .btn.style2, .user .cta .btn, .user-2 .cta .btn, .block .cta .btn.style2, .author-block .author-box .btn, .user .cta .btn, .new-playlist-form .btn,
.author-block .author-box .cta .post-actions .actions-toggle, .author-block .p-cta .menu .link span {background-color: #313131;}
.block .share-input .share-types li .btn.active {
border-color: transparent;
background-color: #515151;
}
.block .action .submit, .form .formsubmit [type="submit"], #confirmBox .button, .block .share-input .add-tag, #confirmBox .button.gray { background-color: #515151; }
.smileys-wrap .smileys, .post-actions .actions, .sharer, .likers { background-color: #333; }
.smileys-wrap .smileys:after, .post-actions .actions:after { border-color: transparent transparent #333 transparent; }
.block-footer .cta { color: rgba(255,255,255,0.75); }
.post-actions .actions a small, .block.share-block .share-inner small a, .block.share-block .share-inner small, .block .comment a.hash-u { color: rgba(255,255,255,0.5); }
.see-who .likes-count .no-count-text, .left-side .side-menu .menu-label { color: rgba(255,255,255,0.4); }
.commentform .attachment-actions li > a, #chat-form .attachment-actions li > a { opacity: 1; }
.block .comment-content { background-color: #444; }
#confirmBox { background: #242526; }
.share-preview .preview .remove-preview, .media-gallery-photos .delete-photo, .share-preview .preview.preview-doc:not(.has-thumbnail) .remove-preview, .sticker-panel .tabbed { background: #2C2C2C; }
#confirmBox > h3 {
background: #313131;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#closeConfirm { color: rgba(255,255,255,0.3); }
.attach-window .video-entry {
background-color: transparent;
border-color: #474747;
}
.sort-list a, .sort-list span {
color: rgba(255,255,255,.4);
background: #414141;
}
.user-2 .cta .btn { color: rgba(255,255,255,0.7) !important; }
.author-block .p-cta .menu li.active .link, .toggle-menu-item .action-btns i, .menu-toggle i { background-color: rgba(255,255,255,0.1); }
.see-who .like-icon img, .user-small .post-avatar:before, .see-who.see-who-comment .like-icon img { border-color: #2C2C2C; }
.block .post-title a, .block h1.post-title, #bible-drawer .app-ui .opt { background-color: #313131; }
.block .comment-lock { color: rgba(255,255,255,0.45); }
.border-bottom, .border-top, .form .formfield { border-color: #474747 !important; }
#bible-drawer .app-ui .bible .books-opt .book-name, #bible-drawer .app-ui .bible .books-opt .book-number {
background: #313131;
color: rgba(255,255,255,0.7);
}
#bible-drawer .app-ui .bible .verse-bar .drawer-search button, .block .body p.media-copyright, .block .media p.media-copyright { background-color: #474747; }
.embed .oembed a { background: rgba(0,0,0,0.5); }
#bible-drawer .app-ui .bible .verse-bar .drawer-search input, .form .formfield input, .form .formfield select, .form .formfield textarea { background-color: #212121; }
.sticker-panel .tab-menu {
background: #313131;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#footer-menu li a, .block .body p.media-copyright, .block .media p.media-copyright { color: rgba(255,255,255,0.5) !important; }
.block .meta header .listened {
border-radius: 50px;
background: rgba(255,255,255,0.1);
color: rgba(255,255,255,0.4);
padding: 5px 10px;
}
.toggle-view-more {
background: transparent;
padding: 12px;
margin: 0 !important;
}
.page-template-template-people .block .meta { border-color: #474747 !important; }
.block .share-input .attachments li i.img-photo-alt:before { background-position: -665px 0; }
.block .share-input .attachments li i.img-video-alt:before { background-position: -627px 0; }
.block .share-input .attachments li i.img-document-alt:before { background-position: -589px 0; }
.commentform .attachment-actions .img-photo:before, #chat-form .attachment-actions .img-photo:before { background-position: -540px 0; }
.commentform .attachment-actions .img-video:before, #chat-form .attachment-actions .img-video:before { background-position: -594px 0; }
.commentform .attachment-actions .img-file:before, #chat-form .attachment-actions .img-file:before { background-position: -558px 0; }
.commentform .attachment-actions .img-smiley:before, #chat-form .attachment-actions .img-smiley:before { background-position: -612px 0; }
.commentform .attachment-actions .img-sticker:before, #chat-form .attachment-actions .img-sticker:before { background-position: -576px 0; }
.media-player .player {
background: #272727;
margin: 10px;
border-radius: 5px;
}
#visualizer {
height: 150px;
width: auto;
margin-left: 10px;
margin-right: 10px;
z-index: 5;
}
#visualizer-canvas {
background-image: url(../img/music.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 60%;
}
.playlist-table td, .playlist-table th, .media-player .controls .time {color: #ccc;}
.playlist-table tbody tr.active .song {color: #ffffff;}
.playlist-table .stat, .playlist-table .song span {color: rgba(255,255,255,0.5);}
.media-player .controls .play-pause {
background: rgba(255,255,255,0.1);
border: 0;
color: #fff;
}
.media-player .controls a { color: #fff; }
.media-player .controls .bar, .media-player .controls .adjust > div {background: rgba(255,255,255,0.5);}
.media-player .controls .bar .played {background: #fff;}
.playlist-table {border: 0;}
.playlist-table td, .playlist-table th {border: 0;}
.playlist-table tbody tr.active td {background: rgba(255,255,255,0.1);}
.playlist-table tbody tr:hover td {background: transparent;}
/** Media Frame */
.media-frame-content, .attachments-browser .media-toolbar, .media-router .active, .media-router .media-menu-item.active:last-child { background: #111111 !important; }
.media-frame-content, .media-frame-toolbar .media-toolbar { border-top: 1px solid #111111 !important; }
.media-frame, .media-modal-backdrop { background: #242526 !important; }
#media-frame-title h1, .media-router .media-menu-item, .attachment-info .filename,
.attachment-details .setting .name, .attachment-details .setting .value, .attachment-details .setting span, .compat-item label span, .media-sidebar .checkbox-label-inline, .media-sidebar .setting .name, .media-sidebar .setting .value, .media-sidebar .setting span,
.image-details .media-embed h2, .media-sidebar h2 { color: rgba(255,255,255,0.67) !important; }
.media-router .active, .media-router .media-menu-item.active:last-child {
border-color: #111111 !important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.media-frame input[type="email"], .media-frame input[type="number"], .media-frame input[type="password"], .media-frame input[type="search"], .media-frame input[type="text"], .media-frame input[type="url"], .media-frame select, .media-frame textarea {
border-color: #474747 !important;
background: #212121 !important;
color: rgba(255,255,255,0.8) !important;
}
.media-frame input[type="email"]:active, .media-frame input[type="number"]:active, .media-frame input[type="password"]:active, .media-frame input[type="search"]:active, .media-frame input[type="text"]:active, .media-frame input[type="url"]:active, .media-frame select:active, .media-frame textarea:active,
.media-frame input[type="email"]:focus, .media-frame input[type="number"]:focus, .media-frame input[type="password"]:focus, .media-frame input[type="search"]:focus, .media-frame input[type="text"]:focus, .media-frame input[type="url"]:focus, .media-frame select:focus, .media-frame textarea:focus {
border-color: #474747 !important;
}
.media-sidebar {
background: #2c2c2c !important;
border-left: none !important;
}
/** Tags */
.tags li a {
background: rgba(255,255,255,0.05);
border-color: rgba(255,255,255,0.1);
color: rgba(255,255,255,.7);
}
.tags li a:hover { background: none; }
/** Custom login page */
body.page-template-template-login { background: #111 !important; }
.login-form .input, .login-form input[type="radio"]:checked ~ .radio-indicator, .login-form input[type="checkbox"]:checked ~ .radio-indicator { background-color: #333; }
#wp-submit {
/*background-color: #fff;
border-color: #fff;
color: rgba(0,0,0,.7);*/
}
.login-form .register a {
background-color: #666;
color: #fff;
}
.artists-list .user.online .post-avatar:after, .artists-list .user-2.online .post-avatar:after, .block .profilepic .avatar {
border-color: #2C2C2C;
}
.artists-list .user.online:not(.current-chat) .open-chat:not(:hover) .post-avatar:after { border-color: #111111; }
.media-frame-title h1 { color: rgba(0,0,0,0.75); }
.block.share-block .story-item { background: transparent; }
/** Chatbox */
.chatbox .chats { background: #222; }
#cb-toggle:hover .bm-cta { background: rgba(255,255,255,0.15); }
.has-chatbox .chatbox-block .meta i { color: rgba(255,255,255,.7); }
}
@media only screen and (min-width: 640.01px) and (min-height: 400.01px) and (prefers-color-scheme: dark) {
.media-frame-content {
border-left: 1px solid #111111 !important;
border-right: 1px solid #2c2c2c !important;
}
}
@media screen and (min-width: 729px) and (prefers-color-scheme: dark) {
#my-logo { border-bottom: 1px solid #474747; }
#my-logo, #my-logo a { background-color: #111111; }
}
@media screen and (max-width: 728px) and (prefers-color-scheme: dark) {
#header-bar, .header-search, #feed-to-show, .block, #bible-drawer, .block .post-title a, .block h1.post-title, #bible-drawer .app-ui .opt { background: #242526; }
#header-bar { border-bottom: 1px solid #474747; }
.side-nav, .left-side .side-menu .menu > li { border-color: #474747; }
.side-nav { background: #2C2C2C; }
}
@media screen and (max-width: 579px) and (prefers-color-scheme: dark) {
body:not(.author) .blocks { margin-top: -11px; }
body:not(.author):not(.home) .blocks > .block:first-child, #block-share-home, body.home:not(.logged-in) .devotional { border-color: #474747; }
}
@media (prefers-color-scheme: dark) {
/** Chat Dark Theme */
.chat-users, .blocks-content, a.open-chat, .user.has-notif .open-chat { background-color: #111111; }
.last-message { color: rgba(255,255,255, 0.67); }
.chat-users, .chat-user-options, .blocks, .chat-input-div, .side-nav, .left-side .side-menu .menu > li, .sticker-panel .tabbed, #chatbox { border-color: #474747; }
#chat-form .inner, .share-preview { border-color: #333333; }
.chat-to-div .chat-mssg, .chat-input-div, #chat-input, .embed .oembed a, .side-nav { background: #2C2C2C; }
.date-sep::before, .date-sep span { background-color: #2C2C2C; }
.chat-submit { background-color: #333; }
#chat-input.has-content + .chat-submit, #chat-input.has-attachment + .chat-submit { background-color: #515151; }
a.open-chat:hover, .current-chat a.open-chat { background: #2C2C2C !important; }
.drawer { background: #111; }
.chat-div .post-actions .actions-toggle, .date-sep span { color: rgba(255,255,255,0.4); }
.chat-from-div .avatar {
background-color: #111111;
border-color: #111111;
}
.chat-div .post-actions .actions:after { border-color: transparent transparent transparent #333; }
.chats .chat-to-div .chat-mssg > a { color: #fff; }
}
@media (prefers-color-scheme: dark) {
/** Dark Web Style */
.author-block .author-box .unfollow:hover, .user .cta .unfollow:hover { border-color: #474747; }
a:hover, #feed-to-show .menu li a, .block .body a .block .meta header h3 a:hover, .block .meta header h1 a:hover, .block .toggle-comments:hover { color: rgba(255,255,255,0.9); }
.block .comment-meta .hmeta > a:hover, .load-more-comments, .block .comment-meta .hmeta, .block .comment-meta .hmeta > a { color: rgba(255,255,255,0.67); }
.block .share-input .attachments li .btn, .smiley-toggle:hover { color: rgba(255,255,255,0.6); }
.block .action .submit:hover, .form .formsubmit [type="submit"]:hover, #confirmBox .button:hover, .block .share-input .add-tag:hover { background-color: #717171; }
.block .cta .btn.style2:hover, .user .cta .btn:hover, .new-playlist-form .btn:hover { background-color: #515151; }
.upload-cta .btn:hover, .block .cta .btn:hover { color: rgba(255,255,255,.7); }
.block .f-cta > li > a, .ldl li, .ldl li.shared-item .toggle-comments, .see-who .likes-count, .post-actions .actions a:hover,
.toggle-menu-item .action-btns a:hover, .block .f-cta > li > a:not(.like-post):hover { color: rgba(255,255,255,0.75); }
.header-search button:hover { background-color: #444; }
#closeConfirm:hover { color: rgba(255,255,255,0.5); }
.left-side .side-menu .menu li > a:hover, .playlist-table tbody tr:hover td, .sharer .btn:hover { background-color: rgba(255,255,255,0.1); }
.author-block .author-box .btn:not(.logout):hover, .block .f-cta > li > a:hover, .block .post-title a:hover { background-color: #313131; }
.author-block .author-box .btn.logout:hover { background: #D73D42; }
.block .comment a.hash-u:hover { color: rgba(255,255,255,1.0); }
.sticker-panel .tab-body .tab-content > a:hover { background-color: #474747; }
a.slide-control:not(.slick-disabled):hover { color: rgba(255,255,255,.9); }
.toggle-view-more:hover { background: rgba(0,0,0,0.1); }
}