.light-theme body { background: #fff; } .light-theme .light-icon { display: none; } .light-theme .dark-icon { display: block; } /* aside menu */ .light-theme .app-sidebar { background-color: #FFFFFF; border: 1px solid #7A7E7E80; } .light-theme .menu-link p { color: #181C18; } .light-theme .bg_home_menu .dropdown-menu>li:not(.text, .has-dropdown):hover, .light-theme .bg_home_menu .has-dropdown>.menu-row:hover { background-color: #F2F9FF; } .light-theme .bg_home_menu .submenu li a { color: #000; } .light-theme .bg_home_menu .submenu li a:hover, .light-theme .bg_home_menu .submenu .dropActive a { color: #29CD57; } .light-theme .menu-item:not(.has-dropdown) .menu-link:hover, .light-theme .has-dropdown .menu-row:hover, .light-theme .has-dropdown.active .menu-row, .light-theme .menu-item:not(.has-dropdown).active .menu-link { background-color: #F2F9FF; border-color: #C0C9D0B2; } .light-theme .sidebar-menu .has-dropdown .submenu li a { font-weight: 300; color: #181C18; } .light-theme .sidebar-menu .has-dropdown .submenu li a:hover, .light-theme .sidebar-menu .has-dropdown .submenu .dropActive a { color: #29CD57; } .light-theme .menu-link p.bgTop::after { font-weight: 500; color: #F3FAFF; } .light-theme .sidebar-menu .has-dropdown .menu-arrow, .light-theme .sidebar-logo_cropped img, .light-theme .nav-toggle img, .light-theme .top-bar .mobile-logo { filter: invert(1); } /* Logo de marque (sidebar depliee + footer). Convention V5 : le logo.png du theme est BLANC/monochrome (pour les fonds sombres du theme par defaut) -> on l'inverse en sombre en THEME CLAIR (sidebar #FFFFFF + footer transparent sur fond clair), comme les autres icones blanches ci-dessus. 1 seul fichier logo.png, adaptation automatique au thema. ⚠️ Marche pour un logo BLANC/monochrome ; un logo COULEUR ne s'inverse pas proprement (prevoir alors un fond/plaque). */ .light-theme .sidebar-brand-logo, .light-theme .app-footer-v5 .footer-logo { filter: invert(1); } /* Logo DIFFERENT par mode (theme-example, 2026-09-16) : la vue rend DEUX , logo1.png marque .theme-dark-only et logo.png marque .theme-light-only (ce dernier reste inverse en clair par les regles ci-dessus et par bank_shelv_v2.css). La bascule suit .light-theme, pose sur par theme_init.js dans le (bon logo des le premier affichage) puis par .themeToggle (changement immediat). Aucune regle n'impose de `display` a ces logos : pas de !important. Classes utilisables sur tout element dont le rendu depend du mode. */ html:not(.light-theme) .theme-light-only, .light-theme .theme-dark-only { display: none; } .light-theme .sidebar-footer-wrapper { background-color: #EEF8FF; border: 1px solid #7A7E7E80; } .light-theme .sidebar-user { border-color: #7A7E7E80; } .light-theme .sidebar-user * { color: #181C18; } .light-theme .sidebar-user .user-avatar { background-color: #F4FBFF; border-color: #7A7E7E80; } .light-theme .sidebar-profile-details *, .light-theme .sidebar-profile-details li p.title { color: #000; } .light-theme .sidebar-profile-details li p.desc { color: #181C18; } .light-theme .header-menu .dropdown-menu { background-color: #FFFFFF; border: 1px solid #7A7E7E80; } /* Header (theme clair) : les 4 icones (lune du toggle, message, globe langues, menu sandwich) sont trop pales sur fond clair. brightness(0) les force toutes en noir (quelle que soit leur teinte d'origine -> un simple invert eclaircissait les icones deja sombres), puis invert(0.3) remonte au gris fonce (~#4D4D4D) = "foncer un peu". Scope = uniquement les icones directes du header. */ .light-theme .app-header .header-menu .header-item > a > img { filter: brightness(0) invert(0.3); } .light-theme .dropdown-menu.dropdown-language .text p, .light-theme .menu.setting_menu .dropdown-menu .text p, .light-theme .message p { color: #181C18 !important; } .light-theme .dropdown-menu.dropdown-language .text div { color: #000 !important; } .light-theme .chat-box textarea { border: 1px solid #C0C9D0; background-color: #EEF8FF; color: #000; } .light-theme .bg_home_menu .menu_listing li, .light-theme .dropdown-menu.dropdown-language .language { border-bottom-color: #7A7E7E80 !important; } /* Header (theme clair) : le survol des items de langue en CLAIR (bleu tres pale, comme le menu accordeon) au lieu du #3c3c43 SOMBRE herite du theme sombre (qui, sur un popup blanc, donnait l'effet "ca devient sombre au survol"). Le formulaire message (.message) reste exclu -> aucun surlignage sur le popup message. */ .light-theme .menu .dropdown-menu>li:not(.text):not(.message):hover { background-color: #F2F9FF; } /* header */ .light-theme .header-main { background-color: #EEF8FF; border: 1px solid #7A7E7E80; } .light-theme .header-main .name_date p, .light-theme .bg_home_menu .menu_listing li p { color: #181C18; } .light-theme .bg_home_menu p.bgTop::after { color: #fff !important; } .light-theme .header-main .name_date p span, .light-theme .header-main .slide-text marquee { color: #000; } .light-theme .bg_home_menu .menu_listing li img.menulisterro_logo { filter: invert(1); } /* dashboard bitcoin page */ .light-theme body.dashboard-bitcoin-page .xdsoft_datetimepicker { display: none; } .light-theme body.dashboard-bitcoin-page { background: #EEF8FF; } .light-theme body.dashboard-bitcoin-page img { filter: invert(1); } .light-theme body.dashboard-bitcoin-page .action_tab_header img, .light-theme body.dashboard-bitcoin-page .header_right .name_date p img { filter: none; } .light-theme body.dashboard-bitcoin-page #header { background-color: #FFFFFF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page .cont-color { background-color: #FFFFFF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page .name_firstheader p { color: #181C18; } .light-theme body.dashboard-bitcoin-page .name_firstheader p.datetime { color: #000; } .light-theme body.dashboard-bitcoin-page .circle_headerdiv { background-color: #FFFFFF; border: 1px solid #50505080; } .light-theme body.dashboard-bitcoin-page #header .header_main .circle_headerdiv p { opacity: 50%; color: #000; } .light-theme body.dashboard-bitcoin-page #header .header_main .circle_headerdiv p.white { color: #000 !important; opacity: 100%; } .light-theme body.dashboard-bitcoin-page #header .header_main .circle_headerdiv p.green { color: #1DC563 !important; opacity: 100%; } .light-theme body.dashboard-bitcoin-page .header_right .name_date p { color: #181C18; } .light-theme body.dashboard-bitcoin-page .header_right .name_date p span { color: #000; } .light-theme body.dashboard-bitcoin-page .cont-left .rate-box .icon-bg, .light-theme body.dashboard-bitcoin-page .rate-box-2 #current-asset-rate, .light-theme body.dashboard-bitcoin-page .rate-box-2 #current-asset-price { color: #000; } .light-theme body.dashboard-bitcoin-page .rate-box-button, .light-theme body.dashboard-bitcoin-page .Edit-button, .light-theme body.dashboard-bitcoin-page .common_modal .pup-content .tab_first .rate-box-button { background-color: #267DF1; } .light-theme body.dashboard-bitcoin-page .rate-box-button:hover, .light-theme body.dashboard-bitcoin-page .rate-box-button.active, .light-theme body.dashboard-bitcoin-page .common_modal .pup-content .tab_first .rate-box-button:hover, .light-theme body.dashboard-bitcoin-page .common_modal .pup-content .tab_first .rate-box-button.active { background-color: #ABBED9; } .light-theme body.dashboard-bitcoin-page .top-row-buy { background-color: #19D45C; } .light-theme body.dashboard-bitcoin-page .top-row-sell { background-color: #FA352E; } .light-theme body.dashboard-bitcoin-page .cont-color-main .second_div { border-color: #C0C9D0; } .light-theme body.dashboard-bitcoin-page .cont-color-main .second_div input { color: #000; } .light-theme body.dashboard-bitcoin-page .search-box input, .light-theme body.dashboard-bitcoin-page .search-box input::placeholder { background-color: transparent; border-color: #C0C9D0; color: #000; } .light-theme body.dashboard-bitcoin-page .search-box select { background-color: transparent; border-color: #C0C9D0; color: #000; } .light-theme body.dashboard-bitcoin-page .search-box-star { border: 1px solid #50505033; background-color: transparent; } .light-theme body.dashboard-bitcoin-page .cc-hod div { color: #000; } .light-theme body.dashboard-bitcoin-page .li-item-selected { background-color: #d5e5f7; } .light-theme body.dashboard-bitcoin-page .crypto-ul p, .light-theme body.dashboard-bitcoin-page .crypto-ul span { color: #000; } .light-theme body.dashboard-bitcoin-page .green { color: #18B650 !important; } .light-theme body.dashboard-bitcoin-page .red { color: #FF3131 !important; } .light-theme body.dashboard-bitcoin-page .crypto-ul li .fa.fa-sort-desc.green { color: #29CD57 !important; } .light-theme body.dashboard-bitcoin-page .crypto-ul li .fa.fa-sort-desc.red { color: #BE1E2D !important; } .light-theme body.dashboard-bitcoin-page img[src="images/new_yellow_star.png"] { filter: none !important; } .light-theme body.dashboard-bitcoin-page .cont-title .fa { color: #000; font-weight: bolder; } .light-theme body.dashboard-bitcoin-page h2.cont-title, .light-theme body.dashboard-bitcoin-page .summary ul li p, .light-theme body.dashboard-bitcoin-page .summary ul li span { color: #000; } .light-theme body.dashboard-bitcoin-page h2.cont-title { border-bottom-color: #C0C9D0; } .light-theme body.dashboard-bitcoin-page .right-col .cont-right { background-color: #fff; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page .rwd-table th { color: #B4B4B4; border-bottom-color: #C0C9D080; background-color: transparent !important; font-weight: 500 !important; } .light-theme body.dashboard-bitcoin-page .rwd-table td { border-bottom-color: #C0C9D080; color: #000; font-weight: 400; } .light-theme body.dashboard-bitcoin-page .right-col .cont-color { border-color: #C0C9D0B3; background-color: #FFFFFF; } .light-theme body.dashboard-bitcoin-page .info_tabb { border-color: #C0C9D0B3; background-color: #fff; color: #000; } .light-theme body.dashboard-bitcoin-page .close_calendar_tab, .light-theme body.dashboard-bitcoin-page .close_info_tab { color: #000; } .light-theme body.dashboard-bitcoin-page .info_main_tab .info_tabb.active { border-color: #C0C9D0B3; background-color: #FFFFFF; } .light-theme body.dashboard-bitcoin-page .tv-ticker-item-last__short-name { color: #000; } .light-theme body.dashboard-bitcoin-page #header .menu .dropdown-menu { border: 1px solid #C0C9D0; background-color: #FFFFFF; } .light-theme body.dashboard-bitcoin-page .chat-box textarea { border: 1px solid #C0C9D0; background-color: #EEF8FF; color: #000; } .light-theme body.dashboard-bitcoin-page .chat-box textarea::placeholder { color: #000; opacity: 57%; } .light-theme body.dashboard-bitcoin-page .message p { color: #000; } .light-theme body.dashboard-bitcoin-page .dropdown-menu.dropdown-language .text div, .light-theme body.dashboard-bitcoin-page .menu.setting_menu .dropdown-menu .text div, .light-theme body.dashboard-bitcoin-page .dropdown-menu.dropdown-language .text p, .light-theme body.dashboard-bitcoin-page .menu.setting_menu .dropdown-menu .text p, .light-theme body.dashboard-bitcoin-page #header .menu.setting_menu .dropdown-menu li p, .light-theme body.dashboard-bitcoin-page #header .dropdown-menu.dropdown-language .language a p { color: #000 !important; } .light-theme body.dashboard-bitcoin-page .bg_home_menu p.bgTop::after { color: #fff; } .light-theme body.dashboard-bitcoin-page .menu .dropdown-menu li:hover { background-color: transparent; } .light-theme body.dashboard-bitcoin-page .bg_home_menu .menu_listing li img.menulist_logo:not(.arrow) { filter: none; } .light-theme body.dashboard-bitcoin-page .menu.setting_menu .dropdown-menu li, .light-theme body.dashboard-bitcoin-page .dropdown-menu.dropdown-language .language { border-color: #B4B4B4 !important; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .modal-dialog .modal-content, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .modal-dialog .modal-content, .light-theme body.dashboard-bitcoin-page #closePositionDialog .modal-dialog .modal-content { background-color: #EEF8FF; border: 1px solid #C0C9D080; padding: 2px; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .modal-body, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .modal-body, .light-theme body.dashboard-bitcoin-page #closePositionDialog .modal-body { background-color: #EEF8FF; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .modal-had, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .modal-had, .light-theme body.dashboard-bitcoin-page #closePositionDialog .modal-had { background-color: #FFFFFF; border: 1px solid #C0C9D070; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .modal-had p, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .modal-had p, .light-theme body.dashboard-bitcoin-page #closePositionDialog .modal-had p { color: #000; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .close, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .close, .light-theme body.dashboard-bitcoin-page #closePositionDialog .close { color: #000 !important; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .pup-content, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .pup-content, .light-theme body.dashboard-bitcoin-page #closePositionDialog .pup-content { background-color: #FFFFFF; border: 1px solid #C0C9D070; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .head_div p, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .head_div p, .light-theme body.dashboard-bitcoin-page #closePositionDialog .head_div p { color: #000; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .cl-button button, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .cl-button button { color: #000 !important; border-color: #C0C9D0B3; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .second_div, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .second_div, .light-theme body.dashboard-bitcoin-page #closePositionDialog .second_div { border-color: #C0C9D0B3; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .second_div button, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .second_div button, .light-theme body.dashboard-bitcoin-page #closePositionDialog .second_div button { color: #000; } .light-theme body.dashboard-bitcoin-page #editStopLossDialog .second_div input, .light-theme body.dashboard-bitcoin-page #editTakeProfitDialog .second_div input, .light-theme body.dashboard-bitcoin-page #closePositionDialog .second_div input { color: #000; } .light-theme body.dashboard-bitcoin-page #myModal-Order .modal-body, .light-theme body.dashboard-bitcoin-page #myModal-Pending .modal-body { background-color: #EEF8FF; border: 1px solid #C0C9D0; } .light-theme body.dashboard-bitcoin-page #myModal-Order .modal-had, .light-theme body.dashboard-bitcoin-page #myModal-Pending .modal-had { background-color: #FFFFFF; border: 1px solid #C0C9D0; } .light-theme body.dashboard-bitcoin-page #myModal-Order .modal-had .close, .light-theme body.dashboard-bitcoin-page #myModal-Pending .modal-had .close { color: #000 !important; } .light-theme body.dashboard-bitcoin-page #myModal-Order .modal-had .icon, .light-theme body.dashboard-bitcoin-pa #myModal-Pending .modal-had .icon { color: #000; } .light-theme body.dashboard-bitcoin-page #myModal-Order .modal-had li.active, .light-theme body.dashboard-bitcoin-page #myModal-Pending .modal-had li.active { color: #000 !important; } .light-theme body.dashboard-bitcoin-page #myModal-Order .modal-had li, .light-theme body.dashboard-bitcoin-page #myModal-Pending .modal-had li { color: #181C18; } .light-theme body.dashboard-bitcoin-page #myModal-Order .pup-content, .light-theme body.dashboard-bitcoin-page #myModal-Pending .pup-content { background-color: #FFFFFF; border: 1px solid #C0C9D0; } .light-theme body.dashboard-bitcoin-page .first_input_div .second_div { border-color: #C0C9D0; } .light-theme body.dashboard-bitcoin-page .first_input_div .second_div button, .light-theme body.dashboard-bitcoin-page .first_input_div .second_div span { color: #B4B4B4; } .light-theme body.dashboard-bitcoin-page .first_input_div .second_div input { color: #000; } .light-theme body.dashboard-bitcoin-page .pup-content p { color: #000 !important; font-weight: 400; } .light-theme body.dashboard-bitcoin-page .first_input_div .third_div, .light-theme body.dashboard-bitcoin-page .cols-buy, .light-theme body.dashboard-bitcoin-page #myModal-Pending .limit-place-order-but-class.green { color: #fff !important; background-color: #19D45C !important; } .light-theme body.dashboard-bitcoin-page .first_input_div .first_div, .light-theme body.dashboard-bitcoin-page .red-modal, .light-theme body.dashboard-bitcoin-page #myModal-Pending .limit-place-order-but-class.red { color: #fff !important; background-color: #FA352E !important; } .light-theme body.dashboard-bitcoin-page .first_input_div .disable { background-color: #C0C9D0 !important; } .light-theme body.dashboard-bitcoin-page .first_input_div p { color: #fff !important; font-weight: 500; } .light-theme body.dashboard-bitcoin-page .first_input_div .disable p { opacity: 50%; } .light-theme body.dashboard-bitcoin-page #myModal-Order .orderdetailtitle label, .light-theme body.dashboard-bitcoin-page #myModal-Pending .orderdetailtitle label { color: #000; } .light-theme body.dashboard-bitcoin-page #myModal-Order .order-details-maindiv .order-details span, .light-theme body.dashboard-bitcoin-page #myModal-Pending .order-details-maindiv .order-details span { color: #181C18; } .light-theme body.dashboard-bitcoin-page .second_input_div .input_div, .light-theme body.dashboard-bitcoin-page .third_input_div .input_div, .light-theme body.dashboard-bitcoin-page .fourth_input_div .input_div, .light-theme body.dashboard-bitcoin-page .fifth_input_div .input_div { border-color: #C0C9D0; } .light-theme body.dashboard-bitcoin-page .second_input_div button, .light-theme body.dashboard-bitcoin-page .third_input_div button, .light-theme body.dashboard-bitcoin-page .fourth_input_div button, .light-theme body.dashboard-bitcoin-page .fifth_input_div button { color: #B4B4B4; } .light-theme body.dashboard-bitcoin-page .second_input_div input, .light-theme body.dashboard-bitcoin-page .third_input_div input, .light-theme body.dashboard-bitcoin-page .fourth_input_div input, .light-theme body.dashboard-bitcoin-page .fifth_input_div input { color: #000 !important; } .light-theme body.dashboard-bitcoin-page #popup-limit-asset-expiry { color: #000 !important; } .light-theme body.dashboard-bitcoin-page #PaymentSuccess .modal-body, .light-theme body.dashboard-bitcoin-page #PaymentError .modal-body { background-color: #fff; border: 1px solid #C0C9D0; } .light-theme body.dashboard-bitcoin-page #PaymentSuccess .price-box .sendpopupcheckamrk, .light-theme body.dashboard-bitcoin-page #PaymentError .price-box .sendpopupcrossamrk, .light-theme body.dashboard-bitcoin-page .center-wrapper .icon img, .light-theme body.dashboard-bitcoin-page .main_send_div .sendpopupcheckamrk { filter: none; } .light-theme body.dashboard-bitcoin-page .form-switch .form-check-input:focus { outline: none; } .light-theme body.dashboard-bitcoin-page .tv-ticker-card img { filter: none; } .light-theme body.dashboard-bitcoin-page .tv-ticker-card .tv-symbol, .light-theme body.dashboard-bitcoin-page .tv-ticker-card .tv-description, .light-theme body.dashboard-bitcoin-page .tv-ticker-card .tv-price { color: #000; } .light-theme body.dashboard-bitcoin-page .tv-ticker-card .tv-change.up { color: #18B650 !important; } .light-theme body.dashboard-bitcoin-page .tv-ticker-card .tv-change. { color: #FF3131 !important; } /* dashboard bitcoin mobile */ @media (max-width: 767px) { .light-theme body.dashboard-bitcoin-page { background-color: #FFFFFF; } .light-theme body.dashboard-bitcoin-page .common_modal .modal-header { background-color: #EEF8FF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page .common_modal .modal-header .close { color: #000 !important; background-color: transparent; } .light-theme body.dashboard-bitcoin-page .login_header_div .header_top_div { background-color: #EEF8FF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page #header .search_drop_div { background-color: #fff; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page #header { background-color: transparent; border: none; } .light-theme body.dashboard-bitcoin-page .cont-left { background-color: #FFFFFF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page #footer { background-color: #EEF8FF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page #header .user_detail { background-color: #FFFFFF; } .light-theme body.dashboard-bitcoin-page .user_detail .account_username { color: #000; } .light-theme body.dashboard-bitcoin-page .circle_headerdiv p { opacity: 50%; color: #000; } .light-theme body.dashboard-bitcoin-page .circle_headerdiv p.white { color: #000 !important; opacity: 100%; } .light-theme body.dashboard-bitcoin-page .circle_headerdiv .green { color: #1DC563 !important; opacity: 100%; } .light-theme body.dashboard-bitcoin-page .cont-color { border: none; } .light-theme body.dashboard-bitcoin-page .common_modal { background-color: #fff; } .light-theme body.dashboard-bitcoin-page .common_modal .menu_heading .tab p { color: #000; } .light-theme body.dashboard-bitcoin-page .common_modal .pup-content { background-color: #FFFFFF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page .common_modal .pup-content.button_bottom_div { background-color: #FFFFFF; border: none; } .light-theme body.dashboard-bitcoin-page .common_modal .position_tab_head .icon { color: #000 !important; } .light-theme body.dashboard-bitcoin-page .common_modal .trade-input, .light-theme body.dashboard-bitcoin-page .common_modal .trade-bottom, .light-theme body.dashboard-bitcoin-page .common_modal .new_take_div input { background-color: #fff; color: #000; } .light-theme body.dashboard-bitcoin-page .bgWork p.bgTop::after { color: #fff; } .light-theme body.dashboard-bitcoin-page .common_modal .single_data_div p.end.red { color: #FF3131 !important; } .light-theme body.dashboard-bitcoin-page .common_modal .single_data_div p.end.green { color: #29CD57 !important; } .light-theme body.dashboard-bitcoin-page .common_modal .trade-box.green { background-color: #19D45C !important; } .light-theme body.dashboard-bitcoin-page .common_modal .trade-box.red { background-color: #FA352E !important; } .light-theme body.dashboard-bitcoin-page .common_modal .last_page_pup button { background-color: #1a85f8 !important; } .light-theme body.dashboard-bitcoin-page .common_modal .info_tabb.active { background-color: #fff !important; } .light-theme body.dashboard-bitcoin-page .user_detail .language_option { color: #000; } .light-theme body.dashboard-bitcoin-page .user_detail .langImgBox img, .light-theme body.dashboard-bitcoin-page .user_detail .account_status img, .light-theme body.dashboard-bitcoin-page .login_header_div .name_date p img, .light-theme body.dashboard-bitcoin-page .bgWork .menu_listing li img.menulisterro_logo.notice_logo, .light-theme body.dashboard-bitcoin-page .bgWork .menu_listing li img.menulist_logo { filter: none; } .light-theme body.dashboard-bitcoin-page .login_header_div .name_date p { color: #181C18; } .light-theme body.dashboard-bitcoin-page .login_header_div .name_date p span { color: #000; } .light-theme body.dashboard-bitcoin-page .bgWork .menu_title_div p { color: #000; } .light-theme body.dashboard-bitcoin-page .bgWork .menu_listing li { border-color: #B4B4B4; } .light-theme body.dashboard-bitcoin-page .bgWork .menu_listing li p, .light-theme body.dashboard-bitcoin-page .bgWork .submenu li { color: #000; } .light-theme body.dashboard-bitcoin-page .bgWork .has-dropdown.active .dropActive { color: #29CD57; } .light-theme body.dashboard-bitcoin-page .common_modal .modal-had { background-color: #FFFFFF; border: 1px solid #C0C9D080; } .light-theme body.dashboard-bitcoin-page .common_modal .modal-had .icon, .light-theme body.dashboard-bitcoin-page .common_modal .current_rate .text, .light-theme body.dashboard-bitcoin-page .common_modal .orderdetailtitle label { color: #000; } .light-theme body.dashboard-bitcoin-page .common_modal .order-details span { color: #181C18; } } /* auth pages */ .light-theme .layout-auth .top-bar, .light-theme .layout-app .top-bar { background-color: #EEF8FF; border-color: #C0C9D0; } .light-theme .loginPage .page-container-fluid { background: transparent; } .light-theme .layout-auth .page-body, .light-theme .layout-app .page-body { background-color: #EEF8FF; border-color: #C0C9D0; } .light-theme .layout-auth .top-bar, .light-theme .layout-app .top-bar { color: #151414; } .light-theme .layout-auth .form-compact .login-box h2, .light-theme .layout-auth .form-compact .login-box p, .light-theme .layout-auth .auth-page-2fa .login-box .form-error, .light-theme .layout-auth .auth-page-email .login-box .form-error, .light-theme .layout-auth .auth-page-google .login-box .form-error, .light-theme .layout-auth .form-compact .login-box label, .light-theme .forgot-password-page .login-box .form-group span, .light-theme .forgot-password-page .login-box .forgot, .light-theme .success-page.form-compact .login-box h2, .light-theme .failed-page.form-compact .login-box h2 { color: #32323B; } .light-theme .layout-auth .login-page .login-box .icon img, .light-theme .layout-auth .forgot-password-page .login-box .icon img, .light-theme .layout-auth .register-page .login-box .icon img, .light-theme .layout-auth .auth-page-2fa .login-box button img, .light-theme .layout-auth .auth-page-email .login-box button img, .light-theme .layout-auth .auth-page-google .login-box button img { filter: invert(1); } .light-theme .layout-auth .auth-page-2fa .otp-inputs input, .light-theme .layout-auth .auth-page-email .otp-inputs input, .light-theme .layout-auth .auth-page-google .otp-inputs input { border-color: #CDCDCD; color: #707070; } .light-theme .layout-auth .auth-page-2fa .otp-inputs input:focus, .light-theme .layout-auth .auth-page-email .otp-inputs input:focus, .light-theme .layout-auth .auth-page-google .otp-inputs input:focus { border-color: #267DF1; outline: none; } .light-theme .layout-auth .auth-page-2fa .otp-keypad .btn-verify, .light-theme .layout-auth .auth-page-email .otp-keypad .btn-verify, .light-theme .layout-auth .auth-page-google .otp-keypad .btn-verify, .light-theme .layout-auth .auth-page-2fa .otp-keypad .btn-verify:hover, .light-theme .layout-auth .auth-page-email .otp-keypad .btn-verify:hover, .light-theme .layout-auth .auth-page-google .otp-keypad .btn-verify:hover { background-color: #15AF41; color: #fff !important; } .light-theme .layout-auth .auth-page-2fa .otp-keypad, .light-theme .layout-auth .auth-page-email .otp-keypad, .light-theme .layout-auth .auth-page-google .otp-keypad { border-color: #C0C9D0; } .light-theme .layout-auth .auth-page-2fa .login-box button:hover, .light-theme .layout-auth .auth-page-email .login-box button:hover, .light-theme .layout-auth .auth-page-google .login-box button:hover { background-color: transparent; border-color: #267DF1; } .light-theme .layout-auth .auth-page-2fa .login-box button, .light-theme .layout-auth .auth-page-email .login-box button, .light-theme .layout-auth .auth-page-google .login-box button { color: #707070; border-color: #C0C9D0; } /* Our booklet page */ .light-theme .card-base { background: #fff; border: 1px solid #C0C9D0; } .light-theme .our-booklet-page * { color: #000 !important; } .light-theme .our-booklet-page .form-error { color: #ff3737 !important; } .light-theme .our-booklet-page .hero-btn, .light-theme .our-booklet-page .hero-3-btn { color: #fff !important; } .light-theme .our-booklet-page .card-base-hero { background: #fff; border: 1px solid #7a7e7e80; } .light-theme .our-booklet-page .hero-2-container .card-base.card-layout { background: #fff; border: 1px solid #7a7e7e80; } .light-theme .our-booklet-page .hero-2-container .card-base.card-layout p, .light-theme .our-booklet-page .hero-3-list { font-weight: 300; } .light-theme .our-booklet-page .hero-2-subtitle, .light-theme .our-booklet-page .hero-3-rate small, .light-theme .our-booklet-page .hero-3-light, .light-theme .our-booklet-page .hero-3-light-2 { font-weight: 200; } .light-theme .our-booklet-page .hero-3-container .card-base.card-layout { background: #fff; border: 1px solid #7a7e7e80; } .light-theme .our-booklet-page .hero-3-rate .rate { font-weight: 400; } .light-theme .our-booklet-page .hero-4-box { background: #fff; border: 1px solid #7a7e7e80; } .light-theme .our-booklet-page .hero-4-container .card-base.card-layout { background: #fff; border: none; } .light-theme .card-badge-img { filter: brightness(0) invert(0.2); } .light-theme .our-booklet-page .savings-panel, .light-theme .savings-container>.card-base.card-layout { background: #fff; border: 1px solid #C0C9D0; } .light-theme .ctm-card { background: #fff; border: 1px solid #929698b3; } .light-theme .ctm-card.new-booklet .details-block { border-top: 1px solid #76767680; } .light-theme .our-booklet-page .ctm-bg-image::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); } .light-theme .ctm-card .ctm-bg-image.bg-flat { background: #EEF8FF; } .light-theme .ctm-rate small { color: #267df1 !important; } .light-theme .ctm-card .details-block .desc, .light-theme .our-booklet-page .amount-block .amount-label { font-weight: 200; } .light-theme .our-booklet-page .btn-invest, .light-theme .ctm-card .btn-info-custom, .light-theme .our-booklet-page .btn-block .btn-info--modal, .light-theme .our-booklet-page .btn-block .btn-invest--modal { color: #fff !important; } .light-theme .our-booklet-page .amount-block .amount-input { background: transparent; color: #000; border: 1px solid #C0C9D0; } .light-theme .our-booklet-page .amount-block .amount-input::placeholder { color: #000; } .light-theme .ctm-card:not(.new-booklet) .ctm-body img { filter: invert(1); } .light-theme .ctm-card .info-profit strong { color: #29CD57 !important; } .light-theme .our-booklet-page .card-layout .ctm-card, .light-theme .our-booklet-page .ctm-card-mobile { box-shadow: 1px 7px 4px rgba(108, 108, 108, 0.33); } .light-theme .our-booklet-page .dropdown ul { background: #fff; border: 1px solid #C0C9D0; } .light-theme .our-booklet-page .modal-body .ctm-card { background: #fff; border: 1px solid #fff; } .light-theme .our-booklet-page .modal-body .ctm-bg-image::after { height: 67px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 7.21%, #FFFFFF 100%); } .light-theme .our-booklet-page .modal-body .offer-block li span, .light-theme .our-booklet-page .modal-body .content-block .desc, .light-theme .savings-tab { font-weight: 300; } .light-theme .our-booklet-page .modal-close-outside { background: #fff; } /* Our project page */ .light-theme .our-project-page * { color: #000 !important; } .light-theme .our-project-page .form-error { color: #ff3737 !important; } .light-theme .our-project-page .savings-panel { background: #fff; border: 1px solid #C0C9D0; } .light-theme .our-project-page .ctm-bg-image::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); } .light-theme .our-project-page .card-layout .ctm-card .ctm-position img, .light-theme .our-project-page .modal-body .ctm-position img { filter: invert(1); } .light-theme .our-project-page .amount-block .amount-label { font-weight: 200; } .light-theme .our-project-page .btn-invest, .light-theme .our-project-page .btn-block .btn-info--modal, .light-theme .our-project-page .btn-block .btn-invest--modal { color: #fff !important; } .light-theme .our-project-page .amount-block .amount-input { background: transparent; color: #000; border: 1px solid #C0C9D0; } .light-theme .our-project-page .amount-block .amount-input::placeholder { color: #000; } .light-theme .our-project-page .card-layout .ctm-card { box-shadow: 1px 7px 4px rgba(108, 108, 108, 0.33); } .light-theme .our-project-page .dropdown ul { background: #fff; border: 1px solid #C0C9D0; } .light-theme .our-project-page .modal-body .ctm-card { background: #fff; border: 1px solid #fff; } .light-theme .our-project-page .modal-body .ctm-bg-image::after { background: linear-gradient(180deg, rgba(3, 3, 1, 0) 7.21%, #181C18 100%); } .light-theme .our-project-page .modal-body .offer-block li span, .light-theme .our-project-page .modal-body .content-block .desc { font-weight: 300; } .light-theme .our-project-page .modal-close-outside { background: #fff; } /* Nos robots page */ .light-theme .nos-robots-page * { color: #000 !important; } .light-theme .nos-robots-page .form-error { color: #ff3737 !important; } .light-theme .nos-robots-page .card-base { background: #fff; border: 1px solid #C0C9D0; } .light-theme .nos-robots-page .ctm-card { border: 1px solid #9296984d; } .light-theme .nos-robots-page .ctm-bg-image::after { background: linear-gradient(180deg, rgba(3, 3, 1, 0) 7.21%, #FFFFFF 100%); height: 85px; } .light-theme .nos-robots-page .section-1 .header-content p { color: #267df1 !important; } .light-theme .nos-robots-page .btn-invest, .light-theme .nos-robots-page .modal-body .config-section .btn-activate, .light-theme .nos-robots-page .section-1 .header-content h2 { color: #fff !important; } .light-theme .nos-robots-page .section-1 .details-block h3, .light-theme .nos-robots-page .section-1 .details-block .config-item .label { color: #666666 !important; } .light-theme .ctm-card .details-block { border-top: 1px solid #76767680; } .light-theme .nos-robots-page .custom-modal .modal-content { background: #fff; border: none; } .light-theme .nos-robots-page .custom-modal .amount-section { margin-top: 2px; } .light-theme .nos-robots-page .custom-modal .modal-header, .light-theme .nos-robots-page .custom-modal .amount-section, .light-theme .nos-robots-page .custom-modal .config-section { background: #EEF8FF; border: 1px solid #C0C9D0; } .light-theme .nos-robots-page .custom-modal .badge-trading { color: #267df1cc !important; } .light-theme .nos-robots-page .modal-body .amount-section .amount-label { font-weight: 200; } .light-theme .nos-robots-page .modal-body .amount-section .amount-input { background: #fff; color: #000; border: 1px solid #C0C9D0; } .light-theme .nos-robots-page .modal-body .amount-section .amount-input::placeholder { color: #000; } .light-theme .nos-robots-page .dropdown ul { background: #EEF8FF; border: 1px solid #C0C9D0; } .light-theme .nos-robots-page .section-1 .details-block .icon { filter: none; } /* Center auth page */ .light-theme .center-auth-page * { color: #000 !important; } .light-theme .center-auth-page .form-error { color: #ff3737 !important; } .light-theme .center-auth-page .card-layout--info { background: #fff; border: 1px solid #C0C9D0b3; } .light-theme .card-header { background: transparent; } .light-theme .center-auth-page .section-2 .center-auth-form-sec2 .info-field input { background: #C0C9D0; border-radius: 3px; } .light-theme .center-auth-page .section-2 .center-auth-form-sec2 .input-wrapper.info-field input { background: transparent; border-bottom: 1px solid #b4b4b44D; } .light-theme .center-auth-page .card-right img, .light-theme .center-auth-page .upload-actions img { filter: brightness(0); } .light-theme .center-auth-page .doc-option, .light-theme .center-auth-page .upload-box { background: #fff !important; border: 1px solid #C0C9D0b3 !important; } .light-theme .center-auth-page .radio-ui, .light-theme .center-auth-page .doc-option input:checked+.doc-text+.radio-ui { border: 1px solid #C0C9D0b3; } .light-theme .center-auth-page .remove { color: #666666 !important; } .light-theme .center-auth-page .btn-invest { color: #fff !important } .light-theme .center-auth-page .status-badge { color: #181C18 !important } /* change password page */ .light-theme .edit-password-page * { color: #000 !important; } .light-theme .edit-password-page .form-error { color: #ff3737 !important; } .light-theme .edit-password-page .section-1 .personal-info-form .btn-invest { color: #fff !important; } .light-theme .edit-password-page .card-layout--info { border: 1px solid #C0C9D0b3; } /* personal info page */ .light-theme .personal-info-page:not(.piv2-page) * { color: #000 !important; } .light-theme .personal-info-page:not(.piv2-page) .form-error { color: #ff3737 !important; } .light-theme .personal-info-page:not(.piv2-page) .section-1 .personal-info-form .btn-invest { color: #fff !important; } .light-theme .personal-info-page:not(.piv2-page) .card-layout--info { border: 1px solid #C0C9D0b3; } .light-theme .personal-info-page:not(.piv2-page) .section-1 .personal-info-form .info-field input { background: #C0C9D0; border-bottom: 1px solid #b4b4b44D; } .light-theme .personal-info-page:not(.piv2-page) .section-1 .personal-info-form .input-wrapper.info-field input { background: transparent; border-bottom: 1px solid #b4b4b44D; } .light-theme .personal-info-page:not(.piv2-page) .btn-invest, .light-theme .personal-info-page:not(.piv2-page) .section-2 .btn-open { color: #fff !important } /* finance history page */ .light-theme .finance-hist-page * { color: #000 !important; } .light-theme .finance-hist-page .form-error { color: #ff3737 !important; } .light-theme .finance-hist-page .section-1 .btn-research { color: #fff !important; } .light-theme .finance-hist-page .section-1 .date-input-wrapper input, .light-theme .finance-hist-page .section-1 .financeDropdown .dropdown-toggle { background: #FFFFFF80; border: 1px solid #C0C9D0; } .light-theme .finance-hist-page .section-1 .financeDropdown .dropdown-toggle .arrow { filter: invert(1); } .light-theme .finance-hist-page .section-1 .financeDropdown .finance-dropdown-menu { background: #fff; border: 1px solid #C0C9D0; } .light-theme .finance-hist-page .section-1 .summary-label { color: #707070 !important; } .light-theme .finance-hist-page .section-1 .financeDropdown .dropdown-toggle { font-weight: 300; } /* my wallet page */ .light-theme .my-wallet-page:not(.wv2-page) * { color: #000 !important; } .light-theme .my-wallet-page:not(.wv2-page) .form-error { color: #ff3737 !important; } .light-theme .my-wallet-page:not(.wv2-page) .card-layout--info { background: #fff; border: 1px solid #C0C9D0; } .light-theme .my-wallet-page:not(.wv2-page) .section-1 .wallet-stat-circle { border-color: #C0C9D0b3; background: #FFFFFF80; } .light-theme .my-wallet-page:not(.wv2-page) .section-1 .wallet-stat-value, .light-theme .my-wallet-page:not(.wv2-page) .section-3 .crypto-table tbody .balance-value, .light-theme .my-wallet-page:not(.wv2-page) .section-3 .crypto-table tbody .balance-euro-value { color: #15af41 !important; } .light-theme .my-wallet-page:not(.wv2-page) .section-2 .converter-label span, .light-theme .my-wallet-page:not(.wv2-page) .section-3 .crypto-table thead th { color: #666666 !important; } .light-theme .my-wallet-page:not(.wv2-page) .dropdown-toggle .arrow { filter: invert(1); } .light-theme .my-wallet-page:not(.wv2-page) .section-2 .converter-form .cryptoDropdown .dropdown-toggle, .light-theme .my-wallet-page:not(.wv2-page) .section-2 .converter-input { background: #FFFFFF80; border: 1px solid #C0C9D0; } .light-theme .my-wallet-page:not(.wv2-page) .section-2 .button-wrapper .btn-max { color: #1a85f8 !important; } .light-theme .my-wallet-page:not(.wv2-page) .section-2 .field-wrapper span { color: #B4B4B4 !important; } .light-theme .my-wallet-page:not(.wv2-page) button { color: #fff !important; } .light-theme .my-wallet-page:not(.wv2-page) .dropdown ul { background: #fff !important; border: 1px solid #C0C9D0 !important; } .light-theme .my-wallet-page:not(.wv2-page) .section-3 .crypto-table tbody .crypto-row:hover { background: #D3E6FF; border: 1px solid #C0C9D0b3; } .light-theme .my-wallet-page:not(.wv2-page) .section-2 .converter-amount span, .light-theme .my-wallet-page:not(.wv2-page) .section-3 .custom-modal .max-info-section .highlight span { color: #29cd57 !important; } .light-theme .my-wallet-page:not(.wv2-page) .section-3 .crypto-table tbody .change-value.change-positive { color: #15af41 !important; } .light-theme .my-wallet-page:not(.wv2-page) .section-3 .crypto-table tbody .change-value.change-negative { color: #ff3131 !important; } .light-theme .my-wallet-page:not(.wv2-page) .section-3 .search-form .input-wrapper input { background: #FFFFFF80; border: 1px solid #C0C9D0; } .light-theme .my-wallet-page:not(.wv2-page) .section-3 .search-form .input-wrapper input::placeholder { color: #000000 !important; opacity: 80%; } .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .modal-content { background: #fff; border: none; } .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .balance-item, .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .form-section, .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .max-info-section, .light-theme .my-wallet-page:not(.wv2-page) .transaction-modal .protfolio-title, .light-theme .my-wallet-page:not(.wv2-page) .transaction-modal .transaction-history { background: #EEF8FF; border: 1px solid #C0C9D0; } .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .amount-section .btn-minus, .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .amount-section .btn-plus { color: #000 !important; } .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .amount-section .btn-max { color: #1a85f8 !important; } .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .amount-section .amount-input, .light-theme .my-wallet-page:not(.wv2-page) .purchase-form .cryptoDropdown .dropdown-toggle { background: #FFFFFF80; border: 1px solid #C0C9D0; } .light-theme .my-wallet-page:not(.wv2-page) .transaction-modal .table tbody td { border-bottom: 1px solid #C0C9D0; } .light-theme .my-wallet-page:not(.wv2-page) .custom-modal .modal-close-outside { background: #fff; color: #000 !important; } /* depot page & retrait page */ /* ⚠️ REGLE "NUCLEAIRE" : elle force TOUT le texte de ces deux pages en noir. Elle est indispensable a la V1 (dont le markup herite de couleurs claires), mais elle rendrait impossible tout habillage de la V2 : liens bleus, pastilles colorees et texte blanc sur bouton bleu seraient repeints en noir, et il faudrait un !important par element pour la contrer (c'est ce qui a coute 126 !important au tableau de bord V2). Les `:not(...)` l'EXCLUENT donc des variantes V2 — et UNIQUEMENT d'elles. Les pages V1 n'ont pas ces classes : leur rendu est strictement inchange. */ .light-theme .depot-page:not(.depot-v2-page) *, .light-theme .retrait-page:not(.retrait-v2-page) * { color: #000 !important; } .light-theme .depot-page .form-error, .light-theme .retrait-page .form-error { color: #ff3737 !important; } .light-theme .depot-page .card-base, .light-theme .retrait-page .card-base { background: #fff; border: 1px solid #C0C9D0; } .light-theme .depot-page .section-1 .step-label span.step-number, .light-theme .retrait-page .section-1 .step-label span.step-number { color: #b4b4b4 !important; } .light-theme .depot-page .section-1 .payment-card, .light-theme .retrait-page .section-1 .payment-card, .light-theme .depot-page .section-1 .amount-btn, .light-theme .retrait-page .section-1 .amount-btn, .light-theme .depot-page .section-1 .crypto-currency-btn, .light-theme .retrait-page .section-1 .crypto-currency-btn { border: 1px solid #C0C9D0 !important; background: #fff !important; } .light-theme .depot-page .section-1 .custom-amount input, .light-theme .retrait-page .section-1 .amount-wrapper input, .light-theme .retrait-page .section-1 .crypto-address-section input { border: 1px solid #C0C9D0 !important; background: #fff !important; } .light-theme .retrait-page .section-1 .amount-wrapper .max-btn { color: #1a85f8 !important; } .light-theme .depot-page .section-1 .payment-card.active, .light-theme .retrait-page .section-1 .payment-card.active, .light-theme .depot-page .section-1 .amount-btn.active, .light-theme .retrait-page .section-1 .amount-btn.active, .light-theme .depot-page .section-1 .crypto-currency-btn.active, .light-theme .retrait-page .section-1 .crypto-currency-btn.active { border: 1px solid #1A85F8 !important; } .light-theme .depot-page .section-1 .amount-btn.disabled, .light-theme .retrait-page .section-1 .amount-btn.disabled { background: #3a3a3a !important; } .light-theme .depot-page .section-1 .amount-btn.disabled span, .light-theme .retrait-page .section-1 .amount-btn.disabled span { color: #7a7e7e !important; } .light-theme .depot-page .section-1 .step-marker, .light-theme .retrait-page .section-1 .step-marker { border: 1px solid #666666 !important; background: #fff !important; } .light-theme .depot-page .section-1 .depot-left .depot-step:not(:last-child)::before, .light-theme .retrait-page .section-1 .depot-left .depot-step:not(:last-child)::before { background: #666666 !important; } .light-theme .depot-page .section-1 .validate-btn, .light-theme .retrait-page .section-1 .validate-btn, .light-theme .depot-page .section-1 .select-btn { color: #fff !important; } .light-theme .depot-page .section-1 .upload-icon, .light-theme .depot-page .section-1 .notice-wrapper .wallet-address img, .light-theme .depot-page .section-1 .input-icon img { filter: invert(1); } .light-theme .depot-page .section-1 .info-box, .light-theme .retrait-page .section-1 .info-box, .light-theme .depot-page .section-1 .bank-details, .light-theme .retrait-page .section-1 .bank-details { border: 1px solid #C0C9D0; } .light-theme .depot-page .section-1 .info-box h4, .light-theme .retrait-page .section-1 .info-box h4 { background: #fff; } /* Trading journal page */ .light-theme .trading-journal-page:not(.tjv2-page) * { color: #000 !important; } .light-theme .trading-journal-page:not(.tjv2-page) .form-error { color: #ff3737 !important; } .light-theme .trading-journal-page:not(.tjv2-page) .card-layout--info { border: 1px solid #C0C9D0b3; } .light-theme .trading-journal-page:not(.tjv2-page) .section-2 .journal-stats .stat-label { font-weight: 200; } .light-theme .trading-journal-page:not(.tjv2-page) .section-2 .gauge-track { stroke: #fff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .light-theme .trading-journal-page:not(.tjv2-page) .section-2 .overview-row .label { opacity: 50%; } .light-theme .trading-journal-page:not(.tjv2-page) .section-2 .overview-row .value.green span { color: #29cd57 !important; } .light-theme .trading-journal-page:not(.tjv2-page) .section-2 .overview-item:not(:last-of-type) { border-right: 1px solid #C0C9D0; } .light-theme .dropdown-toggle .arrow, .light-theme .trading-journal-page:not(.tjv2-page) .section-3 .calendar-custom-header button img, .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .pagination-wrapper img { filter: invert(1); } .light-theme .ctm-card.new-booklet .interest-select .dropdown-toggle .arrow { filter: none; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .pagination-numbers .pagination-btn, .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .pagination-numbers .pagination-btn.active { color: #181C18 !important; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .pagination-numbers .pagination-btn:hover, .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .pagination-numbers .pagination-btn.active { background: #fff !important; border: 1px solid #000; } .light-theme .trading-journal-page:not(.tjv2-page) .section-3 .calendarYearDropdown.open .calendar-year-dropdown-menu, .light-theme .trading-journal-page:not(.tjv2-page) .section-3 .chartYearDropdown.open .chart-year-dropdown-menu { background: #fff; border: 1px solid #C0C9D0; } .light-theme .trading-journal-page:not(.tjv2-page) #pnl-full-calendar .fc-daygrid-day { background: #66666666; border: 1px solid #66666600; } .light-theme .trading-journal-page:not(.tjv2-page) #pnl-full-calendar .profit-day { background: #1EBD60; border: 1px solid #C0C9D0; } .light-theme .trading-journal-page:not(.tjv2-page) #pnl-full-calendar .loss-day { background: #C52C2B; border: 1px solid #C0C9D0; } .light-theme .trading-journal-page:not(.tjv2-page) #pnl-full-calendar .day-number { color: #666666 !important; } .light-theme .trading-journal-page:not(.tjv2-page) #pnl-full-calendar .profit-day div, .light-theme .trading-journal-page:not(.tjv2-page) #pnl-full-calendar .loss-day div { color: #fff !important; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .tabs .tab.active, .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .btn-research { color: #fff !important; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .date-input-wrapper input { background: #FFFFFF; border: 1px solid #C0C9D0; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .total-profit { color: #767676 !important; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .filter-group label, .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .crypto-table thead th { opacity: 50%; } .light-theme .trading-journal-page:not(.tjv2-page) .section-5 .card-right .news-item a::before { border-color: #000 !important; } .light-theme .trading-journal-page:not(.tjv2-page) .section-5 .card-right .news-item a::after { background: #000 !important; } /* Savings dashboard page */ .light-theme .savings-dashboard-page * { color: #000 !important; } .light-theme .savings-dashboard-page .form-error { color: #ff3737 !important; } .light-theme .savings-dashboard-page .section-1.card-layout--info { border: none !important; } .light-theme .savings-dashboard-page .card-layout--info { border: 1px solid #C0C9D0b3; } .light-theme .savings-dashboard-page .section-2 .journal-stats .stat-label { font-weight: 200; } .light-theme .savings-dashboard-page .section-2 .gauge-track { stroke: #fff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .light-theme .savings-dashboard-page .section-2 .overview-row .label { opacity: 50%; } .light-theme .savings-dashboard-page .section-2 .overview-row .tooltip-text { color: #fff !important; } .light-theme .savings-dashboard-page .section-2 .overview-row .info-tooltip::before { background-image: url('../images/newPages/info-black.png'); } .light-theme .savings-dashboard-page .section-2 .overview-row .value.green span { color: #29cd57 !important; } .light-theme .savings-dashboard-page .section-2 .overview-item:not(:last-of-type) { border-right: 1px solid #313031; } .light-theme .savings-dashboard-page .pagination-wrapper img, .light-theme .savings-dashboard-page .section-6 .wallet-address img { filter: invert(1); } .light-theme .savings-dashboard-page .pagination-numbers .pagination-btn, .light-theme .savings-dashboard-page .pagination-numbers .pagination-btn.active { color: #181C18 !important; } .light-theme .savings-dashboard-page .pagination-numbers .pagination-btn:hover, .light-theme .savings-dashboard-page .pagination-numbers .pagination-btn.active { background: #fff !important; border: 1px solid #000; } .light-theme .savings-dashboard-page .section-3 .chartYearDropdown.open .chart-year-dropdown-menu { background: #fff; border: 1px solid #C0C9D0; } .light-theme .savings-dashboard-page .section-4 .tabs .tab.active, .light-theme .savings-dashboard-page .section-5 .btn-research, .light-theme .savings-dashboard-page .section-5 .contract-table tbody td.col-contract .contract-btn, .light-theme .savings-dashboard-page .section-5 .contract-table tbody td.col-action .action-btn, .light-theme .savings-dashboard-page .section-4 .invest-table tbody td.col-history .history-btn { color: #fff !important; } .light-theme .savings-dashboard-page .section-5 .date-input-wrapper input { background: #FFFFFF; border: 1px solid #C0C9D0; } .light-theme .savings-dashboard-page .section-4 .total-profit { color: #767676 !important; } .light-theme .savings-dashboard-page .section-4 .invest-table thead th, .light-theme .savings-dashboard-page .section-5 .filter-group label, .light-theme .savings-dashboard-page .section-5 .contract-table thead th { opacity: 50%; } .light-theme .savings-dashboard-page .section-4 .invest-table tbody .evolution-bar-wrapper { border: 1px solid #00000033; } .light-theme .savings-dashboard-page .section-4 .invest-table tbody .evolution-percent { color: #000 !important; } .light-theme .savings-dashboard-page .section-6 .profit-value { color: #29CD57 !important; } .light-theme .savings-dashboard-page .section-6 .info-row:nth-child(odd) { background: #D3E6FF; border: 1px solid #C0C9D0b3; } .light-theme .savings-dashboard-page .section-6 .info-box { border: 1px solid #C0C9D0; } .light-theme .savings-dashboard-page .section-6 .info-box h4 { background: #EEF8FF; } .light-theme .savings-dashboard-page .section-6 .owl-theme .owl-dots .owl-dot span { background: #000; } .light-theme .savings-dashboard-page .section-1 .hero-title, .light-theme .savings-dashboard-page .section-1 .profit-label, .light-theme .savings-dashboard-page .section-1 .livret-item span { color: #fff !important; } .light-theme .savings-dashboard-page .section-1 .profit-value { color: #29CD57 !important; } .light-theme .savings-dashboard-page .section-4 .custom-modal .modal-content { background: #fff; border: none; } .light-theme .savings-dashboard-page .section-4 .custom-modal .modal-close-outside { background: #fff; color: #000 !important; } .light-theme .savings-dashboard-page .section-4 .history-modal .protfolio-title, .light-theme .savings-dashboard-page .section-4 .history-modal .transaction-history { background: #EEF8FF; border: 1px solid #C0C9D0; } .light-theme .savings-dashboard-page .section-4 .history-modal .table thead th, .light-theme .savings-dashboard-page .section-6 .crypto-table thead th { opacity: 50%; } .light-theme .savings-dashboard-page .section-4 .history-modal .table tbody td { border-bottom: 1px solid #C0C9D0; } .light-theme .savings-dashboard-page .section-6 .crypto-table tbody .crypto-row:hover { background: #D3E6FF; border: 1px solid #C0C9D0b3; } .light-theme .savings-dashboard-page .section-5 .finaliser-modal .modal-content, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .modal-close-outside { background-color: #FFFFFF; } .light-theme .savings-dashboard-page .section-5 .finaliser-modal .protfolio-title, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section1, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section3, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section4, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section5, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section6 { background-color: #F3EFEF; border-color: #C9C9C9; } .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section2 .rib-item { background-color: #F3EFEF; border: 1px solid #C9C9C9; } .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section1 .rib-value, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section5 .rib-value { font-weight: 300; color: #6E6E6E !important; } .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section2 .rib-box, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section3 .rib-box, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section4 .rib-box { font-style: normal; font-weight: 300; color: #6E6E6E !important; } .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section6 button, .light-theme .savings-dashboard-page .section-5 .finaliser-modal .rib-section6 .upload-proof span { color: #fff !important; } /* contact page */ .light-theme .contact-page * { color: #000 !important; } .light-theme .contact-page .card-layout { background: #fff; border: 1px solid #C0C9D0b3; } .light-theme .contact-page .section-1 .advisor-card .advisor-details .icon-wrapper img { filter: invert(1); } .light-theme .contact-page .section-1 .advisor-form .advisor-message-form .form-actions .btn-contact, .light-theme .contact-page .section-1 .advisor-form .advisor-message-form .form-group textarea { color: #fff !important; } @media (max-width: 768px) { .light-theme .mobile-back-bar, .light-theme .top-bar, .light-theme #menuContent .user_detail, .light-theme #menuContent .bg_mobile_menu { background: #EEF8FF; border-color: #C0C9D0b3; } .light-theme .mobile-bottom-nav .nav-item-wrapper { background: #EEF8FF; border-color: #C0C9D0; } .light-theme .mobile-back-bar .back-to-menu img, .light-theme .mobile-bottom-nav .nav-item img, .light-theme #menuContent .user_detail .language_option img { filter: invert(1); } .light-theme .mobile-back-bar .back-to-menu span, .light-theme .mobile-back-bar .close-page, .light-theme .top-bar .name_date p span, .light-theme .mobile-bottom-nav .nav-item span, .light-theme #menuContent .user_detail .account_username, .light-theme #menuContent .bg_mobile_menu .menu_title_div p { color: #000; } .light-theme .mobile-bottom-nav { background-color: #fff; } .light-theme #menuContent .bg_mobile_menu p.bgTop::after { color: #fff; } .light-theme .personal-info-page:not(.piv2-page) .section-1 h2.card-title img, .light-theme .personal-info-page:not(.piv2-page) .section-2 h2.card-title img { filter: invert(1); } .light-theme .edit-password-page .card-layout--info, .light-theme .depot-page .card-base, .light-theme .retrait-page .card-base, .light-theme .my-wallet-page:not(.wv2-page) .card-layout--info, .light-theme .nos-robots-page .card-base { border: none; background-color: transparent; } .light-theme .edit-password-page .section-1 .personal-info-form .form-section, .light-theme .depot-page .section-1 .depot-step, .light-theme .retrait-page .section-1 .depot-step { background: #fff; border-color: #C0C9D0b3; } .light-theme .center-auth-page .section-5 .face-oval-guide svg .face-oval { stroke: #000; } .light-theme .center-auth-page .section-5 .selfie-capture-button { border-color: #000; } .light-theme .center-auth-page .section-5 .capture-button-inner { background-color: #000; } .light-theme .my-wallet-page:not(.wv2-page) .section-1 .card-header, .light-theme .my-wallet-page:not(.wv2-page) .section-1 .wallet-stats, .light-theme .my-wallet-page:not(.wv2-page) .section-2 .converter-header, .light-theme .my-wallet-page:not(.wv2-page) .section-2 .converter-form { background: #EEF8FF; border-color: #C0C9D0b3; } .light-theme .contact-page * { color: #000 !important; } .light-theme .contact-page .card-layout { background: transparent; border: none; } .light-theme .contact-page .section-1 .card-header, .light-theme .contact-page .section-1 .advisor-card, .light-theme .contact-page .section-1 .advisor-form { background: #fff; border-color: #C0C9D0b3; } .light-theme .contact-page .section-1 .advisor-form .advisor-message-form .form-actions .btn-contact, .light-theme .contact-page .section-1 .advisor-form .advisor-message-form .form-group textarea { color: #fff !important; } .light-theme .finance-hist-page .section-1 .finance-summary-carousel .summary-item, .light-theme .finance-hist-page .section-1 .filter-wrapper { background: #fff; border-color: #C0C9D0b3; } .light-theme .finance-hist-page .section-1 .financeDropdown .finance-dropdown-menu li.active, .light-theme .finance-hist-page .section-1 .financeDropdown .finance-dropdown-menu li:hover { color: #fff !important; background-color: #8b8d8b; border: none; border-bottom: 1px solid #B4B4B457; } .light-theme .nos-robots-page .section-1 .section-header { background: #EEF8FF; border-color: #C0C9D0b3; } .light-theme .nos-robots-page .section-1 .content-block .amount-input { background: #FFFFFF80; border-color: #C0C9D0; } .light-theme .our-booklet-page .savings-panel, .light-theme .our-project-page .savings-panel { background-color: transparent; border: none; } .light-theme .our-booklet-page .savings-container .savings-tab.mobile-position, .light-theme .our-project-page .savings-container .savings-tab.mobile-position, .light-theme .our-booklet-page .savings-container .savings-tab, .light-theme .our-project-page .savings-container .savings-tab { background: #EEF8FF; border-color: #C0C9D0b3; } .light-theme .our-booklet-page .savings-panel .card-layout .ctm-card, .light-theme .our-project-page .savings-panel .card-layout .ctm-card { background: #fff; border-color: #929698b3; } .light-theme .our-booklet-page .savings-container .savings-tab.is-active, .light-theme .our-project-page .savings-container .savings-tab.is-active { border-color: #1A85F880; } .light-theme .our-booklet-page .hero-4-box { border: none; } .light-theme .our-booklet-page .ctm-card-mobile { border-color: #929698b3; } .light-theme .our-booklet-page .ctm-card-mobile.new-booklet .details-block:not(.env-block) { border-color: #76767680; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4.card-layout--info, .light-theme .trading-journal-page:not(.tjv2-page) .section-6.card-layout--info { background-color: transparent; border: none; } .light-theme .trading-journal-page:not(.tjv2-page) .section-4.card-layout--info .sec4-card-wrapper, .light-theme .trading-journal-page:not(.tjv2-page) .section-4 .sec4-mobile-cards .trade-card, .light-theme .trading-journal-page:not(.tjv2-page) .section-6 .card-header, .light-theme .trading-journal-page:not(.tjv2-page) .section-6 .sec6-mobile-cards .trade-card { background: #EEF8FF; border-color: #C0C9D0b3; } .light-theme .savings-dashboard-page .section-4.card-layout--info { background-color: transparent; border: none; } .light-theme .savings-dashboard-page .section-4.card-layout--info .sec4-card-wrapper, .light-theme .savings-dashboard-page .section-5.card-layout--info .sec5-card-wrapper, .light-theme .savings-dashboard-page .section-4 .sec4-mobile-cards .trade-card, .light-theme .savings-dashboard-page .section-5 .sec5-mobile-cards .trade-card, .light-theme .savings-dashboard-page .section-6 .portfolio-item { background: #EEF8FF; border-color: #C0C9D0b3; } .light-theme .savings-dashboard-page .section-4 .sec4-mobile-cards .trade-card .trade-list li .evolution-bar-wrapper { border: 1px solid #00000033; } .light-theme .savings-dashboard-page .section-4 .sec4-mobile-cards .trade-card .trade-list li .evolution-percent { color: #000 !important; } .light-theme .savings-dashboard-page .section-4 .sec4-mobile-cards .trade-card .trade-list li .history-btn, .light-theme .savings-dashboard-page .section-5 .sec5-mobile-cards .trade-card .contract-btn, .light-theme .savings-dashboard-page .section-5 .sec5-mobile-cards .trade-card .action-btn { color: #fff !important; } .light-theme .savings-dashboard-page .section-6 .crypto-table tbody td span { color: #000 !important; } } /* ==== Regles UNIQUES au trading light_theme, fusionnees ici (toutes scopees trading: body.dashboard-bitcoin-page / #myModal-* / .bgWork / .rate-box-button ... -> inoffensives ailleurs) ==== */ .light-theme body.dashboard-bitcoin-page .logo { filter: brightness(0); } .light-theme body.dashboard-bitcoin-page #myModal-Order .second_div input, .light-theme body.dashboard-bitcoin-page #myModal-Pending .second_div input { color: #000; } .light-theme .rate-box-button { background-color: #267DF1 !important; color: #fff !important; } .light-theme #myModal-Order .second_div input, .light-theme #myModal-Pending .second_div input { color: #000 !important; } .light-theme body.dashboard-bitcoin-page .crypto-ul li:hover:not(.li-item-selected) { background-color: #EAF2FF !important; } .light-theme body.dashboard-bitcoin-page .bg_home_menu li.active_menu a { background: #EAF2FF !important; } .light-theme body.dashboard-bitcoin-page .header_right .header_end .name_date .greeting-hello { color: #181C18 !important; } @media (max-width: 767px) { .light-theme body.dashboard-bitcoin-page #footer .login_footer_div .icon_div p { color: #181C18; } .light-theme body.dashboard-bitcoin-page #footer .login_footer_div img { filter: invert(1); } .light-theme body.dashboard-bitcoin-page .cont-left.menu_page_mobile.bgWork { background-color: #EEF8FF; } .light-theme body.dashboard-bitcoin-page .bgWork .submenu li a { color: #000; } } /* Zone de trading : messages d'erreur (#process_message*) = blanc (miniF.css:853) -> INVISIBLES sur fond clair. En light mode on les passe en ROUGE (message d'erreur, lisible sur blanc). Dark inchange (reste blanc). !important pour battre `#process_message{color:#fff}` (id) + tout wildcard eventuel de la zone trading. */ .light-theme #process_message, .light-theme #process_message_mobile, .light-theme #process_message_limit, .light-theme #process_message_limit_mobile { color: #D32F2F !important; } /* Trading non-fofo : valeur de la ligne Exposition = blanche en dark (trading_c.css) -> invisible sur fond clair. En light mode -> texte sombre. (Le label #9aa0a6 reste lisible sur les 2 fonds.) */ .light-theme .nonfofo-exp-line .nonfofo-exp-val { color: #181C18 !important; } /* Trading non-fofo : sigle devise (span des boites Montant) = gris clair en dark (trading_c.css). En light -> gris fonce pour rester lisible sur fond clair. */ .light-theme .cont-color-main .second_div span, .light-theme .first_input_div .second_div span { color: #666 !important; }