/* Dark mode overrides - applied via [data-theme="dark"] on */ /* ===== Base ===== */ [data-theme="dark"] body { background-color: #1a1a2e; color: #b8b8cc; } [data-theme="dark"] a { color: #5e9be6; } [data-theme="dark"] a:hover { color: #7db4f0; } /* ===== Header bar ===== */ [data-theme="dark"] #headerbar { background-color: #16213e; border-bottom-color: #2a2a4a; } /* Logo: hide the GIF, show dark mode app icon */ [data-theme="dark"] #logo { visibility: hidden; position: relative; } [data-theme="dark"] #logocontain { position: relative; width: 55px; overflow: visible; } [data-theme="dark"] #logocontain::after { content: ''; display: block; width: 48px; height: 48px; background: url('/i/appicon-tf-dark.png') center/contain no-repeat; position: absolute; top: 7px; left: 0; border-radius: 10px; } /* Header: flexbox layout to push avatar/username to the right */ [data-theme="dark"] #headercontents { display: flex; align-items: center; } [data-theme="dark"] #logocontain { float: none; flex-shrink: 0; width: 55px; margin: 0 0 0 10px; } [data-theme="dark"] #nav { display: flex; align-items: center; gap: 12px; flex: 1; justify-content: center; margin: 0; bottom: auto; position: static; } [data-theme="dark"] #nav li { float: none; width: auto !important; left: auto; position: static; margin: 0; height: auto; list-style-type: none; } [data-theme="dark"] #avatarpre { float: none; flex-shrink: 0; margin-left: auto; margin-top: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; } [data-theme="dark"] #avatarpo { float: none; flex-shrink: 0; } [data-theme="dark"] #darkmodetoggle { float: none; flex-shrink: 0; margin-top: 0 !important; display: flex; align-items: center; height: 63px; } [data-theme="dark"] #nav li a { background-image: none !important; padding: 10px 22px 10px 16px; color: #8a95aa; font-size: 17px; font-weight: 600; letter-spacing: 0.01em; height: auto; line-height: 22px; border-radius: 10px; transition: background-color 0.15s, color 0.15s; display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; } [data-theme="dark"] #nav li a:hover { color: #c0c8d8; background-color: rgba(255,255,255,0.07); } [data-theme="dark"] #nav li a.hbrowsesel, [data-theme="dark"] #nav li a.hmessagessel, [data-theme="dark"] #nav li a.hprofilesel, [data-theme="dark"] #nav li a.hplaysel { color: #d0d8e8; background-color: rgba(255,255,255,0.10); } [data-theme="dark"] #nav li a.hplay { background-image: none !important; padding: 10px 22px 10px 16px; filter: none; } [data-theme="dark"] #nav li a:hover.hplay, [data-theme="dark"] #nav li a.hplaysel { filter: none; } /* SVG icons for nav items via ::before pseudo-element */ [data-theme="dark"] #nav li a::before { content: ''; display: inline-block; width: 22px; height: 22px; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.55; transition: opacity 0.15s; } [data-theme="dark"] #nav li a:hover::before, [data-theme="dark"] #nav li a.hbrowsesel::before, [data-theme="dark"] #nav li a.hmessagessel::before, [data-theme="dark"] #nav li a.hprofilesel::before, [data-theme="dark"] #nav li a.hplaysel::before { opacity: 0.85; } /* Browse icon - magnifying glass */ [data-theme="dark"] #nav li a.hbrowse::before, [data-theme="dark"] #nav li a.hbrowsesel::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa5b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); } /* Play icon - heart */ [data-theme="dark"] #nav li a.hplay::before, [data-theme="dark"] #nav li a.hplaysel::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa5b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E"); } /* Mail icon - envelope */ [data-theme="dark"] #nav li a.hmessages::before, [data-theme="dark"] #nav li a.hmessagessel::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa5b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E"); } /* Lists icon - grid/people */ [data-theme="dark"] #nav li a.hprofile::before, [data-theme="dark"] #nav li a.hprofilesel::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa5b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); } /* Popout menu: remove sprite icons, text-only */ [data-theme="dark"] #popoutmenu li a { background-image: none !important; padding: 10px 20px; filter: none; font-size: 15px; height: auto; color: #9aa5b8; } [data-theme="dark"] #popoutmenu li a:hover { filter: none; color: #c0c8d8; } [data-theme="dark"] #username { color: #c0c8d8; } [data-theme="dark"] #userlevel { color: #7a8294; } [data-theme="dark"] #avatarpo { border-left-color: #2a3450; } [data-theme="dark"] #darkmodetoggle { color: #ccc; } [data-theme="dark"] #darkmodetoggle:hover { color: #fff; } /* ===== Popout menu ===== */ [data-theme="dark"] #popoutmenu { background: #1e1e3a; border-color: #3a3a5a; } [data-theme="dark"] #popoutmenu li a:hover { background-color: #2a2a4a; } /* ===== Content area ===== */ [data-theme="dark"] #content { color: #b8b8cc; } [data-theme="dark"] .contentbox { background-color: #1e1e3a; border-color: #2a2a4a; } [data-theme="dark"] .contentboxnotice { background-color: #1e1e3a; border-color: #2a2a4a; } /* ===== Browse page ===== */ [data-theme="dark"] .thumbcontain { color: #b0b0c0; } [data-theme="dark"] .smtext { color: #8890a0; } [data-theme="dark"] .pusername { color: #b0b0c0; } [data-theme="dark"] .pnew { background: #0056cc; } [data-theme="dark"] #searchresults { color: #b0b0c0; } [data-theme="dark"] .thumbicon { background: #000000aa; } [data-theme="dark"] #upgradebrowse { background-color: #3a3520; border-color: #5a5030; color: #b8b8cc; } [data-theme="dark"] #notenoughresults { color: #ccc; } /* ===== Dropdowns / selects ===== */ [data-theme="dark"] .dropcontain { background: #1e1e3a; border-color: #3a3a5a; } [data-theme="dark"] .dropcontain li { color: #9aa5b8; } [data-theme="dark"] .hover, [data-theme="dark"] .dropcontain li:hover { background-color: #2a2a4a; color: #c0c8d8; } [data-theme="dark"] .sselect a { color: #9aa5b8; } [data-theme="dark"] .stext { color: #9aa5b8; } /* ===== Messages ===== */ [data-theme="dark"] .newmessage:nth-child(even) { background: #1e1e3a; } [data-theme="dark"] .newmessage:nth-child(odd) { background: #252545; } [data-theme="dark"] .newmessage:hover { background: #2a2a4a; } [data-theme="dark"] .newmessage { border-top-color: #3a3a5a; color: #b0b0c0; } [data-theme="dark"] .newmessage a { color: #b0b0c0; } [data-theme="dark"] .msgdate { background-color: #1a1a30; color: #aaa; border-bottom-color: #3a3a5a; } [data-theme="dark"] .msgcontainme { background-color: #1a2a4a; } [data-theme="dark"] .msgcontainthem { background-color: #3a2a1a; } [data-theme="dark"] .msgcontain { color: #b0b0c0; } [data-theme="dark"] .msgreport { background-color: #3a1a1a; } [data-theme="dark"] .timeago { color: #888; } [data-theme="dark"] .messagetext { color: #a0a8b8; } [data-theme="dark"] .messagedetails { color: #8890a0; } [data-theme="dark"] #mailnav li a { color: #9aa5b8; } [data-theme="dark"] #mailnav li a:hover, [data-theme="dark"] #mailnav li a.mnsel { color: #c0c8d8; } [data-theme="dark"] #messagecontent { background-color: #2a2a4a; color: #b0b0c0; border-color: #3a3a5a; } [data-theme="dark"] #messagesendingbox { color: #b0b0c0; } /* ===== Profile page ===== */ [data-theme="dark"] .profilename, [data-theme="dark"] .profilenameverified { color: #b8b8cc; } [data-theme="dark"] .profilenamesub { color: #8890a0; } [data-theme="dark"] #profilearea dl, [data-theme="dark"] #editlist dl, [data-theme="dark"] .proflist dl { color: #a0a8b8; border-bottom-color: #3a3a5a; } [data-theme="dark"] #profilearea dt, [data-theme="dark"] #myprofilearea dt, [data-theme="dark"] #editlist dt, [data-theme="dark"] .proflist dt { color: #6a7080; } [data-theme="dark"] #profiletitle { color: #b8b8cc; } [data-theme="dark"] #profilebody { color: #a0a8b8; } [data-theme="dark"] #photoheader { background-color: #1e1e3a; } [data-theme="dark"] .commentphotopage { background-color: #1e1e3a; } /* ===== My profile menu tabs ===== */ [data-theme="dark"] #myprofilemenu, [data-theme="dark"] #mylistsmenu { background-color: #16213e; } [data-theme="dark"] #myprofilemenu li a, [data-theme="dark"] #mylistsmenu li a { color: #9aa5b8; } [data-theme="dark"] #myprofilemenu li a:hover, [data-theme="dark"] #mylistsmenu li a:hover { background-color: #3a3520; color: #c0c8d8; } /* ===== Lists page ===== */ [data-theme="dark"] .contact { background: #1e1e3a; border-color: #3a3a5a; color: #a0a8b8; } [data-theme="dark"] .contact a { color: #a0a8b8; } [data-theme="dark"] .contact:hover, [data-theme="dark"] .note:hover { background-color: #2a2a4a; } [data-theme="dark"] .note { background: #1e1e3a; border-color: #3a3a5a; color: #a0a8b8; } [data-theme="dark"] .visitor { border-color: #3a3a5a; color: #a0a8b8; } [data-theme="dark"] .visitor a { color: #a0a8b8; } [data-theme="dark"] .visitor a:hover { background-color: #2a2a4a; } /* ===== Account page ===== */ [data-theme="dark"] .accountbox { background-color: #1e1e3a; border-color: #2a2a4a; color: #a0a8b8; } [data-theme="dark"] .accountbox input[type=text], [data-theme="dark"] .accountbox select { background-color: #2a2a4a; color: #b0b0c0; border-color: #3a3a5a; } [data-theme="dark"] .confirmcancelbox { background-color: #1e1e3a; border-color: #aa0000; color: #a0a8b8; } /* ===== Play page ===== */ [data-theme="dark"] .currentPlayItem { background: #1e1e3a; } [data-theme="dark"] .playDeets { color: #b0b0c0; } [data-theme="dark"] .playUsername { color: #b8b8cc; } [data-theme="dark"] .playASL { color: #a0a8b8; } [data-theme="dark"] .playHeadline { color: #a0a8b8; } [data-theme="dark"] .playDescription { color: #8890a0; } [data-theme="dark"] #noMorePlayResults { background: #1e1e3a; color: #a0a8b8; } [data-theme="dark"] #playTextArea { background: #2a2a4a; color: #b0b0c0; } [data-theme="dark"] .whitebox { background: #1e1e3a; color: #b0b0c0; } [data-theme="dark"] .playItemPic, [data-theme="dark"] .currentPlayCard { background-color: #16213e; } [data-theme="dark"] .currentPlayCard.pccontain { background-color: #1a3a6e; } [data-theme="dark"] #playGeoPromoBox { background: #1e1e3a; color: #b0b0c0; } /* ===== Modals / overlays ===== */ [data-theme="dark"] .confirmpassbox, [data-theme="dark"] .loginlinkbox, [data-theme="dark"] .reportprobox { background-color: #1e1e3a; border-color: #2a2a4a; color: #b0b0c0; } [data-theme="dark"] .confirmpassresetbox { background-color: #1e1e3a; border-color: #2a2a4a; color: #b0b0c0; } [data-theme="dark"] #cancelCheckoutModal { background: #1e1e3a; color: #b0b0c0; } [data-theme="dark"] #pvModal { background: #1e1e3a; color: #b0b0c0; } /* ===== Forms ===== */ [data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select { background-color: #2a2a4a; color: #b0b0c0; border-color: #3a3a5a; } [data-theme="dark"] select option { background-color: #2a2a4a; color: #b0b0c0; } [data-theme="dark"] #joinform select { background-color: #2a2a4a; color: #b0b0c0; border-color: #3a3a5a; } /* Custom select dropdowns (formsprite-based) */ [data-theme="dark"] .sselect, [data-theme="dark"] .sselectend, [data-theme="dark"] .scheckon, [data-theme="dark"] .scheckoff { background-image: none !important; } [data-theme="dark"] .sselect { background-color: #2a2a4a; border: 1px solid #3a3a5a; border-radius: 4px; height: 22px; } [data-theme="dark"] .sselectend { background-color: transparent; width: 20px; height: 22px; position: absolute; right: 0; } [data-theme="dark"] .sselectend::after { content: ''; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #8a95aa; position: absolute; top: 9px; right: 6px; } [data-theme="dark"] .sselect a { color: #9aa5b8; } [data-theme="dark"] .stext { color: #9aa5b8; } /* Checkboxes - custom sprite replaced */ [data-theme="dark"] .scheckon { background-color: #5e9be6; border: 1px solid #5e9be6; border-radius: 3px; width: 14px; height: 14px; position: relative; } [data-theme="dark"] .scheckon::after { content: ''; display: block; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: 1px; left: 4px; } [data-theme="dark"] .scheckoff { background-color: transparent; border: 1px solid #5a5a7a; border-radius: 3px; width: 14px; height: 14px; } [data-theme="dark"] .sctext { color: #9aa5b8; } [data-theme="dark"] input[type="checkbox"] { accent-color: #5e9be6; } /* Browse page search area */ [data-theme="dark"] #ssubmit { color: #9aa5b8; } [data-theme="dark"] #onlinecheckbox, [data-theme="dark"] #photocheckbox { color: #9aa5b8; } [data-theme="dark"] #onlinecheckbox a, [data-theme="dark"] #photocheckbox a { color: #9aa5b8; } /* Real select elements inside dropdowns */ [data-theme="dark"] #sselects select, [data-theme="dark"] .innerdropcontain select { background-color: #2a2a4a; color: #b0b0c0; border-color: #3a3a5a; } /* Retina sprite override - also disable */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { [data-theme="dark"] .sselect, [data-theme="dark"] .sselectend, [data-theme="dark"] .scheckon, [data-theme="dark"] .scheckoff { background-image: none !important; } } /* ===== Message action buttons (Next message, Mark unread) ===== */ [data-theme="dark"] .button.teal { background-color: #2a3a4a; border-color: #3a4a5a; } [data-theme="dark"] .button.teal span { color: #9aa5b8; text-shadow: none; } [data-theme="dark"] .button.teal:hover { background-color: #3a4a5a; } [data-theme="dark"] .button.teal:hover span { color: #c0c8d8; } [data-theme="dark"] .button.gold { background-color: #4a3a1a; border-color: #5a4a2a; } [data-theme="dark"] .button.gold:hover { background-color: #5a4a2a; } /* ===== Buttons - keep colored buttons as-is, fix text buttons ===== */ [data-theme="dark"] .button { border-color: rgba(255,255,255,.15); border-bottom-color: rgba(255,255,255,.1); } [data-theme="dark"] .button.white { background-color: #2a2a4a; } [data-theme="dark"] .button.white span { color: #a0a8b8; } [data-theme="dark"] .buttondisabled { background: #2a2a4a; } [data-theme="dark"] .buttondisabled span { color: #666; } /* ===== Pagination ===== */ [data-theme="dark"] .light-theme a, [data-theme="dark"] .light-theme span { color: #9aa5b8; border-color: #3a3a5a; background: #2a2a4a; } [data-theme="dark"] .light-theme a:hover { background: #3a3a5a; } [data-theme="dark"] .light-theme .current { background: #555; color: #fff; border-color: #666; } [data-theme="dark"] .nbnav-button { background-color: #1e1e3a; color: #6ea8fe; border-color: #6ea8fe; } [data-theme="dark"] .nbnav-button:hover { background-color: #6ea8fe; color: #1e1e3a; } [data-theme="dark"] .nbnav-button:disabled { background-color: #2a2a4a; color: #555; border-color: #3a3a5a; } [data-theme="dark"] .loadmorebutt { background: #0056cc; } [data-theme="dark"] .loadmorebutt:hover { background-color: #0070ff; } /* ===== Upgrade nag bars ===== */ [data-theme="dark"] .toomush { background-color: #2a2520; border-top-color: #3a3520; color: #b0b0c0; } [data-theme="dark"] .toomush a { color: #6ea8fe; } [data-theme="dark"] #toomushb { background-color: #2a2520 !important; border-top-color: #3a3520 !important; color: #b0b0c0 !important; } [data-theme="dark"] #toomushb a { color: #a0a8b8 !important; } /* ===== Notification nag ===== */ [data-theme="dark"] .notifnagbox { background: linear-gradient(53deg, #5a2a20 0, #5a1225 100%); } [data-theme="dark"] .notifnagbox:hover { background: linear-gradient(53deg, #7a3420 0, #7a1535 100%); } /* ===== Email verify nag ===== */ [data-theme="dark"] #centerhmail { background-color: #3a3520; border-color: #5a5030; color: #b0b0c0; } [data-theme="dark"] #centerhmail a { color: #6ea8fe; } /* ===== Footer ===== */ [data-theme="dark"] #footer { color: #888; } [data-theme="dark"] #footer a { color: #6ea8fe; } /* ===== Loading overlay ===== */ [data-theme="dark"] .niceshadow { background-color: #2a1520; color: #b0b0c0; } /* ===== Stranger danger ===== */ [data-theme="dark"] .strangerdanger { background: #3a000045; border-left-color: #cc0000; color: #b0b0c0; } /* ===== Alert boxes ===== */ [data-theme="dark"] .error { background: #3a1a1a; border-color: #5a2a2a; color: #e0a0a0; } /* ===== Selected highlight ===== */ [data-theme="dark"] .selected { background-color: #3a3520; color: #b0b0c0; } /* ===== Premium upsell ===== */ [data-theme="dark"] .premiumupsell { color: #a0a8b8; } /* ===== Misc ===== */ [data-theme="dark"] .prem { background-color: #3a3520; } [data-theme="dark"] .commentdate { color: #888; } [data-theme="dark"] dd { color: #a0a8b8; } [data-theme="dark"] .fadebox { background-color: rgba(0,0,0,.7); } /* ===== Photo thumbnails on profile ===== */ [data-theme="dark"] .nmainphot { border-color: #3a3a5a; } [data-theme="dark"] .mainphot { border-color: #2a8a2a; } [data-theme="dark"] #photosarea li, [data-theme="dark"] #myphotosarea li { background: transparent; } [data-theme="dark"] #photosarea img, [data-theme="dark"] #myphotosarea img { background: transparent; } [data-theme="dark"] .profilephotosarea { background-color: #1e1e3a; } [data-theme="dark"] #picgrid li.sortable-placeholder { border-color: #5a5a7a; } /* ===== Ad units ===== */ [data-theme="dark"] .adsbygoogle, [data-theme="dark"] ins.adsbygoogle { background-color: transparent !important; } [data-theme="dark"] .contentbox[style*="text-align:center"] { background-color: #1e1e3a !important; border-color: #2a2a4a !important; } [data-theme="dark"] div[style*="background-color: #f9f9f9"], [data-theme="dark"] div[style*="background-color:#f9f9f9"] { background-color: transparent !important; border-color: transparent !important; } [data-theme="dark"] .boxfull { background-color: #1e1e3a; border-color: #2a2a4a; } /* ===== Photo page (RoyalSlider + header) ===== */ [data-theme="dark"] #photoheader { background-color: #1e1e3a; color: #b0b0c0; } [data-theme="dark"] #photoheader a { color: #9aa5b8; } [data-theme="dark"] #imagelink { color: #7a8aa0 !important; } [data-theme="dark"] .rsDefault .rsThumbsHor, [data-theme="dark"] .rsDefault .rsThumbsVer { background: #1a1a2e; } [data-theme="dark"] .rsDefault .rsThumb { background: #1a1a2e; border: 2px solid transparent; } [data-theme="dark"] .rsDefault .rsThumb.rsNavSelected { background: #1a1a2e; border-color: #5e9be6; } [data-theme="dark"] .rsDefault .rsThumb img { background: transparent; } [data-theme="dark"] .rsDefault .rsTabs { background-color: #1a1a2e; } [data-theme="dark"] .rsDefault .rsTab { background-color: #2a2a4a; background-image: none; border-color: #3a3a5a; box-shadow: none; color: #9aa5b8; } [data-theme="dark"] .rsDefault .rsTab:last-child { border-right-color: #3a3a5a; } [data-theme="dark"] .rsDefault .rsTab:active { background-color: #252540; border-color: #3a3a5a; box-shadow: none; } [data-theme="dark"] .rsDefault .rsTab.rsNavSelected { background: #3a4a6a; background-image: none; border-color: #5e9be6; box-shadow: none; color: #c0c8d8; text-shadow: none; } /* ===== Photo verified banner ===== */ [data-theme="dark"] .photosverified { background: #1a3a6a; color: #7ab3e8; } [data-theme="dark"] .mpveriThnx { background: #1a2a4a; color: #8aabcc; } [data-theme="dark"] .photosnotverified { color: #aaa; } /* ===== Block/Report buttons on profile ===== */ [data-theme="dark"] .contentredfooter { background-color: transparent; display: flex; gap: 12px; padding: 10px 0; align-items: center; justify-content: center; left: 0; width: 100%; } [data-theme="dark"] .contentredfooter img { display: none; } [data-theme="dark"] .contentredfooter a { color: #c07070; font-size: 13px; padding: 8px 16px; border: 1px solid #5a3030; border-radius: 8px; background-color: rgba(180, 50, 50, 0.08); transition: background-color 0.15s, color 0.15s, border-color 0.15s; position: static !important; top: auto !important; margin-right: 0 !important; } [data-theme="dark"] .contentredfooter a:hover { background-color: rgba(220, 50, 50, 0.2); border-color: #8a3535; color: #e09090; } /* ===== Chat panel (bottom-right) ===== */ [data-theme="dark"] #MCmaster { background-color: #1e1e3a; border-color: #3a3a5a; } [data-theme="dark"] #MCmasterheader { background-color: #253550; } [data-theme="dark"] #MCsettings { background-color: #1e1e3a; color: #9aa5b8; } [data-theme="dark"] #MCsettings label { color: #9aa5b8; } [data-theme="dark"] #MCturnoff { color: #5e9be6; } [data-theme="dark"] #MCturnoff a { color: #5e9be6; } [data-theme="dark"] .MConlinecontact { border-bottom: 1px solid #2a2a4a; } [data-theme="dark"] .MConlinecontact:hover { background-color: #2a2a4a; } [data-theme="dark"] .MCun { color: #b0b0c0; } [data-theme="dark"] .MCdet { color: #6a7080; } [data-theme="dark"] .ponline { background-color: #1a2a30; } /* Chat boxes */ [data-theme="dark"] .cb_default { background-color: #1e1e3a; border-color: #3a3a5a; } [data-theme="dark"] .cb_highlight { background-color: #1e1e3a; border-color: #4a5a7a; } [data-theme="dark"] .header_bg_default { background-color: #253550; } [data-theme="dark"] .header_bg_highlight { background-color: #1a4a5a; } [data-theme="dark"] .discussion { background: #1a1a2e; } [data-theme="dark"] .self .MCmessages { background: #1a2a4a; } [data-theme="dark"] .other .MCmessages { background: #3a2a1a; } [data-theme="dark"] .MCmessages { border-color: rgba(255,255,255,0.1); box-shadow: none; } [data-theme="dark"] .MCmessages p { color: #b0b0c0; } [data-theme="dark"] .chatbox .chat_message { background-color: #1e1e3a; border-top-color: #3a3a5a; } [data-theme="dark"] .chatbox .chat_message textarea { background-color: #1e1e3a; color: #b0b0c0; } [data-theme="dark"] .chatbox .chat_options { background-color: #1a1a30; border-bottom-color: #3a3a5a; } [data-theme="dark"] .chatbox .chat_options a, [data-theme="dark"] .MCuploadpictures { color: #7a8294; } [data-theme="dark"] .camcontainer { border-bottom-color: #3a3a5a; } /* ===== Notification popups (tinypop) ===== */ [data-theme="dark"] .popup { background-color: transparent; } [data-theme="dark"] .popup .poptext { color: #b0b0c0; } [data-theme="dark"] .popup .poptext > div { background-color: #1e1e3a !important; border-color: #3a3a5a !important; color: #b0b0c0 !important; } [data-theme="dark"] .popup .poptext > div > div { color: #b0b0c0 !important; } [data-theme="dark"] .popup .poptext > div b { color: #c0c8d8 !important; } /* ===== Scrollbar (Webkit) ===== */ [data-theme="dark"] ::-webkit-scrollbar { background: #1a1a2e; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #3a3a5a; border-radius: 4px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #4a4a6a; } /* Loading overlay */ [data-theme="dark"] #loadingcontain { background-color: rgba(0, 0, 0, 0.5); } [data-theme="dark"] #loading { background-color: #2a2a4a; color: #e0e0f0; box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.9); }