/* ===================================================================== SCOUTR 2.0 - overschrijvingen voor de CSS van de leverancier MACHINAAL GEGENEERD door tools/vendor-kleuren.py. Niet met de hand bewerken: de volgende run overschrijft het. style.css is het lichte thema van QuickDate. Zolang night.css eroverheen lag viel dat niet op; nu Scoutr 2.0 zelf donker is komen zijn witte vlakken en zijn magenta #CC42BD weer bovendrijven. Laadt NA scoutr-app.css. Wat daar met de hand gedaan is, staat in OVERSLAAN in het script en komt hier dus niet in voor. ===================================================================== */ /* --- lichte vlakken worden kampdoek (94 selectoren) --- */ .sc .bg_white { background-color: var(--sc-kampdoek) !important; } .sc .input-field>label:not(.label-icon).active { background-color: var(--sc-kampdoek) !important; } .sc .dt_sections { background-color: var(--sc-kampdoek) !important; } .sc .boost-running { background-color: var(--sc-kampdoek) !important; } .sc .dt_mini_sidebar_links:before { background-color: var(--sc-kampdoek) !important; } .sc .dt_left_sidebar { background-color: var(--sc-kampdoek) !important; } .sc .dt_left_sidebar.pro .pro_usrs_container .pro_usr div { background-color: var(--sc-kampdoek) !important; } .sc .white_bg { background-color: var(--sc-kampdoek) !important; } .sc .dt_index_random_users .user { background-color: var(--sc-kampdoek) !important; } .sc .dt_index_pro_users .user { background-color: var(--sc-kampdoek) !important; } .sc .dt_index_footinnr .top .subscribe input { background-color: var(--sc-kampdoek) !important; } .sc .dt_hdr_sec_links ul li a { background-color: var(--sc-kampdoek) !important; } .sc .dt_test_white_bg { background-color: var(--sc-kampdoek) !important; } .sc .dt_test_bg { background-color: var(--sc-kampdoek) !important; } .sc .dt_test_title .dt_heading_top_line { background-color: var(--sc-kampdoek) !important; } .sc .dt_testimonial_slide { background-color: var(--sc-kampdoek) !important; } .sc .dt_terms_sidebar ul li.active a { background-color: var(--sc-kampdoek) !important; } .sc .dt_terms h2.bold.terms:before { background-color: var(--sc-kampdoek) !important; } .sc .dt_signup_steps .progress .determinate { background-color: var(--sc-kampdoek) !important; } .sc .slider_container.center .line .dot.zero { background-color: var(--sc-kampdoek) !important; } .sc .slider_container.full .line .dot.zero, .sc .slider_container.full .line .dot.center { background-color: var(--sc-kampdoek) !important; } .sc .dt_selct_avatar { background-color: var(--sc-kampdoek) !important; } .sc .otp_head svg { background-color: var(--sc-kampdoek) !important; } .sc .otp_head > .row button { background-color: var(--sc-kampdoek) !important; } .sc .dt_user_profile, .sc .dt_user_about .about_block .dt_profile_info { background-color: var(--sc-kampdoek) !important; } .sc .dt_cp_bar_add_photos, .sc .dt_cp_bar_add_videos { background-color: var(--sc-kampdoek) !important; } .sc .dt_cp_photos_list .dt_cp_l_photos:nth-child(odd) .inline { background-color: var(--sc-kampdoek) !important; } .sc .dt_cp_photos_list .dt_cp_l_photos:nth-child(even) .inline { background-color: var(--sc-kampdoek) !important; } .sc .dt_profile_side .avatar > a { background-color: var(--sc-kampdoek) !important; } .sc .dt_profile_side .progress { background-color: var(--sc-kampdoek) !important; } .sc .dt_user_social ul li .soc_icon { background-color: var(--sc-kampdoek) !important; } .sc .dt_user_prof_complt .progress { background-color: var(--sc-kampdoek) !important; } .sc .dt_profile_about_action a { background-color: var(--sc-kampdoek) !important; } .sc .dt_profile_about_action a.lk_active { background-color: var(--sc-kampdoek) !important; } .sc .dt_new_home_filter .filter_tabs .tab a { background-color: var(--sc-kampdoek) !important; } .sc .dt_new_home_filter .search_filters { background-color: var(--sc-kampdoek) !important; } .sc .dt_new_home_filter .search_filters .dt_hm_filtr_loc label b { background-color: var(--sc-kampdoek) !important; } .sc .dt_home_filters_head p { background-color: var(--sc-kampdoek) !important; } .sc .dt_home_filters .collapsible { background-color: var(--sc-kampdoek) !important; } .sc .dt_home_filters .collapsible .filter_tabs li a.active { background-color: var(--sc-kampdoek) !important; } .sc .dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-webkit-slider-runnable-track { background-color: var(--sc-kampdoek) !important; } .sc .dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-moz-range-track { background-color: var(--sc-kampdoek) !important; } .sc .dt_home_filters .collapsible .search_filters form .input-field { background-color: var(--sc-kampdoek) !important; } .sc .dt_home_filters .collapsible .search_filters form p label [type="radio"]:checked+span:after, .sc .dt_home_filters .collapsible .search_filters form p label [type="radio"].with-gap:checked+span:after { background-color: var(--sc-kampdoek) !important; } .sc .mtc_usrd_content .mtc_usrd_slider .carousel { background-color: var(--sc-kampdoek) !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar { background-color: var(--sc-kampdoek) !important; } .sc .dt_msg_box .msg_container .m_search { background-color: var(--sc-kampdoek) !important; } .sc .dt_msg_box .msg_container .m_search .dt_srch_msg_progress .progress { background-color: var(--sc-kampdoek) !important; } .sc .dt_msg_box .msg_container button.msg_requests:before { background-color: var(--sc-kampdoek) !important; } .sc .dt_msg_box .msg_container button.msg_requests span:hover { background-color: var(--sc-kampdoek) !important; } .sc .dt_msg_box .msg_container .m_body { background-color: var(--sc-kampdoek) !important; } .sc .dt_msg_box .msg_container .m_body .m_conversation .m_con_item:hover { background-color: var(--sc-kampdoek) !important; } .sc .dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_avatar { background-color: var(--sc-kampdoek) !important; } .sc .dt_credits { background-color: var(--sc-kampdoek) !important; } .sc .credit_ftr .ico.discover { background-color: var(--sc-kampdoek) !important; } .sc .dt_go_pro_plan { background-color: var(--sc-kampdoek) !important; } .sc .dt_go_pro_plan .foot button { background-color: var(--sc-kampdoek) !important; } .sc .dt_premium .dt_choose_pro p label .pln_name { background-color: var(--sc-kampdoek) !important; } .sc .dt_settings_side_links li a.active:before { background-color: var(--sc-kampdoek) !important; } .sc .dt_settings_bg_wrap, .sc .dt_settings > form.col, .sc .dt_settings > form.col.profile .sett_prof_cont, .sc .dt_contact > .row > form.col, .sc .dt_usr_pmnt_cont { background-color: var(--sc-kampdoek) !important; } .sc .dt_sett_top_menu:before { background-color: var(--sc-kampdoek) !important; } .sc .dt_settings form .select-wrapper+label, .sc .twocheckout_modal .select-wrapper+label { background-color: var(--sc-kampdoek) !important; } .sc .round_check .circle { background-color: var(--sc-kampdoek) !important; } .sc .switch input[type=checkbox]:checked+.round_check { background-color: var(--sc-kampdoek) !important; } .sc .alert { background-color: var(--sc-kampdoek) !important; } .sc .alert-info { background-color: var(--sc-kampdoek) !important; } .sc .alert-success { background-color: var(--sc-kampdoek) !important; } .sc .alert-warning { background-color: var(--sc-kampdoek) !important; } .sc .alert-danger { background-color: var(--sc-kampdoek) !important; } .sc .dt_ajax_progress { background-color: var(--sc-kampdoek) !important; } .sc .dt_bank_trans_modal .dt_user_profile { background-color: var(--sc-kampdoek) !important; } .sc .upload_bank_receipts > div { background-color: var(--sc-kampdoek) !important; } .sc .success_story_item .qd_story_card_usr_imgs a { background-color: var(--sc-kampdoek) !important; } .sc .success_story_item .qd_story_card_usr_imgs svg { background-color: var(--sc-kampdoek) !important; } .sc .success_story_item .qd_story_card_usr_info .qd_story_card_usr_sep { background-color: var(--sc-kampdoek) !important; } .sc .storydesc { background-color: var(--sc-kampdoek) !important; } .sc .dt_read_story_quote time { background-color: var(--sc-kampdoek) !important; } .sc .dt_transaction_table tbody tr td { background-color: var(--sc-kampdoek) !important; } .sc .dt_transaction_table tbody tr:nth-of-type(odd) td { background-color: var(--sc-kampdoek) !important; } .sc .qd_blog_srch input[type=text]:not(.browser-default) { background-color: var(--sc-kampdoek) !important; } .sc .qd_blog_srch span { background-color: var(--sc-kampdoek) !important; } .sc .article_of_the_day > h3:before { background-color: var(--sc-kampdoek) !important; } .sc .article_of_the_day_list { background-color: var(--sc-kampdoek) !important; } .sc .article_of_the_day_list_bg button, .sc .article_of_the_day_list_bg a { background-color: var(--sc-kampdoek) !important; } .sc .topic_match_for_you_cats a { background-color: var(--sc-kampdoek) !important; } .sc .qd_blog_lists .qd_blog_list_info h5:before { background-color: var(--sc-kampdoek) !important; } .sc .qd_hot_not .mtc_usrd_slider { background-color: var(--sc-kampdoek) !important; } .sc .qd_sett_sessions .first > span { background-color: var(--sc-kampdoek) !important; } .sc .info_select_radio_btn > label > input:checked ~ .sr_btn_lab_innr .round_check { background-color: var(--sc-kampdoek) !important; } .sc code pre { background-color: var(--sc-kampdoek) !important; } .sc .dt_create_apps_img { background-color: var(--sc-kampdoek) !important; } .sc .dt_live_users .particle { background-color: var(--sc-kampdoek) !important; } .sc .dt_live_users .particle:before, .sc .dt_live_users .particle:after { background-color: var(--sc-kampdoek) !important; } .sc .city_search_result { background-color: var(--sc-kampdoek) !important; } /* --- de oude magenta als TEKST wordt het leesbare roze (54) --- Niet --sc-roze: dat haalt 3.83 op kampdoek en zakt daarmee onder de AA-grens van 4.5 voor lopende tekst. --sc-roze-tekst haalt 5.40. */ .sc .text-main { color: var(--sc-roze-tekst) !important; } .sc .select-wrapper input.select-dropdown:focus { color: var(--sc-roze-tekst) !important; } .sc a.prem:hover { color: var(--sc-roze-tekst) !important; } .sc .boosted_message_expire span { color: var(--sc-roze-tekst) !important; } .sc .boost-running { color: var(--sc-roze-tekst) !important; } .sc .home_usr_sct > div > span p b { color: var(--sc-roze-tekst) !important; } .sc .home_usr_stats b { color: var(--sc-roze-tekst) !important; } .sc .dt_left_sidebar .menu > li > a:hover { color: var(--sc-roze-tekst) !important; } .sc .dt_left_sidebar .menu > li > a.active { color: var(--sc-roze-tekst) !important; } .sc .dt_index_random_users .user p { color: var(--sc-roze-tekst) !important; } .sc .header_bg h1 span { color: var(--sc-roze-tekst) !important; } .sc .dt_index_pro_users .user p { color: var(--sc-roze-tekst) !important; } .sc .dt_header_how_works_innr p { color: var(--sc-roze-tekst) !important; } .sc .dt_testimonial_slide .hdr > h3 { color: var(--sc-roze-tekst) !important; } .sc .dt_get_start p { color: var(--sc-roze-tekst) !important; } .sc .dt_login .input-field input+label, .sc .dt_signup_steps .input-field input+label, .sc .dt_signup_steps .input-field .select-wrapper+label, .sc .dt_hdr_filters .input-field .select-wrapper+label { color: var(--sc-roze-tekst) !important; } .sc .dt_login_footer > a { color: var(--sc-roze-tekst) !important; } .sc .steps_header_steps li div { color: var(--sc-roze-tekst) !important; } .sc .slider-form .step_footer p { color: var(--sc-roze-tekst) !important; } .sc .choose_photo p, .sc .webcam_photo_verification p { color: var(--sc-roze-tekst) !important; } .sc .dt_othr_ur_info p b { color: var(--sc-roze-tekst) !important; } .sc .dt_intrst_chip { color: var(--sc-roze-tekst) !important; } .sc .dt_intrst_chip:hover, .sc .dt_user_social ul li a:hover, .sc .qd_read_blog_tags li a:hover, .sc .qd_read_blog_share li a:hover { color: var(--sc-roze-tekst) !important; } .sc .dt_profile_about_action .like a svg { color: var(--sc-roze-tekst) !important; } .sc .dt_profile_about_action a.lk_active svg { color: var(--sc-roze-tekst) !important; } .sc .dt_user_about .about_block .dt_profile_info h5 { color: var(--sc-roze-tekst) !important; } .sc .dt_user_about .about_block .dt_profile_info p { color: var(--sc-roze-tekst) !important; } .sc .dt_new_home_filter .dt_home_filters_head p span { color: var(--sc-roze-tekst) !important; } .sc .dt_new_home_filter .filter_tabs .tab a { color: var(--sc-roze-tekst) !important; } .sc .dt_new_home_filter .filter_tabs .tab a:hover { color: var(--sc-roze-tekst) !important; } .sc .dt_new_home_filter .filter_tabs .tab a.active { color: var(--sc-roze-tekst) !important; } .sc .dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive:before { color: var(--sc-roze-tekst) !important; } .sc .dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive p { color: var(--sc-roze-tekst) !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5 { color: var(--sc-roze-tekst) !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5 a { color: var(--sc-roze-tekst) !important; } .sc .dt_msg_box .msg_container button.msg_requests span.active { color: var(--sc-roze-tekst) !important; } .sc .dt_go_pro_plan .foot button { color: var(--sc-roze-tekst) !important; } .sc .dt_settings_side_links li a:hover svg { color: var(--sc-roze-tekst) !important; } .sc .dt_settings_side_links li a.active { color: var(--sc-roze-tekst) !important; } .sc .dt_pop_level h2 span { color: var(--sc-roze-tekst) !important; } .sc .dropdown-content.autocomplete-content li .highlight { color: var(--sc-roze-tekst) !important; } .sc .load_more { color: var(--sc-roze-tekst) !important; } .sc .success_story_item .qd_story_card_usr_imgs svg { color: var(--sc-roze-tekst) !important; } .sc .success_story_item .qd_story_card_usr_info svg { color: var(--sc-roze-tekst) !important; } .sc .qd_rstroy_thumbs span { color: var(--sc-roze-tekst) !important; } .sc .article_of_the_day_list_bg button, .sc .article_of_the_day_list_bg a { color: var(--sc-roze-tekst) !important; } .sc .topic_match_for_you_cats a { color: var(--sc-roze-tekst) !important; } .sc .topic_match_for_you_cats.side a:hover { color: var(--sc-roze-tekst) !important; } .sc .qd_read_blog_tags li a { color: var(--sc-roze-tekst) !important; } .sc .qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary .usr_name { color: var(--sc-roze-tekst) !important; } .sc .qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary .usr_name a { color: var(--sc-roze-tekst) !important; } .sc .dt_prof_vid_play_ico svg { color: var(--sc-roze-tekst) !important; } .sc .dt_deve_step ol li::marker { color: var(--sc-roze-tekst) !important; } .sc .dt_lang_modal li a { color: var(--sc-roze-tekst) !important; } /* --- te flauwe witte tekst wordt leesbaar (0) --- rgba(255,255,255,.3) en dergelijke haalt 2.46 op onze grond. */ /* --- donkere tekst op een donkere grond wordt leesbaar (200) --- Elke tekstkleur uit style.css die voor een LICHTE achtergrond bedoeld was. #737373 haalde 3.25 op kampdoek. */ .sc .input-field>label { color: var(--sc-tekst-zacht) !important; } .sc .text-main { color: var(--sc-tekst-zacht) !important; } .sc .select-wrapper input.select-dropdown:focus { color: var(--sc-tekst-zacht) !important; } .sc .select-wrapper .dropdown-content li>span { color: var(--sc-tekst-zacht) !important; } .sc [tooltip]:not([flow])::before, .sc [tooltip][flow^="up"]::before { color: var(--sc-tekst-zacht) !important; } .sc [tooltip][flow^="down"]::before { color: var(--sc-tekst-zacht) !important; } .sc [tooltip][flow^="left"]::before { color: var(--sc-tekst-zacht) !important; } .sc [tooltip][flow^="right"]::before { color: var(--sc-tekst-zacht) !important; } .sc a.prem:hover { color: var(--sc-tekst-zacht) !important; } .sc 50% { color: var(--sc-tekst-zacht) !important; } .sc .boosted_message_expire span { color: var(--sc-tekst-zacht) !important; } .sc .boost-running { color: var(--sc-tekst-zacht) !important; } .sc .dt_mini_sidebar_links ul li a { color: var(--sc-tekst-zacht) !important; } .sc .dt_mini_sidebar_links ul li.vis a:hover { color: var(--sc-tekst-zacht) !important; } .sc .dt_mini_sidebar_links ul li.lik a:hover { color: var(--sc-tekst-zacht) !important; } .sc .dt_mini_sidebar_links ul li.vis.active a { color: var(--sc-tekst-zacht) !important; } .sc .dt_mini_sidebar_links ul li.lik.active a { color: var(--sc-tekst-zacht) !important; } .sc .home_usr_sct > div > span h3 a { color: var(--sc-tekst-zacht) !important; } .sc .home_usr_sct > div > span p a { color: var(--sc-tekst-zacht) !important; } .sc .home_usr_sct > div > span p b { color: var(--sc-tekst-zacht) !important; } .sc .home_usr_stats b { color: var(--sc-tekst-zacht) !important; } .sc .dt_left_sidebar .menu > li > a:hover { color: var(--sc-tekst-zacht) !important; } .sc .dt_left_sidebar .menu > li > a.active { color: var(--sc-tekst-zacht) !important; } .sc .dt_left_sidebar.pro .dt_home_pro_usr h4 { color: var(--sc-tekst-zacht) !important; } .sc .dt_right_side_story_list > a { color: var(--sc-tekst-zacht) !important; } .sc .dt_right_side_story_list p { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_random_users .user h6 { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_random_users .user p { color: var(--sc-tekst-zacht) !important; } .sc .header_bg h1 span { color: var(--sc-tekst-zacht) !important; } .sc .header_bg h5 { color: var(--sc-tekst-zacht) !important; } .sc .header_bg .main-know-bttn { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_pro_users .user h6 { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_pro_users .user p { color: var(--sc-tekst-zacht) !important; } .sc .dt_header_short_desc_innr h2 { color: var(--sc-tekst-zacht) !important; } .sc .dt_header_short_desc_innr p { color: var(--sc-tekst-zacht) !important; } .sc .dt_header_how_works_innr p { color: var(--sc-tekst-zacht) !important; } .sc .dt_header_how_works_innr h2 { color: var(--sc-tekst-zacht) !important; } .sc .dt_header_how_works_innr.flip h2 { color: var(--sc-tekst-zacht) !important; } .sc .dt_header_how_works_innr.flip p { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_footinnr .top h5 { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_footinnr .top h6 { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_footinnr .top a, .sc .dt_index_footinnr .bottom a { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_footinnr .top .subscribe svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_footinnr .top .social_btn { color: var(--sc-tekst-zacht) !important; } .sc .dt_index_footinnr .copyright { color: var(--sc-tekst-zacht) !important; } .sc .dt_hdr_sec_links ul li a { color: var(--sc-tekst-zacht) !important; } .sc .dt_ltst_users a { color: var(--sc-tekst-zacht) !important; } .sc .dt_test_title h3 { color: var(--sc-tekst-zacht) !important; } .sc .dt_testimonial_slide .hdr > h3 { color: var(--sc-tekst-zacht) !important; } .sc .dt_testimonial_slide p { color: var(--sc-tekst-zacht) !important; } .sc .dt_get_start p { color: var(--sc-tekst-zacht) !important; } .sc .dt_get_start h4 { color: var(--sc-tekst-zacht) !important; } .sc .page_footer .footer-copyright, .sc .page_footer .footer-copyright a { color: var(--sc-tekst-zacht) !important; } .sc .dt_footer_links li a:hover, .sc .page_footer .footer-copyright .dt_foot_langs > a:hover, .sc .dt_login_foot_innr .dt_foot_langs > a:hover { color: var(--sc-tekst-zacht) !important; } .sc .dt_foot_langs > .dropdown-content > li > a { color: var(--sc-tekst-zacht) !important; } .sc .dt_terms_sidebar ul li a { color: var(--sc-tekst-zacht) !important; } .sc .dt_terms_sidebar ul li a:hover { color: var(--sc-tekst-zacht) !important; } .sc .otp_head svg { color: var(--sc-tekst-zacht) !important; } .sc .otp_head > .row button { color: var(--sc-tekst-zacht) !important; } .sc .dt_cp_bar_add_photos:hover svg, .sc .dt_cp_bar_add_videos:hover svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_cp_bar_add_photos .inline b, .sc .dt_cp_bar_add_videos .inline b { color: var(--sc-tekst-zacht) !important; } .sc .dt_cp_photos_list .dt_cp_l_photos .inline { color: var(--sc-tekst-zacht) !important; } .sc .dt_othr_ur_info p b { color: var(--sc-tekst-zacht) !important; } .sc .dt_profile_side .dt_usr_opts_mnu .dropdown-content li > a { color: var(--sc-tekst-zacht) !important; } .sc .dt_intrst_chip { color: var(--sc-tekst-zacht) !important; } .sc .dt_intrst_chip:hover, .sc .dt_user_social ul li a:hover, .sc .qd_read_blog_tags li a:hover, .sc .qd_read_blog_share li a:hover { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_likes ul li a { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_likes ul li a span { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_pro_info ul li a:not(.prem) { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_pro_info ul li a:not(.prem):hover { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_social ul li a { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_social ul li .soc_icon { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_social ul li .soc_info p { color: var(--sc-tekst-zacht) !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar.dt_profile_about_side .mtc_usrd_summary .edit, .sc .mtc_usrd_content .mtc_usrd_sidebar.flex_btn .mtc_usrd_summary .edit { color: var(--sc-tekst-zacht) !important; } .sc .dt_profile_about_action a { color: var(--sc-tekst-zacht) !important; } .sc .dt_profile_about_action .like a svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_profile_about_action a.lk_active svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_profile_about_action a.dk_active { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_about .about_block h4 span .edit_link, .sc .dt_user_info .info .combo .user_btn { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_about .about_block .dt_profile_info h5 { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_about .about_block .dt_profile_info p { color: var(--sc-tekst-zacht) !important; } .sc .dt_user_about .about_block .dt_profile_info p.info_title { color: var(--sc-tekst-zacht) !important; } .sc .dt_modal_user_list_profile a { color: var(--sc-tekst-zacht) !important; } .sc .dt_modal_user_vlist_profile a { color: var(--sc-tekst-zacht) !important; } .sc .dt_how_to_verfy_alrt b span { color: var(--sc-tekst-zacht) !important; } .sc .dt_new_home_filter .dt_home_filters_head p span { color: var(--sc-tekst-zacht) !important; } .sc .dt_new_home_filter .filter_tabs .tab a { color: var(--sc-tekst-zacht) !important; } .sc .dt_new_home_filter .filter_tabs .tab a:hover { color: var(--sc-tekst-zacht) !important; } .sc .dt_new_home_filter .filter_tabs .tab a.active { color: var(--sc-tekst-zacht) !important; } .sc .dt_new_home_filter .search_filters p label [type="checkbox"].filled-in:checked+span { color: var(--sc-tekst-zacht) !important; } .sc .dt_new_home_filter .search_filters p.range-field .range { color: var(--sc-tekst-zacht) !important; } .sc .dt_new_home_filter .search_filters .dt_hm_filtr_loc label b { color: var(--sc-tekst-zacht) !important; } .sc .find_matches_cont .home_short_links .home_usr_link li a { color: var(--sc-tekst-zacht) !important; } .sc .find_matches_cont .home_short_links .home_usr_link li a:hover { color: var(--sc-tekst-zacht) !important; } .sc .find_matches_cont .home_short_links .home_usr_link li.fnd.active a { color: var(--sc-tekst-zacht) !important; } .sc .find_matches_cont .home_short_links .home_usr_link li.vis.active a { color: var(--sc-tekst-zacht) !important; } .sc .find_matches_cont .home_short_links .home_usr_link li.lik.active a { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_pro_usr .pro_usrs_container .pro_usr a { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters_head p svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .dt_home_filters_head p svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible > li > .main_fltr_close { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible .filter_tabs li a { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible .filter_tabs li a.active { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible .search_filters form h5 { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible .search_filters form p label { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible .search_filters form p label [type="checkbox"].filled-in:checked+span { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible .search_filters form .input-field .select-wrapper input.select-dropdown { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_filters .collapsible .search_filters form .input-field input[type=text]:not(.browser-default) { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive:before { color: var(--sc-tekst-zacht) !important; } .sc .dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive p { color: var(--sc-tekst-zacht) !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5 { color: var(--sc-tekst-zacht) !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5 a { color: var(--sc-tekst-zacht) !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar .sidebar_usr_info p { color: var(--sc-tekst-zacht) !important; } .sc .dt_slide_menu { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_header h2 { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_search .search_input input { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_search .search_input input::placeholder { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_search .search_input > svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .chat_filter { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container button.msg_requests span.active { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_name span { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_time { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_snippet { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_body .m_conversation .m_con_item.active .m_c_item_time { color: var(--sc-tekst-zacht) !important; } .sc .dt_msg_box .msg_container .m_body .m_conversation .m_con_item.active .m_c_item_snippet { color: var(--sc-tekst-zacht) !important; } .sc .dt_go_pro_plan .foot button { color: var(--sc-tekst-zacht) !important; } .sc .dt_go_pro_plan.special .head, .sc .dt_go_pro_plan.special .foot { color: var(--sc-tekst-zacht) !important; } .sc .dt_premium .dt_p_head h2 { color: var(--sc-tekst-zacht) !important; } .sc .dt_pro_features .featrr p { color: var(--sc-tekst-zacht) !important; } .sc .dt_premium .dt_choose_pro p label .pln_name { color: var(--sc-tekst-zacht) !important; } .sc .dt_premium .dt_choose_pro p label [type="radio"]+span:before, .sc .dt_premium .dt_choose_pro p label [type="radio"]+span:after { color: var(--sc-tekst-zacht) !important; } .sc .dt_premium .dt_choose_pro p label [type="radio"]:checked+span { color: var(--sc-tekst-zacht) !important; } .sc .dt_premium .dt_choose_pro p label [type="radio"]:checked+span:after { color: var(--sc-tekst-zacht) !important; } .sc .dt_premium .dt_choose_pro p label [type="radio"]:checked+span:before { color: var(--sc-tekst-zacht) !important; } .sc .sett_active_svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_settings_side_links li a { color: var(--sc-tekst-zacht) !important; } .sc .dt_settings_side_links li a:hover svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_settings_side_links li a.active { color: var(--sc-tekst-zacht) !important; } .sc .dt_settings form .switch label { color: var(--sc-tekst-zacht) !important; } .sc .dt_settings form .chips .input { color: var(--sc-tekst-zacht) !important; } .sc .switch input[type=checkbox]:checked+.round_check { color: var(--sc-tekst-zacht) !important; } .sc .alert-info { color: var(--sc-tekst-zacht) !important; } .sc .alert-success { color: var(--sc-tekst-zacht) !important; } .sc .alert-warning { color: var(--sc-tekst-zacht) !important; } .sc .alert-danger { color: var(--sc-tekst-zacht) !important; } .sc .dt_pop_level h2 span { color: var(--sc-tekst-zacht) !important; } .sc .dt_pop_level p { color: var(--sc-tekst-zacht) !important; } .sc .dt_poplrity_cont .dt_pop_ftr .boosted_message_expire .global_boosted_time { color: var(--sc-tekst-zacht) !important; } .sc .dropdown-content.autocomplete-content li .highlight { color: var(--sc-tekst-zacht) !important; } .sc .load_more { color: var(--sc-tekst-zacht) !important; } .sc .load_more, .sc .load_more:hover, .sc .load_more:focus { color: var(--sc-tekst-zacht) !important; } .sc .dt_call_rec_ing #remote-media h3 { color: var(--sc-tekst-zacht) !important; } .sc .dt_bank_trans_modal .dt_user_profile > span svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_bank_trans_upl_rec a { color: var(--sc-tekst-zacht) !important; } .sc .upload_bank_receipts svg { color: var(--sc-tekst-zacht) !important; } .sc .success_story_item .qd_story_card_usr_imgs svg { color: var(--sc-tekst-zacht) !important; } .sc .success_story_item .qd_story_card_usr_info .qd_story_card_usr_name { color: var(--sc-tekst-zacht) !important; } .sc .success_story_item .qd_story_card_usr_info svg { color: var(--sc-tekst-zacht) !important; } .sc .qd_crte_stroy_usr .autocomplete-content li > span { color: var(--sc-tekst-zacht) !important; } .sc .qd_rstroy_thumbs span { color: var(--sc-tekst-zacht) !important; } .sc .qd_rstroy_names h5 { color: var(--sc-tekst-zacht) !important; } .sc .qd_blog_cats_list .dropdown-trigger { color: var(--sc-tekst-zacht) !important; } .sc .qd_blog_cats_list .dropdown-content li a { color: var(--sc-tekst-zacht) !important; } .sc .article_of_the_day_list_bg button, .sc .article_of_the_day_list_bg a { color: var(--sc-tekst-zacht) !important; } .sc .topic_match_for_you_cats a { color: var(--sc-tekst-zacht) !important; } .sc .qd_blog_lists .qd_blog_list_info h5 a { color: var(--sc-tekst-zacht) !important; } .sc .topic_match_for_you_cats.side a:hover { color: var(--sc-tekst-zacht) !important; } .sc .continue_reading_list p { color: var(--sc-tekst-zacht) !important; } .sc .continue_reading_list time { color: var(--sc-tekst-zacht) !important; } .sc .qd_read_blog_head time, .sc .qd_read_blog_head .views { color: var(--sc-tekst-zacht) !important; } .sc .qd_read_blog_head time svg, .sc .qd_read_blog_head .views svg { color: var(--sc-tekst-zacht) !important; } .sc .middot { color: var(--sc-tekst-zacht) !important; } .sc .qd_read_blog_tags li a { color: var(--sc-tekst-zacht) !important; } .sc .qd_read_blog_share li a { color: var(--sc-tekst-zacht) !important; } .sc .qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary { color: var(--sc-tekst-zacht) !important; } .sc .qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary .usr_name { color: var(--sc-tekst-zacht) !important; } .sc .qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary .usr_name a { color: var(--sc-tekst-zacht) !important; } .sc .qd_hot_not .mtc_usrd_about_int { color: var(--sc-tekst-zacht) !important; } .sc .dt_prof_ply_ico { color: var(--sc-tekst-zacht) !important; } .sc .dt_prof_vid_play_ico svg { color: var(--sc-tekst-zacht) !important; } .sc .dt_usr_affl .social-btn-parent a { color: var(--sc-tekst-zacht) !important; } .sc .dt_usr_referres .name .joined { color: var(--sc-tekst-zacht) !important; } .sc .dt_usr_pmnt_table .label-warning { color: var(--sc-tekst-zacht) !important; } .sc .dt_usr_pmnt_table .label-success { color: var(--sc-tekst-zacht) !important; } .sc .dt_usr_pmnt_table .label-danger { color: var(--sc-tekst-zacht) !important; } .sc .qd_gift_data_foot .info p { color: var(--sc-tekst-zacht) !important; } .sc .qd_sett_sessions p { color: var(--sc-tekst-zacht) !important; } .sc .info_select_radio_btn .sr_btn_lab_innr > span { color: var(--sc-tekst-zacht) !important; } .sc .info_select_radio_btn > label > input:checked ~ .sr_btn_lab_innr .round_check { color: var(--sc-tekst-zacht) !important; } .sc .dt_deve_step ol li::marker { color: var(--sc-tekst-zacht) !important; } .sc code pre { color: var(--sc-tekst-zacht) !important; } .sc .dt_create_apps_img { color: var(--sc-tekst-zacht) !important; } .sc .dt_dev_apps .ap_name a { color: var(--sc-tekst-zacht) !important; } .sc .earn_points .ep_illus .ep_how_many.reaction_bg svg { color: var(--sc-tekst-zacht) !important; } .sc .earn_points .ep_illus .ep_how_many.create_post svg { color: var(--sc-tekst-zacht) !important; } .sc .earn_points .ep_illus .ep_how_many.comment_post svg { color: var(--sc-tekst-zacht) !important; } .sc .wow_liv_counter { color: var(--sc-tekst-zacht) !important; } .sc .dt_who_live .live_comments .live_user_h { color: var(--sc-tekst-zacht) !important; } .sc .dt_who_live .live_comments .comment-text, .sc .dt_who_live .live_comments .reply-text { color: var(--sc-tekst-zacht) !important; } .sc .dt_lang_modal li a { color: var(--sc-tekst-zacht) !important; } /* --- de oude magenta als VLAK wordt het roze voor vlakken (34) --- */ .sc .boost-me:hover, .sc .boost-me:focus { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .home_usr_stats:before { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .main_header_nav .not_usr_nav { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_index_footinnr .top .social_btn:hover { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_heading_top_line { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_login form.register .terms_check [type="checkbox"].filled-in:checked+span:not(.lever):after { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_terms h2.bold.terms:before { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .slider_container.center .line .dot.center { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .slider_container.full .line .dot.full { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_intrst_chip:hover, .sc .dt_user_social ul li a:hover, .sc .qd_read_blog_tags li a:hover, .sc .qd_read_blog_share li a:hover { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_new_home_filter .filter_tabs .tab a:hover { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_new_home_filter .filter_tabs .tab a.active { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_new_home_filter .filter_tabs .tab a.active:after { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc input[type=range]::-webkit-slider-thumb { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc input[type=range]::-moz-range-thumb { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-webkit-slider-thumb { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-moz-range-thumb { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive:after { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_home_match_user .mtc_usrd_content .mtc_usrd_slider:before { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5:before { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_msg_box .msg_container .m_search .dt_srch_msg_progress .progress .indeterminate { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_go_pro_plan .plan .special_badge { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_go_pro_plan .foot:hover button { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_go_pro_plan.special .foot button, .sc .dt_go_pro_plan .foot button:hover { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_sett_footer button { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .switch input[type=checkbox]:checked+.round_check { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .datepicker-date-display, .sc .datepicker-table td.is-selected { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .article_of_the_day > h3:before { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .topic_match_for_you_cats a:hover { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .qd_blog_lists .qd_blog_list_info h5:before { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .qd_hot_not .qd_hot_not_media:before { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .qd_sett_sessions .first > span { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .info_select_radio_btn > label > input:checked ~ .sr_btn_lab_innr .round_check { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } .sc .dt_lang_modal li a:hover { background-color: var(--sc-roze-vlak) !important; color: #FFFFFF !important; } /* ===================================================================== SLUITBLOK, met de hand onderhouden in tools/vendor-sluitblok.css Wordt door tools/vendor-kleuren.py achter de machinale omzetting geplakt. Hier zetten we recht wat die omzetting per ongeluk raakt, en de paar gevallen die je niet uit style.css kunt afleiden. ===================================================================== */ /* Tekst OP een knop is altijd wit. De omzetting hierboven kan een knop raken via een selector zonder .btn erin, en dan werd roze op roze (verhouding 1.65). */ /* De klasse staat er drie keer met opzet. De machinale omzetting hierboven levert selectoren op als ".sc .dt_ltst_users .dt_home_rand_user a" met gewicht (0,3,1), en die wint anders van een simpele ".sc .btn". Met ".btn.btn.btn" komen we op (0,4,0) en wint de knopkleur altijd. */ .sc .btn.btn.btn, .sc .btn-large.btn-large, .sc .btn-small.btn-small, .sc .btn-floating.btn-floating, .sc .btn_primary.btn_primary, .sc .btn_glossy.btn_glossy, .sc input[type="submit"], .sc .btn.btn.btn *, .sc .btn-large.btn-large *, .sc .btn_primary.btn_primary *, .sc .btn-floating.btn-floating * { color: #FFFFFF !important; } .sc .btn svg, .sc .btn-large svg, .sc .btn-floating svg, .sc .btn_primary svg { fill: #FFFFFF !important; } /* De stille knop houdt de gewone tekstkleur. */ .sc .btn-flat.btn-flat.btn-flat, .sc .btn-flat.btn-flat * { color: var(--sc-tekst) !important; } .sc .btn-flat svg { fill: var(--sc-tekst) !important; } /* De filterbalk boven de resultaten zette rgba(255,255,255,.3): 2.46. */ .sc .dt_home_filters_head p span, .sc .dt_home_filters_head span, .sc .dt_home_filters span { color: var(--sc-tekst-zacht) !important; } /* Materialize kleurt kaarttekst grijs (#737373, 3.25 op kampdoek). */ .sc .card .card-content p, .sc .card-content .grey-text, .sc .card-content span { color: var(--sc-tekst-zacht) !important; } /* De vlakken die de omzetting op kampdoek zet mogen hun tekst erven, niet de donkere kleur van het lichte thema. */ .sc .white_bg, .sc .bg_white, .sc .dt_sections { color: var(--sc-tekst) !important; } /* Het logo houdt zijn lichte plaat. De omzetting mag daar niet aankomen. */ .sc .brand-logo, .sc #logo-container.brand-logo { background: var(--sc-tekst) !important; } /* ===================================================================== DE CHAT Dit is het ergste gat dat het weghalen van night.css achterliet, en het staat op ELKE ingelogde pagina: nav-logged-in.php laadt main/chat.php altijd mee. style.css geeft de bellen een lichte kleur maar zet er geen tekstkleur bij. Onze body-regel duwt daar room (#F2EFE8) in. Gemeten: .messages--sent .message #FCCBF7 1.22 : 1 .messages--received .message #E9E7E9 1.07 : 1 .chat_body_content #FFFFFF 1.15 : 1 .chat_conversations .chat_header #E9E7E9 1.07 : 1 Berichten waren praktisch onzichtbaar. night.css:248 en :696 hadden hier #333 en #761b6d; die kleuren komen niet uit ons palet, dus hieronder staan doorgerekende tokens in de plaats. Gevonden door de adviseur. Alle verhoudingen hieronder zijn berekend met tools/contrast.py, niet geschat. ===================================================================== */ /* Het venster zelf */ .sc .dt_msg_box, .sc .dt_msg_box .modal-content, .sc .chat_conversations, .sc .chat_container, .sc .chat_body, .sc .chat_body_content { background-color: var(--sc-kampdoek) !important; color: var(--sc-tekst) !important; } /* De kop van een gesprek */ .sc .dt_msg_box .chat_conversations .chat_header, .sc .chat_conversations .chat_header { background: var(--sc-kampdoek-hoog) !important; border-color: var(--sc-rand-stil) !important; color: var(--sc-tekst) !important; } /* Ontvangen bericht: neutraal. 10.44 : 1 */ .sc .messages--received .message, .sc .dt_msg_box .messages--received .message { background-color: #2A3A33 !important; color: var(--sc-tekst) !important; border: 1px solid var(--sc-rand-stil) !important; } /* Verzonden bericht: in de merkkleur, maar donker genoeg. 7.11 : 1 Het roze voor vlakken (#D2356C) haalt met room maar 4.09, dus dat kan hier niet: een berichtbel is lopende tekst. */ .sc .messages--sent .message, .sc .dt_msg_box .messages--sent .message { background-color: #8A2A5E !important; color: var(--sc-tekst) !important; border: 1px solid transparent !important; } /* Tijdstip en status onder een bel */ .sc .messages .message .time, .sc .messages .message small, .sc .dt_chat_lod_more { color: var(--sc-tekst-zacht) !important; } /* De invoerregel onderaan */ .sc .chat_foot, .sc .chat_foot .chat_f_text, .sc .chat_f_textarea .emojionearea, .sc .chat_f_textarea .emojionearea .emojionearea-editor, .sc .chat_f_write textarea { background: var(--sc-kampdoek-hoog) !important; color: var(--sc-tekst) !important; border-color: var(--sc-rand) !important; } .sc .chat_f_textarea .emojionearea .emojionearea-editor:empty::before { color: var(--sc-tekst-zacht) !important; } /* De gesprekkenlijst */ .sc .msg_container, .sc .m_body, .sc .m_search, .sc .chat_participant, .sc .conversation_item { background-color: var(--sc-kampdoek) !important; color: var(--sc-tekst) !important; } .sc .conversation_item:hover, .sc .chat_participant:hover { background-color: var(--sc-kampdoek-hoog) !important; } .sc .chat_participant .c_name span.name { color: var(--sc-tekst) !important; } .sc .chat_participant .c_name span.msg, .sc .conversation_item p { color: var(--sc-tekst-zacht) !important; } /* ===================================================================== DE AANMELD- EN HERSTELSTROOM login.php en register.php hebben een eigen blok, maar forgot, reset, mail-otp, unusual-login, verifymail, verifymailotp, verifyphone en verifyphoneotp gebruiken dezelfde markup zonder dat blok. style.css:1368 zet daar background:#fff. Dat is de hele wachtwoordherstelstroom. ===================================================================== */ .sc .dt_login_body, .sc .dt_login_body_inner { background-color: var(--sc-nachtgroen) !important; color: var(--sc-tekst) !important; } .sc .dt_login { background-color: var(--sc-kampdoek) !important; background-image: none !important; border: 1px solid var(--sc-rand-stil) !important; border-radius: var(--sc-rond-lg) !important; color: var(--sc-tekst) !important; } .sc .dt_login p, .sc .dt_login label { color: var(--sc-tekst) !important; } /* ===================================================================== DE MENU'S IN DE NAVIGATIE Meldingen en profiel, op elke ingelogde pagina. style.css:303-365. ===================================================================== */ .sc nav .header_notifications .dropdown-content, .sc nav .header_user .dropdown-content, .sc nav .dropdown-content { background-color: var(--sc-kampdoek-hoog) !important; border: 1px solid var(--sc-rand) !important; color: var(--sc-tekst) !important; } .sc nav .dropdown-content h3, .sc nav .dropdown-content h4, .sc nav .dropdown-content li > a, .sc nav .dropdown-content li > span { color: var(--sc-tekst) !important; } .sc nav .header_notifications .dt_notifs, .sc nav .header_notifications .dt_notifs.noti_not_seen, .sc nav .header_notifications .dropdown-content > .valign-wrapper button { background-color: var(--sc-kampdoek-hoog) !important; color: var(--sc-tekst) !important; } .sc nav .header_notifications .dt_notifs.noti_not_seen { background-color: var(--sc-roze-stil) !important; } .sc nav .header_notifications .dt_notifs a:hover { background-color: var(--sc-kampdoek) !important; } .sc nav .dropdown-content p, .sc nav .dropdown-content small { color: var(--sc-tekst-zacht) !important; } /* ===================================================================== LEUK EN NIET LEUK OP EEN PROFIEL style.css:2792 en :2832 zetten background:#FFFFFF met color:black. ===================================================================== */ .sc .profile_like_btn, .sc .profile_dislike_btn, .sc .prof_actions .like, .sc .prof_actions .dislike { background-color: var(--sc-kampdoek-hoog) !important; color: var(--sc-tekst) !important; border: 1px solid var(--sc-rand) !important; } .sc .profile_like_btn svg, .sc .prof_actions .like svg { fill: var(--sc-roze) !important; } /* ===================================================================== DE DAG- EN NACHTKNOP Scoutr 2.0 is een donker thema; er is geen tweede nachtmodus meer. De knop wisselde alleen nog zijn eigen pictogram om en zette een cookie: een knop die niets doet, op elke pagina, voor iedereen. display:none haalt hem ook uit de tabvolgorde, wat met visibility of opacity niet gebeurt. De markup in nav-logged-in.php blijft staan, dus terugdraaien is deze regel weghalen. ===================================================================== */ .sc #night_mode_toggle, .sc #night_mode_toggle_sidebar, .sc li.divider.night_day, .sc li:has(> #night_mode_toggle), .sc li:has(> #night_mode_toggle_sidebar) { display: none !important; } /* De interessechips op een profiel: tekst-zacht op het roze vlak gaf 2.88. */ .sc .chip.dt_intrst_chip, .sc .dt_intrst_chip_prnt a .chip, .sc .dt_intrst_chip_prnt .chip { background-color: var(--sc-kampdoek-hoog) !important; color: var(--sc-tekst) !important; border: 1px solid var(--sc-rand) !important; } .sc .dt_intrst_chip_prnt a:hover .chip { border-color: var(--sc-roze) !important; } /* ===================================================================== LABELS IN FORMULIEREN style.css:1499 zet `color:#FCCBF7 !important` op `.dt_login .input-field input+label` met gewicht (0,2,2). Een label is geen accent: het hoort in de gewone tekstkleur, anders leest een formulier als een kerstboom. Deze selectoren zijn een tik specifieker. ===================================================================== */ .sc .dt_login .input-field input + label, .sc .dt_login .input-field .select-wrapper + label, .sc .dt_signup_steps .input-field input + label, .sc .dt_signup_steps .input-field .select-wrapper + label, .sc .dt_hdr_filters .input-field .select-wrapper + label, .sc .input-field > label, .sc .input-field > label.active { color: var(--sc-tekst) !important; font-size: 13px !important; font-weight: 600 !important; } .sc .input-field > input:focus + label, .sc .dt_login .input-field input:focus + label { color: var(--sc-touw) !important; } /* ===================================================================== RONDE KNOP .btn-floating werd 34 bij 44 op een telefoon: te smal om te raken. ===================================================================== */ .sc .btn-floating, .sc .btn-floating.btn-large { width: var(--sc-raak) !important; height: var(--sc-raak) !important; min-width: var(--sc-raak) !important; padding: 0 !important; flex: 0 0 auto; } /* ===================================================================== AFSTANDEN IN FORMULIEREN OP EEN TELEFOON materialize stapelt de marge van .row op die van .input-field, wat op een smal scherm een gat van bijna 60px per veld gaf. ===================================================================== */ @media (max-width: 700px) { .sc form .row { margin-bottom: 0 !important; } .sc .input-field { margin-top: var(--sc-r-3) !important; margin-bottom: var(--sc-r-3) !important; } } /* ===================================================================== DE BOVENBALK OP EEN TELEFOON Gemeten op 390px: de balk liep 32px buiten beeld, dus de hele pagina kon zijwaarts schuiven. Oorzaak: het kredietblok alleen al is 246px. logo 50 + krediet 246 + berichten 52 + meldingen 52 + profiel 87 = 487px in een balk van 372px Het krediet verdwijnt onder de 600px uit de balk. Het blijft bereikbaar via het profielmenu en via /credit, en het is geen knop die je onderweg nodig hebt. Berichten, meldingen en je profiel blijven wel staan. ===================================================================== */ @media (max-width: 600px) { .sc nav .credit { display: none !important; } .sc nav .nav-wrapper { padding-left: 12px !important; padding-right: 12px !important; gap: 4px; } .sc nav ul.right { gap: 2px; } .sc .header_msg a, .sc .header_notifications a, .sc .header_user a { padding-left: 6px !important; padding-right: 6px !important; } /* Alleen de foto, niet de naam ernaast. */ .sc .header_user a > span:not(.badge), .sc .header_user a > b { display: none !important; } .sc #logo-container.brand-logo { margin-left: 0; } } /* Onder de 360px is elke pixel er een. */ @media (max-width: 360px) { .sc nav .nav-wrapper { padding-left: 8px !important; padding-right: 8px !important; } .sc #logo-container.brand-logo img { height: 26px !important; } } /* ===================================================================== NIETS MAG ZIJWAARTS WEGLOPEN Een vangnet: de pagina zelf schuift nooit horizontaal. Tabellen en brede blokken krijgen hun eigen schuifbalk, dat is de bedoeling. ===================================================================== */ .sc, body.sc { overflow-x: hidden; } .sc table, .sc .dt_transaction_table { display: block; overflow-x: auto; max-width: 100%; }