/* Dark Theme for Beon
* Activates when or has class "dark-mode"
* Anti-flash: html.dark-mode applied immediately in script
*/
body.dark-mode {
--main: #7a9fc0;
--main-color: #1a1d23;
}
/* ===== ANTI-FLASH: applied to html before body renders ===== */
html.dark-mode {
background: #1a1d23;
color-scheme: dark;
}
/* Immediately hide white flash by styling body via html class */
html.dark-mode body {
background: #1a1d23 !important;
color: #e2e8f0;
}
/* ===== BASE ===== */
body.dark-mode {
background: #1a1d23;
color: #e2e8f0;
}
/* ===== LINKS ===== */
body.dark-mode a:link,
body.dark-mode a:visited {
color: #7eb8f7;
}
body.dark-mode a:hover {
color: #a8d1ff;
}
body.dark-mode a.top_menu_item:link,
body.dark-mode a.top_menu_item:visited,
body.dark-mode a.top_menu_item:hover {
color: rgba(220, 230, 245, 0.85);
}
body.dark-mode a.menu_item:link,
body.dark-mode a.menu_item:visited {
color: #c8d8e8;
}
body.dark-mode a.menu_item:hover {
color: #e2e8f0;
}
body.dark-mode a.copyright:link,
body.dark-mode a.copyright:visited {
color: #7eb8f7;
}
body.dark-mode a.copyright:hover {
color: #a8d1ff;
}
body.dark-mode a.newupdates:link,
body.dark-mode a.newupdates:visited {
color: #c8d8e8;
}
body.dark-mode a.newupdates:hover {
color: #e2e8f0;
}
body.dark-mode a.suggest:link,
body.dark-mode a.suggest:visited {
color: #94a3b8;
}
/* ===== TOP HEADER & NAVIGATION ===== */
body.dark-mode .top_header {
background: #1e2128;
border-bottom: 1px solid #2e3340;
}
body.dark-mode .header_menu {
background: #1e2128;
}
body.dark-mode .top_menu {
background: transparent;
}
body.dark-mode td.top_menu2 {
background: rgba(255,255,255,0.03);
border-color: #2e3340;
}
body.dark-mode td.topbar2,
body.dark-mode td.topbar2_right {
background-image: none;
background: #1e2128;
border-bottom-color: #2e3340;
color: #e2e8f0;
}
/* Desktop dropdown menus */
body.dark-mode div.menu_dropdown {
background: #2a2d35;
border-color: #3a3f4b;
box-shadow: 0 4px 16px rgba(0,0,0,0.45);
}
body.dark-mode div.menu_item_dropdown a {
background: #2a2d35;
color: #c8d8e8;
}
body.dark-mode div.menu_item_dropdown a:hover {
background: #2e3340;
color: #e2e8f0;
}
/* Notification badge area */
body.dark-mode .button_down {
color: #94a3b8;
}
/* ===== BOOTSTRAP NAVBAR (mobile) ===== */
body.dark-mode .navbar,
body.dark-mode .top_mobile_menu,
body.dark-mode .navbar-light.bg-light {
background-color: #1e2128 !important;
border-color: #2e3340;
}
body.dark-mode .navbar-light .navbar-toggler-icon {
filter: invert(0.8);
}
body.dark-mode .navbar-light .nav-link,
body.dark-mode .navbar-light .nav-link:hover {
color: #c8d8e8 !important;
}
/* Mobile menu */
body.dark-mode #mobile_menu {
background: #1e2128;
}
body.dark-mode #mobile_menu .menu_item_dropdown a,
body.dark-mode #mobile_menu .portal_spacer {
background: #1e2128;
color: #c8d8e8;
border-color: #2e3340;
}
body.dark-mode #mobile_menu .menu_item_dropdown a:hover {
background: #2e3340;
}
/* ===== LEFT SIDEBAR MENU ===== */
body.dark-mode div.menu {
background: #23272f;
border-color: #3a3f4b;
border-left-color: #4a7fa5;
}
body.dark-mode td.menu_user {
background-image: none;
background-color: #23272f;
border-color: #3a3f4b;
color: #e2e8f0;
}
/* ===== CONTENT AREA ===== */
body.dark-mode td.content,
body.dark-mode div.content {
background: transparent;
color: #e2e8f0;
}
/* ===== CARDS (Bootstrap) ===== */
body.dark-mode .card {
background: #23272f;
border-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode .card-header {
background: #1e2128;
border-bottom-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode .card-body {
background: #23272f;
color: #e2e8f0;
}
body.dark-mode .card-footer {
background: #1e2128;
border-top-color: #3a3f4b;
color: #94a3b8;
}
body.dark-mode .card-subtitle,
body.dark-mode .text-muted {
color: #7a8fa8 !important;
}
/* ===== BOXES & BLOCKS ===== */
body.dark-mode div.box {
background: #23272f;
border-color: #3a3f4b;
}
body.dark-mode div.header {
background-image: none;
background: #1e2128;
border-color: #3a3f4b;
color: #c8d8e8;
}
body.dark-mode td.header {
color: #c8d8e8;
}
body.dark-mode div.page_header {
color: #94a3b8;
}
/* Section headers */
body.dark-mode .card-header h5,
body.dark-mode .card-header h4,
body.dark-mode .card-header h3 {
color: #e2e8f0;
}
/* ===== PORTAL / HOME PAGE ===== */
body.dark-mode div.portal_content,
body.dark-mode div.portal_login {
background: #23272f;
border-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode td.home_stats,
body.dark-mode td.home_menu,
body.dark-mode td.home_notification,
body.dark-mode div.home_photo,
body.dark-mode td.home_box {
background: #23272f;
border-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode td.home_menu1 a {
background-color: #23272f;
background-image: none;
border-bottom-color: #3a3f4b;
color: #c8d8e8;
}
body.dark-mode td.home_menu1 a:hover {
background-color: #2e3340;
background-image: none;
}
body.dark-mode div.home_action {
border-top-color: #3a3f4b;
}
body.dark-mode div.home_action_date,
body.dark-mode div.portal_action_date {
color: #7a8fa8;
}
body.dark-mode div.home_updated {
color: #5a6a7a;
}
body.dark-mode div.home_whatsnew {
border-color: #3a3f4b;
}
/* ===== TABLES ===== */
body.dark-mode table.list {
border-color: #3a3f4b;
}
body.dark-mode td.list_header {
background: #1e2128;
border-bottom-color: #3a3f4b;
color: #c8d8e8;
}
body.dark-mode tr.list_item1 {
border-bottom-color: #3a3f4b;
}
body.dark-mode tr.list_item2 {
background: #20242c;
border-bottom-color: #3a3f4b;
}
body.dark-mode td.tab {
background: #23272f;
border-bottom-color: #3a3f4b;
}
body.dark-mode td.tab0 {
border-bottom-color: #3a3f4b;
}
body.dark-mode td.tab1 {
border-color: #3a3f4b;
border-top-color: #5a7da0;
color: #e2e8f0;
background: #1a1d23;
}
body.dark-mode td.tab2 {
background: #23272f;
border-color: #3a3f4b;
border-top-color: #3a3f4b;
color: #94a3b8;
}
body.dark-mode td.tab3 {
background: #23272f;
border-bottom-color: #3a3f4b;
}
/* ===== FORMS ===== */
body.dark-mode input.text,
body.dark-mode input.text_small,
body.dark-mode input[type="text"],
body.dark-mode input[type="password"],
body.dark-mode input[type="email"],
body.dark-mode input[type="search"],
body.dark-mode input[type="number"],
body.dark-mode input[type="url"],
body.dark-mode .form-control {
background: #2a2d35 !important;
border-color: #4b5563 !important;
color: #e2e8f0 !important;
}
body.dark-mode input.text::placeholder,
body.dark-mode input[type="text"]::placeholder,
body.dark-mode input[type="search"]::placeholder,
body.dark-mode .form-control::placeholder {
color: #5a6a7a !important;
}
body.dark-mode textarea {
background-color: #2a2d35;
border-color: #4b5563;
color: #e2e8f0;
}
body.dark-mode textarea::placeholder {
color: #5a6a7a;
}
body.dark-mode select,
body.dark-mode select.small {
background: #2a2d35;
border-color: #4b5563;
color: #e2e8f0;
}
body.dark-mode label:hover {
color: #a8d1ff;
}
/* ===== BUTTONS ===== */
body.dark-mode .btn-primary {
background-color: #3b82f6;
border-color: #2563eb;
}
body.dark-mode .btn-primary:hover {
background-color: #2563eb;
border-color: #1d4ed8;
}
body.dark-mode .btn-success {
background-color: #16a34a;
border-color: #15803d;
}
body.dark-mode .btn-outline-success {
color: #4ade80;
border-color: #4ade80;
}
body.dark-mode .btn-outline-success:hover {
background-color: #166534;
color: #bbf7d0;
}
body.dark-mode .btn-secondary,
body.dark-mode .btn-outline-secondary {
color: #94a3b8;
border-color: #4b5563;
}
body.dark-mode td.button {
background: #23272f;
border-color: #3a3f4b;
border-left-color: #4a5568;
color: #e2e8f0;
}
body.dark-mode td.result {
background: #23272f;
border-color: #3a3f4b;
}
body.dark-mode td.error {
background: #2d1a1a;
color: #fc8181;
}
body.dark-mode td.success {
background: #1a2d1a;
}
/* ===== PROFILE PAGE ===== */
body.dark-mode div.profile_friend_photo {
border-color: #3a3f4b;
}
body.dark-mode div.profile_friend_details div {
color: #7a8fa8;
}
body.dark-mode div.profile_comment_date,
body.dark-mode div.profile_action_date {
color: #7a8fa8;
}
body.dark-mode div.profile_action {
border-bottom-color: #3a3f4b;
}
body.dark-mode td.profile_photo {
border: 1px solid #3a3f4b !important;
background: #23272f !important;
}
body.dark-mode img.photo {
border-color: #3a3f4b !important;
}
body.dark-mode td.profile_menu1 a,
body.dark-mode div.nolink {
background-image: none;
background-color: #23272f;
border-bottom-color: #3a3f4b;
color: #c8d8e8;
}
body.dark-mode td.profile_menu1 a:hover {
background-color: #2e3340;
background-image: none;
}
body.dark-mode td.profile_tab a,
body.dark-mode td.profile_tab a:hover {
background-color: #252a34 !important;
background-image: none !important;
border: 1px solid #2e3848 !important;
color: #7a9ab8 !important;
}
/* Активный таб */
body.dark-mode td.profile_tab2 a,
body.dark-mode td.profile_tab2 a:hover {
background-color: #2d5a80 !important;
background-image: none !important;
border: 1px solid #3a6b94 !important;
border-bottom-color: #2d5a80 !important;
color: #c8e4f8 !important;
}
/* Линия под табами и первый таб */
body.dark-mode td.profile_tab_end,
body.dark-mode #profile_tabs_profile {
border-color: #3a3f4b !important;
}
/* Контентная область профиля (правая колонка) */
body.dark-mode div.profile_content {
border-color: #3a3f4b !important;
background: #1a1d23 !important;
}
/* Внешние обёртки блоков профиля — таблицы */
body.dark-mode td.profile_rightside table[cellpadding="0"],
body.dark-mode td.profile_rightside > table {
border-color: #3a3f4b !important;
}
body.dark-mode td.profile_viewcomments_postcomment {
border-color: #3a3f4b;
background: #20242c;
}
body.dark-mode div.profile_postcomment {
border-color: #3a3f4b;
background: #20242c;
}
body.dark-mode .comment_area {
color: #94a3b8;
}
body.dark-mode img.photo {
border-color: #3a3f4b;
}
/* ===== MESSAGES & POSTS ===== */
body.dark-mode td.messages_message {
background: #23272f;
color: #e2e8f0;
}
body.dark-mode .messages_author {
color: #c8d8e8;
}
body.dark-mode .post_date {
color: #7a8fa8;
}
/* ===== MODAL WINDOWS ===== */
body.dark-mode #TB_window {
background-color: #23272f;
border-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode #TB_title {
border-bottom-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode #TB_secondLine {
color: #7a8fa8;
}
body.dark-mode #TB_window a:link,
body.dark-mode #TB_window a:visited {
color: #7eb8f7;
}
body.dark-mode #TB_window a:hover {
color: #a8d1ff;
}
/* Bootstrap Modal */
body.dark-mode .modal-content {
background-color: #23272f;
border-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode .modal-header {
border-bottom-color: #3a3f4b;
}
body.dark-mode .modal-footer {
border-top-color: #3a3f4b;
}
body.dark-mode .modal-title {
color: #e2e8f0;
}
body.dark-mode .close,
body.dark-mode button.close {
color: #94a3b8;
text-shadow: none;
}
/* ===== NETWORK CONTENT ===== */
body.dark-mode div.network_content {
border-color: #3a3f4b;
}
/* ===== SUGGEST (autocomplete) ===== */
body.dark-mode div.suggest {
background-color: #2a2d35;
border-color: #4b5563;
}
body.dark-mode .suggest_item a {
background: #23272f;
border-bottom-color: #3a3f4b;
color: #c8d8e8;
}
body.dark-mode .suggest_item a:hover {
background: #2563eb;
color: #ffffff;
}
/* ===== ALERT BADGES ===== */
body.dark-mode .badge-danger {
background-color: #dc2626;
}
/* ===== COPYRIGHT FOOTER ===== */
body.dark-mode div.copyright {
color: #5a6a7a;
}
body.dark-mode div.copyright_text {
color: #5a6a7a;
}
body.dark-mode div.copyright_text a {
color: #7eb8f7;
}
/* ===== MISC UTILITY ===== */
body.dark-mode font.disabled {
color: #4a5568;
}
body.dark-mode div.portal_signup_container1 {
border-color: #3a3f4b;
}
body.dark-mode div.portal_signup_container1:hover {
border-color: #5a6a7a;
}
/* ===== THEME TOGGLE BUTTON ===== */
.btn-theme-toggle {
background: none;
border: none;
cursor: pointer;
padding: 10px;
border-radius: 6px;
font-size: 18px;
line-height: 1;
transition: background 0.2s;
float: left;
vertical-align: middle;
}
.btn-theme-toggle:hover {
background: rgba(0,0,0,0.08);
}
body.dark-mode .btn-theme-toggle:hover {
background: rgba(255,255,255,0.1);
}
/* Mobile menu theme toggle item */
.menu_item_dropdown.theme-toggle-item a {
display: flex;
align-items: center;
gap: 8px;
}
/* ===== SCROLLBAR (for browsers that support it) ===== */
body.dark-mode {
scrollbar-color: #3a3f4b #1a1d23;
}
body.dark-mode ::-webkit-scrollbar {
width: 10px;
background: #1a1d23;
}
body.dark-mode ::-webkit-scrollbar-thumb {
background: #3a3f4b;
border-radius: 5px;
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
background: #4a5568;
}
/* ===== SMOOTH TRANSITION ===== */
body {
transition: background-color 0.25s ease, color 0.2s ease;
}
.card, .card-header, .card-body, div.box, div.menu_dropdown,
div.menu_item_dropdown a, div.header, .modal-content {
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.2s ease;
}
/* ===== MESSENGER / IM (Beon_Messages.css overrides) ===== */
/* Main messenger containers */
body.dark-mode [class*="im_"],
body.dark-mode .im_wrap,
body.dark-mode .im_messages_wrap,
body.dark-mode .im_message_wrap,
body.dark-mode .im_dialog_wrap {
background: #1a1d23 !important;
color: #e2e8f0 !important;
border-color: #3a3f4b !important;
}
/* Message bubbles - white backgrounds */
body.dark-mode .im_message_body,
body.dark-mode .im_message_text,
body.dark-mode [class*="message_body"],
body.dark-mode [class*="message_text"] {
background: #23272f !important;
color: #e2e8f0 !important;
border-color: #3a3f4b !important;
}
/* White backgrounds in messages (background: white; / background: #fff) */
body.dark-mode .im_user_row,
body.dark-mode .im_user_item {
background: #23272f !important;
border-bottom-color: #3a3f4b !important;
color: #e2e8f0 !important;
}
body.dark-mode .im_user_row:hover,
body.dark-mode .im_user_item:hover {
background: #2e3340 !important;
}
/* Chat input area */
body.dark-mode .im_input_wrap,
body.dark-mode .im_footer,
body.dark-mode [class*="im_input"] {
background: #1e2128 !important;
border-color: #3a3f4b !important;
color: #e2e8f0 !important;
}
/* Input field itself */
body.dark-mode input[type="text"].im_input,
body.dark-mode textarea.im_input,
body.dark-mode [id*="im_input"],
body.dark-mode [class*="im_text"] {
background: #2a2d35 !important;
border-color: #4b5563 !important;
color: #e2e8f0 !important;
}
/* ===== POST FILTER TABS (Новое / Обсуждаемое / Топ) ===== */
body.dark-mode .btn-group .btn,
body.dark-mode .btn-group-sm .btn,
body.dark-mode .btn.btn-sm {
background: #23272f;
border-color: #3a3f4b;
color: #94a3b8;
}
body.dark-mode .btn-group .btn.active,
body.dark-mode .btn-group .btn:active,
body.dark-mode .btn-group-sm .btn.active {
background: #3b82f6 !important;
border-color: #2563eb !important;
color: #ffffff !important;
}
body.dark-mode .btn-group .btn:hover {
background: #2e3340;
color: #e2e8f0;
}
/* ===== BEON_HOME.CSS overrides ===== */
/* Home page specific backgrounds */
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background:#fff"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background-color:#fff"],
body.dark-mode [style*="background-color: #fff"] {
background: #23272f !important;
color: #e2e8f0 !important;
}
/* bg-light Bootstrap utility */
body.dark-mode .bg-light {
background-color: #1e2128 !important;
}
/* bg-white Bootstrap utility */
body.dark-mode .bg-white {
background-color: #23272f !important;
}
/* text-dark Bootstrap utility */
body.dark-mode .text-dark {
color: #e2e8f0 !important;
}
/* list-group Bootstrap */
body.dark-mode .list-group-item {
background-color: #23272f;
border-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode .list-group-item:hover {
background-color: #2e3340;
}
/* ===== BEON_HOME.CSS: colored action buttons (#54b9e7 blue) ===== */
body.dark-mode .btn-beon,
body.dark-mode [class*="beon_btn"] {
background: #3b82f6;
border-color: #2563eb;
color: #ffffff;
}
/* Post action icons (like, comment, etc.) */
body.dark-mode .post_data,
body.dark-mode .post_data a,
body.dark-mode p.card-link.post_views,
body.dark-mode .profile_comment_links {
color: #5a7a9a !important;
}
body.dark-mode .post_data a:hover {
color: #7eb8f7 !important;
}
/* ===== BEON_HOME.CSS: chat bubbles ===== */
body.dark-mode [class*="bubble"],
body.dark-mode [class*="chat_message"] {
background: #2a2d35 !important;
color: #e2e8f0 !important;
border-color: #3a3f4b !important;
}
/* Own message bubbles (usually has different bg) */
body.dark-mode [class*="my_message"],
body.dark-mode [class*="message_my"] {
background: #1e3a5a !important;
color: #e2e8f0 !important;
}
/* ===== SEPARATOR LINES ===== */
body.dark-mode hr,
body.dark-mode .divider {
border-color: #3a3f4b;
}
/* ===== DROPDOWN / COLLAPSE (Bootstrap) ===== */
body.dark-mode .dropdown-menu {
background-color: #2a2d35;
border-color: #3a3f4b;
}
body.dark-mode .dropdown-item {
color: #c8d8e8;
}
body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
background-color: #2e3340;
color: #e2e8f0;
}
body.dark-mode .dropdown-divider {
border-top-color: #3a3f4b;
}
/* ===== BEON_HOME.CSS: left sidebar card headers ===== */
body.dark-mode div#lefthome .card-header {
background: #1e2128;
color: #c8d8e8;
border-bottom-color: #3a3f4b;
}
/* ===== INPUT GROUP ===== */
body.dark-mode .input-group-text {
background-color: #2a2d35;
border-color: #4b5563;
color: #94a3b8;
}
/* ===== POPOVER / TOOLTIP ===== */
body.dark-mode .popover {
background-color: #23272f;
border-color: #3a3f4b;
}
body.dark-mode .popover-header {
background-color: #1e2128;
border-bottom-color: #3a3f4b;
color: #e2e8f0;
}
body.dark-mode .popover-body {
color: #c8d8e8;
}
/* ===== BEON_HOME.CSS: top header bar area ===== */
body.dark-mode .top_header {
background: #1e2128;
border-bottom: 1px solid #2e3340;
box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
/* ===== PREVENT inline white backgrounds on specific known elements ===== */
body.dark-mode td,
body.dark-mode th {
color: #e2e8f0;
}
body.dark-mode table {
color: #e2e8f0;
}
/* White backgrounds on td that use inline style */
body.dark-mode td[bgcolor],
body.dark-mode td[background] {
background: #23272f !important;
}
/* ================================================================
BEON_HOME.CSS — DARK THEME OVERRIDES
Палитра: мягкая, не слепит глаза
================================================================ */
/* --- Главные кнопки: заменяем яркий #54b9e7 на приглушённый --- */
body.dark-mode button.btn.btn-primary,
body.dark-mode button.button_down,
body.dark-mode a.page-link,
body.dark-mode a.nav-item.nav-link.active,
body.dark-mode div#ajax_status a,
body.dark-mode .list-users-home.pt-2+.pt-2 button.btn.btn-primary.btn-block,
body.dark-mode .card [onclick*="profile_viewers"] {
background: #2d5a80 !important;
color: #c8e4f8 !important;
border-color: #3a6b94 !important;
}
body.dark-mode button.btn.btn-primary:hover,
body.dark-mode button.button_down:hover,
body.dark-mode a.page-link:hover,
body.dark-mode a.nav-item.nav-link.active:hover,
body.dark-mode div#ajax_status a:hover,
body.dark-mode button.btn.btn-outline-success:hover,
body.dark-mode button.navbar-toggler:hover {
background: #3a6b94 !important;
color: #e2f0fa !important;
}
/* --- Кнопка "Написать в дневник!" --- */
body.dark-mode .top_header button.btn.btn-primary,
body.dark-mode nav button.btn.btn-primary {
background: #2d5a80 !important;
color: #c8e4f8 !important;
}
/* --- Outline кнопки в navbar --- */
body.dark-mode button.btn.btn-outline-success {
color: #6ab8d4 !important;
border-color: #3a6b8a !important;
background: transparent !important;
}
/* --- Верхняя шапка --- */
body.dark-mode .top_header {
border-bottom: 1px solid #2a2e38 !important;
box-shadow: 0 1px 6px rgba(0,0,0,0.4) !important;
}
/* --- DROPDOWN МЕНЮ: белый фон → тёмный --- */
body.dark-mode div.menu_dropdown {
background: #252830 !important;
border: 1px solid #333848 !important;
box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
}
body.dark-mode div.menu_item_dropdown a {
background: #252830 !important;
color: #b8c8d8 !important;
}
body.dark-mode div.menu_item_dropdown a:hover {
background: #2e3440 !important;
color: #e2e8f0 !important;
}
/* Иконки в dropdown — приглушаем яркость */
body.dark-mode div.menu_item_dropdown img.menu_icon2 {
opacity: 0.55;
filter: brightness(1.8) saturate(0.5);
}
/* --- Card headers: приглушённые цвета вместо кричащих --- */
body.dark-mode .card-header.header-orange {
background: #7a3520 !important;
color: #f0c8b0 !important;
}
body.dark-mode .card-header.header-green {
background: #1e4d2a !important;
color: #a8d8b0 !important;
}
body.dark-mode .card-header.header-red {
background: #5a1a1a !important;
color: #f0a8a8 !important;
}
body.dark-mode .card-header.header-blue {
background: #1a2e5a !important;
color: #a8c0e8 !important;
}
/* --- Card body border --- */
body.dark-mode div#lefthome .card-body {
border: 1px solid #2e3340 !important;
background: #23272f;
}
/* --- Иконки под постом (лайки, комменты) --- */
body.dark-mode .post_data * {
color: #5a7a9a !important;
}
body.dark-mode .post_data .menu_icon2 {
opacity: 0.4;
filter: invert(0.7) sepia(0.2);
}
/* --- Ссылки в постах (a.card-link: black → светлый) --- */
body.dark-mode a.card-link {
color: #7eb8f7 !important;
}
body.dark-mode a.card-link:hover {
color: #a8d1ff !important;
}
/* --- Категория поста --- */
body.dark-mode .category,
body.dark-mode .category a {
color: #5a7a9a !important;
}
/* --- Дата поста --- */
body.dark-mode h6.card-subtitle.mb-2.text-muted.post_date {
color: #5a7a9a !important;
}
/* --- Левая колонка: карточки --- */
body.dark-mode div#lefthome .card {
background: #1e2229;
border: none !important;
}
/* --- Рейтинг пользователей: нумерация --- */
body.dark-mode .list-users-home.pt-2.first-users-home:after,
body.dark-mode .list-users-home.pt-2.first-users-home+.list-users-home.pt-2:before,
body.dark-mode .list-users-home.pt-2.first-users-home+.list-users-home.pt-2+.list-users-home.pt-2:before,
body.dark-mode .list-users-home.pt-2.first-users-home+.list-users-home.pt-2+.list-users-home.pt-2+.list-users-home.pt-2:before,
body.dark-mode .list-users-home.pt-2.first-users-home+.list-users-home.pt-2+.list-users-home.pt-2+.list-users-home.pt-2+.list-users-home.pt-2:before {
color: #4a5a6a;
}
/* --- Статус загрузки (ajax_status) --- */
body.dark-mode .card-body div#ajax_status span {
background: #252830 !important;
color: #8aa0b8 !important;
border: none !important;
}
/* --- "Следующая страница" кнопка --- */
body.dark-mode .show_menu.header-orange {
background: #7a3520 !important;
color: #f0c8b0 !important;
}
/* --- Разделители постов --- */
body.dark-mode .list-users-home.pt-2 {
border-bottom: 1px solid #252a34 !important;
}
/* --- Пагинация --- */
body.dark-mode .pagination .page-item .page-link {
background: #252830 !important;
border-color: #333848 !important;
color: #7eb8f7 !important;
}
body.dark-mode .pagination .page-item.active .page-link {
background: #2d5a80 !important;
color: #c8e4f8 !important;
}
/* --- Navbar mobile hamburger --- */
body.dark-mode button.navbar-toggler {
border-color: #333848 !important;
}
body.dark-mode .navbar-light .navbar-toggler-icon {
filter: brightness(2) saturate(0);
}
/* --- post_container аватар заглушка --- */
body.dark-mode img[src*="nophoto"],
body.dark-mode img[src*="no_photo"],
body.dark-mode img[src*="nophoto.gif"] {
filter: brightness(0.4) saturate(0);
}
/* --- Фон под textarea в постах --- */
body.dark-mode .post_container {
background: #1e2229;
}
/* --- Кнопки фильтров (Новое / Обсуждаемое / Топ / Друзья / Подписки) --- */
body.dark-mode div#ajax_status {
background: transparent !important;
}
body.dark-mode div#ajax_status span {
background: #252830 !important;
color: #6a8aaa !important;
}
/* Selected filter tab */
body.dark-mode div#ajax_status span.active,
body.dark-mode div#ajax_status span[style*="background"] {
background: #2d5a80 !important;
color: #c8e4f8 !important;
}
/* --- Кнопки-фильтры постов: Новое / Обсуждаемое / Топ / Друзья / Подписки --- */
body.dark-mode a.nav-item.nav-link {
background: #252a34 !important;
color: #7a9ab8 !important;
border: 1px solid #2e3848 !important;
}
body.dark-mode a.nav-item.nav-link:hover {
background: #2e3848 !important;
color: #b0c8e0 !important;
}
body.dark-mode a.nav-item.nav-link.active {
background: #2d5a80 !important;
color: #c8e4f8 !important;
border-color: #3a6b94 !important;
}
/* --- "Следующая страница" (show_menu) --- */
body.dark-mode a.show_menu,
body.dark-mode .show_menu {
background: #2d5a80 !important;
color: #c8e4f8 !important;
}
body.dark-mode a.show_menu:hover,
body.dark-mode .show_menu:hover {
background: #3a6b94 !important;
}
/* ================================================================
ЯРКИЕ ЗАГОЛОВКИ (styles.css) — приглушённые версии
================================================================ */
body.dark-mode .header-orange {
background: #7a3520 !important;
color: #f0c4a0 !important;
}
body.dark-mode .header-red {
background: #5a1818 !important;
color: #f0a8a8 !important;
}
body.dark-mode .header-green {
background: #1a4a22 !important;
color: #a0d4a8 !important;
}
body.dark-mode .header-blue {
background: #1a2a5a !important;
color: #a0bcf0 !important;
}
/* ================================================================
CKEDITOR — тёмная тема снаружи (тулбар, обёртка)
================================================================ */
/* Фон вокруг редактора */
body.dark-mode .cke {
border-color: #3a3f4b !important;
border-radius: 4px;
}
/* Тулбар */
body.dark-mode .cke_top {
background: #1e2128 !important;
background-image: none !important;
border-bottom-color: #3a3f4b !important;
}
/* Кнопки тулбара */
body.dark-mode .cke_button,
body.dark-mode .cke_toolgroup {
background: transparent !important;
border-color: transparent !important;
}
body.dark-mode .cke_button:hover,
body.dark-mode .cke_button_on {
background: #2e3340 !important;
border-color: #4a5568 !important;
}
/* Иконки кнопок тулбара — чуть осветляем */
body.dark-mode .cke_button_icon {
filter: invert(0.75) brightness(1.3);
}
/* Стрелки dropdown в тулбаре */
body.dark-mode .cke_combo_arrow {
border-top-color: #94a3b8 !important;
}
/* Комбобоксы (Стили, Шрифт, Размер) */
body.dark-mode .cke_combo_button {
background: #252830 !important;
border-color: #3a3f4b !important;
color: #c8d8e8 !important;
}
body.dark-mode .cke_combo_button:hover {
background: #2e3340 !important;
}
body.dark-mode .cke_combo_text {
color: #c8d8e8 !important;
}
/* Нижняя строка статуса редактора */
body.dark-mode .cke_bottom {
background: #1e2128 !important;
background-image: none !important;
border-top-color: #3a3f4b !important;
color: #5a7a9a !important;
}
body.dark-mode .cke_path_item,
body.dark-mode .cke_path_item a {
color: #5a7a9a !important;
}
/* Область редактирования (обёртка iframe) */
body.dark-mode .cke_contents {
background: #23272f !important;
}
/* Разделители тулбара */
body.dark-mode .cke_toolbar_separator {
background: #3a3f4b !important;
}
/* Фокус-обводка */
body.dark-mode .cke_focus {
border-color: #4a6a8a !important;
}
/* ================================================================
РЕКЛАМНЫЕ / ПАРТНЁРСКИЕ БЛОКИ
================================================================ */
/* Партнёрские блоки с оранжевой шапкой (partner.php) */
body.dark-mode .card.partner_block,
body.dark-mode [class*="partner"],
body.dark-mode [id*="partner"] {
background: #1e2229 !important;
border-color: #2e3340 !important;
}
/* Рекламные контейнеры */
body.dark-mode div.ad_top,
body.dark-mode div.ad_belowmenu,
body.dark-mode div.ad_left,
body.dark-mode div.ad_right,
body.dark-mode div.ad_bottom {
background: transparent;
opacity: 0.85;
}
/* Обёртки рекламы с белым фоном */
body.dark-mode .ad_wrap,
body.dark-mode [class*="advert"],
body.dark-mode [id*="advert"],
body.dark-mode [id*="ad_"] {
background: #1e2229 !important;
border-color: #2e3340 !important;
color: #c8d8e8 !important;
}
/* ================================================================
ПРОФИЛЬ — таблица статистики и другие блоки
================================================================ */
/* Таблица статистики на профиле */
body.dark-mode .profile_stats,
body.dark-mode table.profile_stats {
background: #23272f !important;
color: #c8d8e8 !important;
border-color: #3a3f4b !important;
}
/* Строки таблицы профиля */
body.dark-mode .profile_stats td,
body.dark-mode .profile_stats th {
border-color: #2e3340 !important;
background: transparent !important;
}
/* "Последние действия" блок */
body.dark-mode .recentactions_wrap,
body.dark-mode #recentactions_wrap {
background: #23272f !important;
border-color: #3a3f4b !important;
}
/* My Active Points блок */
body.dark-mode [class*="points"],
body.dark-mode [id*="points"],
body.dark-mode .userpoints_wrap {
background: #1e2229 !important;
color: #c8d8e8 !important;
}
body.dark-mode [class*="points"] .card-header,
body.dark-mode [id*="points"] .card-header {
background: #292d3a !important;
color: #c8d8e8 !important;
}
/* ================================================================
БЛОК КОММЕНТАРИЕВ
================================================================ */
/* Обёртка блока комментариев — убираем яркую голубую рамку */
body.dark-mode .post_comment_wrap,
body.dark-mode [id*="comment_wrap"],
body.dark-mode [class*="comment_wrap"],
body.dark-mode .pl-5.p-2,
body.dark-mode [id^="post_comments"],
body.dark-mode div[class*="comment_block"] {
background: #1e2229 !important;
border-color: #2e3340 !important;
}
/* Заголовок "Комментарии (N)" */
body.dark-mode [id*="comment_count"],
body.dark-mode [class*="comment_header"],
body.dark-mode .card-header[id*="comment"],
body.dark-mode .card-header[class*="comment"] {
background: #1e2128 !important;
border-color: #2e3340 !important;
color: #94a3b8 !important;
}
/* Поле ввода комментария */
body.dark-mode textarea[id*="comment"],
body.dark-mode textarea[name*="comment"],
body.dark-mode textarea[placeholder*="что-нибудь"],
body.dark-mode textarea[placeholder*="комментар"],
body.dark-mode .comment_input,
body.dark-mode [id*="reply_body"] {
background: #252a34 !important;
border: 1px solid #2e3848 !important;
color: #c8d8e8 !important;
}
body.dark-mode textarea[id*="comment"]::placeholder,
body.dark-mode textarea[name*="comment"]::placeholder,
body.dark-mode textarea[placeholder*="что-нибудь"]::placeholder {
color: #4a5a6a !important;
}
/* Кнопка отправки комментария */
body.dark-mode [id*="comment_submit"],
body.dark-mode [class*="comment_submit"],
body.dark-mode button[onclick*="comment"],
body.dark-mode .add_comment_button,
body.dark-mode button[id*="add_comment"] {
background: #2d5a80 !important;
border-color: #3a6b94 !important;
color: #c8e4f8 !important;
}
/* Строка иконок под полем (B I U...) */
body.dark-mode .comment_toolbar,
body.dark-mode [class*="toolbar_comment"],
body.dark-mode .comment_icons {
background: #1e2128 !important;
border-color: #2e3340 !important;
}
/* Кнопки форматирования B I U */
body.dark-mode .comment_toolbar button,
body.dark-mode .comment_toolbar img,
body.dark-mode .comment_icons button,
body.dark-mode .comment_icons img {
filter: invert(0.6) brightness(1.4);
}
/* Панель иконок форматирования (Beon_Messages) */
body.dark-mode .pl-5.p-2 button,
body.dark-mode .pl-5.p-2 img:not([src*="nophoto"]) {
filter: invert(0.55) brightness(1.5);
}
/* Смайлы попап */
body.dark-mode div#smiles {
background: #252a34 !important;
border-color: #2e3848 !important;
}
body.dark-mode div#smiles img:hover {
background: #2d5a80 !important;
}
/* Одиночный комментарий */
body.dark-mode .comment_row,
body.dark-mode [class*="comment_item"],
body.dark-mode [id*="comment_row_"] {
border-bottom-color: #2a2e38 !important;
background: transparent !important;
}
/* ================================================================
ЛИЧНЫЕ СООБЩЕНИЯ (IM / Beon_Messages.css)
================================================================ */
/* Область сообщений — белый фон */
body.dark-mode div#message_row_text,
body.dark-mode [id*="messages_wrap"],
body.dark-mode [class*="messages_content"],
body.dark-mode .im_messages {
background: #1a1d23 !important;
color: #c8d8e8 !important;
}
/* Отдельное сообщение с белым фоном */
body.dark-mode [class*="message_row"],
body.dark-mode [id*="message_row"] {
background: #1a1d23 !important;
border-bottom-color: #252a34 !important;
}
/* Пузырь входящего сообщения (серый #f2f2f2 / #e5e5e5) */
body.dark-mode [class*="bubble_in"],
body.dark-mode [class*="msg_in"],
body.dark-mode .message_in,
body.dark-mode [style*="#f2f2f2"],
body.dark-mode [style*="#e5e5e5"] {
background: #252a34 !important;
color: #c8d8e8 !important;
}
/* Пузырь исходящего сообщения (#54b9e7) */
body.dark-mode [class*="bubble_out"],
body.dark-mode [class*="msg_out"],
body.dark-mode .message_out {
background: #1e3a5a !important;
color: #c8e4f8 !important;
}
/* Скроллбар textarea в ЛС */
body.dark-mode textarea#reply_body {
background: #252a34 !important;
border: 1px solid #2e3848 !important;
color: #c8d8e8 !important;
}
body.dark-mode textarea#reply_body::-webkit-scrollbar {
background-color: #1a1d23;
}
body.dark-mode textarea#reply_body::-webkit-scrollbar-thumb {
background-color: #3a3f4b;
}
/* Нижняя панель ввода в ЛС */
body.dark-mode .im_input_panel,
body.dark-mode [class*="im_footer"],
body.dark-mode [class*="reply_wrap"],
body.dark-mode .pt-3[class*="border"] {
background: #1e2128 !important;
border-color: #2e3340 !important;
}
/* Диалог-заголовок "Диалог: Имя" */
body.dark-mode [id*="dialog_name"],
body.dark-mode [class*="dialog_name"],
body.dark-mode [class*="im_dialog_header"] {
color: #5a7a9a !important;
border-color: #2e3340 !important;
}
/* Список диалогов (левая колонка ЛС) */
body.dark-mode [class*="im_user_list"],
body.dark-mode [id*="im_user_list"] {
background: #1e2229 !important;
}
body.dark-mode [class*="im_user_item"],
body.dark-mode [class*="im_dialog_item"] {
background: #1e2229 !important;
border-bottom-color: #252a34 !important;
color: #b0c0d0 !important;
}
body.dark-mode [class*="im_user_item"]:hover,
body.dark-mode [class*="im_dialog_item"]:hover,
body.dark-mode [class*="im_user_item"].active {
background: #252a34 !important;
}
/* ================================================================
ТЕСТЫ (he_quiz / Beon_Quiz.css / he_quiz_styles.css)
================================================================ */
/* Карточка теста — светло-голубой фон (#EFFAFF / #EDF3FF) */
body.dark-mode .he_quiz_take_cont,
body.dark-mode [class*="quiz_take_cont"],
body.dark-mode [class*="quiz_wrap"],
body.dark-mode .he_quiz_body {
background: #1e2229 !important;
border: 1px solid #2e3340 !important;
color: #c8d8e8 !important;
}
/* Вопросы теста */
body.dark-mode [class*="quiz_question"],
body.dark-mode .he_quiz_question,
body.dark-mode [class*="he_quiz_question"] {
background: #23272f !important;
border-color: #2e3340 !important;
color: #dde4ee !important;
}
/* Варианты ответов — светлый фон + голубая рамка */
body.dark-mode [class*="quiz_answer"],
body.dark-mode [class*="he_quiz_answer"],
body.dark-mode .he_quiz_status_border,
body.dark-mode [class*="quiz_option"] {
background: #23272f !important;
border-color: #2e3340 !important;
color: #c8d8e8 !important;
}
/* Выбранный вариант (#CFF1FF) */
body.dark-mode [class*="quiz_answer"].selected,
body.dark-mode [class*="quiz_answer_selected"],
body.dark-mode [class*="he_quiz_answer_cur"] {
background: #1e3a5a !important;
border-color: #3a6b94 !important;
color: #c8e4f8 !important;
}
/* Правильный ответ (#EFFAFF с голубой рамкой) */
body.dark-mode [class*="quiz_correct"],
body.dark-mode [class*="he_quiz_correct"] {
background: #1a3a2a !important;
border-color: #2a5a3a !important;
color: #a0d4a8 !important;
}
/* Категории теста */
body.dark-mode ul.he_quiz_cats li {
background: #23272f !important;
border-color: #2e3340 !important;
}
body.dark-mode ul.he_quiz_cats li.active {
background: #2d5a80 !important;
border-color: #3a6b94 !important;
}
body.dark-mode ul.he_quiz_cats li a {
color: #94a3b8 !important;
}
body.dark-mode ul.he_quiz_cats li.active a {
color: #c8e4f8 !important;
}
/* Кнопка "Пройти тест" и "Результат" */
body.dark-mode a.he_quiz_take,
body.dark-mode .he_quiz_take_cont input.button,
body.dark-mode .he_quiz_header a.he_quiz_take,
body.dark-mode .he_quiz_header input.button {
background: #2d5a80 !important;
border-color: #3a6b94 !important;
color: #c8e4f8 !important;
}
body.dark-mode a.he_quiz_take:hover,
body.dark-mode .he_quiz_take_cont input.button:hover {
background: #3a6b94 !important;
}
/* Табы результатов */
body.dark-mode .he_quiz_list_tabs a {
background: #2d5a80 !important;
color: #c8e4f8 !important;
}
/* Таблица результатов */
body.dark-mode .he_quiz_browse_results table.quiz_tbl thead tr th {
background: #1e2128 !important;
border-color: #2e3340 !important;
color: #94a3b8 !important;
}
/* Результат теста — рамка (#DFEAFF) */
body.dark-mode [class*="quiz_result"],
body.dark-mode .he_quiz_user_result,
body.dark-mode [class*="he_quiz_result"] {
background: #23272f !important;
border-color: #2e3340 !important;
color: #c8d8e8 !important;
}
/* Аватар пользователя в результатах — рамка #00b6ff */
body.dark-mode .he_quiz_user_result img.cur_user_result {
box-shadow: 0 0 0 1px #2d5a80 !important;
}
/* he_quiz_styles.css: светлые фоны */
body.dark-mode [class*="he_quiz_status"],
body.dark-mode .he_quiz_status_border {
border-color: #2e3340 !important;
background: #23272f !important;
}
/* Светлый фон шага теста #EDF3FF / #EFFAFF */
body.dark-mode [class*="he_step"],
body.dark-mode [class*="quiz_step"],
body.dark-mode [class*="he_tab"] {
background: #1e2229 !important;
border-color: #2e3340 !important;
color: #c8d8e8 !important;
}
body.dark-mode .he_step_tab.he_tab_act {
background: #2d5a80 !important;
color: #c8e4f8 !important;
}
/* ================================================================
ЛИЧНЫЕ СООБЩЕНИЯ — точные классы (Beon_Messages.css)
================================================================ */
/* Главные блоки — белый фон + граница #ececec */
body.dark-mode div#messages_scroll,
body.dark-mode div#message_post {
background: #1e2229 !important;
border-color: #2a2e38 !important;
}
/* Разделитель между блоком сообщений и полем ввода */
body.dark-mode div#message_post {
border-top-color: #2a2e38 !important;
}
/* Кнопка "Показать ещё" — голубой #54b9e7 */
body.dark-mode button.btn.btn-light.btn-block {
background: #2d5a80 !important;
border: none !important;
border-bottom-color: #2a2e38 !important;
color: #c8e4f8 !important;
}
body.dark-mode button.btn.btn-light.btn-block:hover {
background: #3a6b94 !important;
color: #e2f0fa !important;
}
/* Кнопка "Отправить" */
body.dark-mode button#messages_send {
background: #2d5a80 !important;
border-color: #3a6b94 !important;
color: #c8e4f8 !important;
}
body.dark-mode button#messages_send:hover {
background: #3a6b94 !important;
}
/* Мобильные кнопки над полем ввода (смайлы, прикрепить) */
body.dark-mode [onclick="messagesettings();"],
body.dark-mode .pl-5.p-2 [onclick="$j('#smiles').toggle();"],
body.dark-mode a#attach_file_click {
outline-color: #2e3848 !important;
border-color: #2e3848 !important;
}
/* Строка диалога: "Диалог: Имя" */
body.dark-mode .pt-3,
body.dark-mode .pt-3 div,
body.dark-mode .pt-3 div:before {
color: #5a7a9a !important;
}
/* Ссылки списка диалогов и активный диалог */
body.dark-mode a.nav-link.active,
body.dark-mode td.messages_right a {
background: #2d5a80 !important;
color: #c8e4f8 !important;
border-color: transparent !important;
}
/* Строка сообщения */
body.dark-mode .message_row {
border-bottom-color: #252a34 !important;
}
/* Дата сообщения */
body.dark-mode .messages_date {
color: #4a5a6a !important;
}
/* Иконки действий под сообщением (like, delete, edit) */
body.dark-mode .messages_actions.post_data * {
color: #3a4a5a !important;
}
body.dark-mode .messages_actions.post_data img {
filter: invert(0.3) brightness(1.5);
}
/* ===== Форма старых личных сообщений (user_messages_view) ===== */
body.dark-mode #message_form textarea#reply_body,
body.dark-mode #reply_body {
background: #252a34 !important;
color: #dde4ee !important;
border-color: #2e3848 !important;
outline: none !important;
box-shadow: none !important;
}
body.dark-mode #reply_body:focus {
border-color: #3a6b94 !important;
box-shadow: none !important;
}
body.dark-mode #attach_file_click,
body.dark-mode #btn_circle,
body.dark-mode #messages_send {
background: #252a34 !important;
border: 1px solid #2e3848 !important;
color: #7a9fc0 !important;
}
body.dark-mode #attach_file_click img,
body.dark-mode #btn_circle img,
body.dark-mode #messages_send img {
filter: invert(0.6) brightness(1.5);
}
/* Иконки смайлов и настроек над полем ввода */
body.dark-mode #message_form .pl-5.p-2 img,
body.dark-mode #message_form > div:first-of-type img {
filter: invert(0.6) brightness(1.5);
opacity: 0.8;
}
/* Цветные смайлы в панели — не трогаем */
body.dark-mode #smiles img {
filter: none !important;
opacity: 1 !important;
}
/* ===== Кнопки формы сообщений (IM) ===== */
/* Цвет иконок кнопок — управляет и ::before через currentColor */
body.dark-mode .tag_msg_select_clr,
body.dark-mode .tag_msg_record .tag_msg_select_clr,
body.dark-mode .message-option-btn {
color: #7a9fc0 !important;
}
/* Псевдоэлемент ::before (круглый фон за кнопкой) */
body.dark-mode .tag_msg_select_clr::before {
background-color: #7a9fc0 !important;
opacity: 0.10 !important;
}
/* Кнопка прикрепить файл — input[type=file] внутри имеет background: #fff */
body.dark-mode .btn-file input[type=file],
body.dark-mode .btn.btn-file input[type=file] {
background: #1e2229 !important;
}
/* Кнопка прикрепить файл */
body.dark-mode .btn-file.tag_msg_select_clr,
body.dark-mode .btn.btn-file.message-option-btn {
color: #7a9fc0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* Кнопка записи голоса (btn-primary переопределяем) */
body.dark-mode .btn-primary.message-option-btn.tag_msg_select_clr,
body.dark-mode #messages-record {
background: transparent !important;
color: #7a9fc0 !important;
border: none !important;
box-shadow: none !important;
}
/* Кнопка отправить (send-button) */
body.dark-mode .send-button,
body.dark-mode .tag_msg_write .send-button {
background: #2d5a80 !important;
color: #c8e4f8 !important;
border-color: #3a6b94 !important;
}
/* Кнопка эмодзи (смайлик внизу) */
body.dark-mode .emo-message,
body.dark-mode .tag_msg_emostick .dropdown-toggle {
color: #7a9fc0 !important;
}
/* Поле ввода текста — убираем синий outline при фокусе */
body.dark-mode .tag_write_msg textarea,
body.dark-mode .tag_write_msg > textarea,
body.dark-mode textarea#sendMessage {
background: rgba(255,255,255,0.07) !important;
color: #dde4ee !important;
outline: none !important;
border: 1px solid #2e3848 !important;
box-shadow: none !important;
}
body.dark-mode .tag_write_msg textarea:focus,
body.dark-mode textarea#sendMessage:focus {
outline: none !important;
border-color: #3a6b94 !important;
box-shadow: none !important;
}
/* Мобильная форма (chat-btns-w) */
body.dark-mode .chat-btns-w .chat_optns,
body.dark-mode .chat-textarea .chat-btns-w .chat_optns {
color: #7a9fc0 !important;
}
body.dark-mode .chat-textarea .chat-btns-w .chat_optns .dropdown-menu {
background: #1e2229 !important;
border-color: #2e3340 !important;
}
/* Разделитель заголовка и бордеры формы */
body.dark-mode .tag_msg_header,
body.dark-mode .tag_msg_user_list {
border-color: #2e3340 !important;
}
body.dark-mode .msg_usr_info_top_list {
background-color: #1a1d23 !important;
}
/* ===== Рекламные/промо блоки с инлайн-стилями (post_rows) ===== */
/* Карточки с border: 2px solid #7c3aed и прозрачным фоном */
body.dark-mode .card[style*="7c3aed"] {
background: #1e1a2e !important;
border-color: #6d28d9 !important;
}
body.dark-mode .card[style*="7c3aed"] .card-body div[style*="color: #333"],
body.dark-mode .card[style*="7c3aed"] .card-body div[style*="color:#333"] {
color: #d4c8f0 !important;
}
body.dark-mode .card[style*="7c3aed"] .card-body div[style*="color: #666"],
body.dark-mode .card[style*="7c3aed"] .card-body div[style*="color:#666"] {
color: #8a7aaa !important;
}
body.dark-mode .card[style*="7c3aed"] .card-body a[style*="color: #7c3aed"],
body.dark-mode .card[style*="7c3aed"] .card-body a[style*="color:#7c3aed"] {
color: #a78bfa !important;
}
body.dark-mode .card[style*="7c3aed"] .card-body strong {
color: #c4b5fd !important;
}
/* ===== Профиль пользователя ===== */
/* Шапки блоков (td.header, div.header) — убираем светлый градиент */
body.dark-mode td.header,
body.dark-mode div.header {
background: #2a2d35 !important;
background-image: none !important;
color: #b0bec5 !important;
border-color: #3a3f4b !important;
}
/* Тело блоков профиля */
body.dark-mode td.profile,
body.dark-mode table.profile_menu,
body.dark-mode td.profile_leftside {
background: #23272f !important;
border-color: #3a3f4b !important;
color: #c8d4e0 !important;
}
/* Меню профиля (кнопки "Отправить подарок" и др.) */
body.dark-mode td.profile_menu1 a,
body.dark-mode div.nolink {
background: #23272f !important;
background-image: none !important;
border-bottom-color: #3a3f4b !important;
color: #7eb8f7 !important;
}
body.dark-mode td.profile_menu1 a:hover {
background: #2a2d35 !important;
background-image: none !important;
}
/* Лента активности — строки */
body.dark-mode div.profile_action {
border-bottom-color: #2e3340 !important;
}
body.dark-mode div.profile_action_date {
color: #4a5a6a !important;
}
/* Превью записей в ленте активности профиля */
body.dark-mode .recentaction_div {
background: #252a34 !important;
color: #c8d4e0 !important;
border: 1px solid #2e3340 !important;
}
body.dark-mode .recentaction_div_media {
background: #252a34 !important;
}
/* Превью записей внутри ленты активности (светлые прямоугольники) */
body.dark-mode div.profile_action > table *,
body.dark-mode div.profile_action div,
body.dark-mode div.profile_action blockquote,
body.dark-mode div.profile_action p[style],
body.dark-mode div#actions div[style*="background"],
body.dark-mode div#actions td[style*="background"],
body.dark-mode div.profile_action div[style*="background"],
body.dark-mode div.profile_action td[style*="background"],
body.dark-mode div.profile_action [style*="background-color"] {
background: #252a34 !important;
background-color: #252a34 !important;
border-color: #2e3340 !important;
color: #c8d4e0 !important;
}
/* choptext / action_body превью — все вложенные элементы с белым bg */
body.dark-mode div#actions * [bgcolor],
body.dark-mode div#actions table[bgcolor] {
background-color: #252a34 !important;
}
/* Общий сброс белых фонов внутри ленты активности */
body.dark-mode div#actions .box,
body.dark-mode div#actions div.menu,
body.dark-mode div#actions td,
body.dark-mode div#actions table {
background: #23272f !important;
border-color: #2e3340 !important;
color: #c8d4e0 !important;
}
/* My Active Points блок */
body.dark-mode #userpoints_widget,
body.dark-mode div[id*="userpoints"],
body.dark-mode table[id*="userpoints"] {
background: #23272f !important;
border-color: #3a3f4b !important;
color: #c8d4e0 !important;
}