/* Set up Primarily Used Colors */ /** 9to5Mac */ /* 9to5mac normal */ /* 9to5mac dark */ /* 9to5mac light */ /** 9to5Google */ /* 9to5google normal */ /* 9to5google dark */ /* 9to5google light */ /** 9to5Toys */ /* 9to5toys normal */ /* 9to5toys dark */ /* 9to5toys light */ /* 9to5toys Maroon */ /** Electrek */ /* electrek normal */ /* electrek dark */ /* electrek light */ /** DroneDJ */ /* dronedj normal */ /* dronedj dark */ /* dronedj light */ body.darkmode--activated { background: #000000; color: #fff; } .button-darkmode-toggle { display: inline-block; position: relative; padding: 0 5px; border: 0; border-right: 1px solid #E5E5E5; height: 40px; line-height: 40px; transition: all .2s; font-size: 16px; background-color: transparent; -webkit-appearance: none; } .site-header.js-search-form-expanded .button-darkmode-toggle { display: none; } .button-darkmode-toggle svg { height: 18px; width: 18px; position: relative; top: 5px; } @media (min-width: 768px) { .button-darkmode-toggle svg { height: 32px; width: 32px; } } .color-scheme-mac .button-darkmode-toggle svg { fill: #0d4d7c; } .color-scheme-google .button-darkmode-toggle svg { fill: #16341B; } .color-scheme-toys .button-darkmode-toggle svg { fill: #6B393B; } .color-scheme-electrek .button-darkmode-toggle svg { fill: #2f7a91; } .color-scheme-dronedj .button-darkmode-toggle svg { fill: #C81C34; } @media (min-width: 768px) { .button-darkmode-toggle { padding: 0 10px; height: 70px; line-height: 70px; } .site-header.js-header-sticky .button-darkmode-toggle { height: 50px; } .button-darkmode-toggle svg { top: 11px; } .site-header.js-header-sticky .button-darkmode-toggle svg { top: 2px; } } .darkmode--activated .site-header { background-color: #000000; } .darkmode--activated .site-header.js-search-form-expanded { background-color: #000000; } .darkmode--activated .site-header.js-search-form-expanded .header-right-area { background-color: #000000; } .darkmode--activated .site-header.js-search-form-expanded .header-logo { display: none; } .darkmode--activated .js-header-sticky .site-header-inner:before, .darkmode--activated .js-header-sticky .site-header-inner:after { background-color: #000000; } .darkmode--activated .header-logo { background-color: #000000; } .darkmode--activated .header-logo img { filter: brightness(0) invert(1); } .darkmode--activated .main-menu-toggle { border-right-color: #1C1C1E; } .darkmode--activated .header-right-area { background-color: #000000; } .darkmode--activated .site-switcher { background: #1C1C1E; } .darkmode--activated .site-switcher-list a { color: #fff; } .darkmode--activated.color-scheme-mac .post-content .post-meta a { color: #78bbf4; } .darkmode--activated.color-scheme-mac .post-content .post-meta .post-cats a { background: #78bbf4; color: #fff; } .darkmode--activated.color-scheme-mac .post-content .post-title { color: #78bbf4; } .darkmode--activated.color-scheme-mac .post-content .post-title a:hover, .darkmode--activated.color-scheme-mac .post-content .post-title a:focus { color: #78bbf4; } .darkmode--activated.color-scheme-mac .post-content .aside-posts .individual-aside .aside-title .aside-post-meta a { color: #78bbf4; } .darkmode--activated.color-scheme-mac .author-excerpt a, .darkmode--activated.color-scheme-mac .aside-excerpt a, .darkmode--activated.color-scheme-mac .post-content .post-body a, .darkmode--activated.color-scheme-mac .product-content .post-body a { color: #78bbf4; } .darkmode--activated.color-scheme-mac a.more-article:hover { color: #78bbf4; } .darkmode--activated.color-scheme-mac a.more-article .x-animate { color: #78bbf4; } .darkmode--activated.color-scheme-mac .related-guides-container h1, .darkmode--activated.color-scheme-mac .author-bio-container .bio-title { border-top-color: #78bbf4; } .darkmode--activated.color-scheme-mac .related-guides-item h3, .darkmode--activated.color-scheme-mac .author-bio-details h3 a { color: #78bbf4; } .darkmode--activated.color-scheme-mac .author-gear h4 { color: #78bbf4; } .darkmode--activated.color-scheme-mac .post-content .aside-posts .individual-aside .aside-title .more-article:hover p.aside-title-p { color: #78bbf4; } .darkmode--activated.color-scheme-google .post-content .post-meta a { color: #83B38A; } .darkmode--activated.color-scheme-google .post-content .post-meta .post-cats a, .darkmode--activated.color-scheme-google .post-content .post-meta .post-cats a.featured_tag { background: #83B38A; color: #fff; } .darkmode--activated.color-scheme-google .post-content .post-meta .post-cats a:hover, .darkmode--activated.color-scheme-google .post-content .post-meta .post-cats a.featured_tag:hover { background: #16341B; } .darkmode--activated.color-scheme-google .post-content .post-title { color: #83B38A; } .darkmode--activated.color-scheme-google .post-content .post-title a:hover, .darkmode--activated.color-scheme-google .post-content .post-title a:focus { color: #83B38A; } .darkmode--activated.color-scheme-google .post-content .aside-posts .individual-aside .aside-title .aside-post-meta a { color: #83B38A; } .darkmode--activated.color-scheme-google .author-excerpt a, .darkmode--activated.color-scheme-google .aside-excerpt a, .darkmode--activated.color-scheme-google .post-content .post-body a, .darkmode--activated.color-scheme-google .product-content .post-body a { color: #83B38A; } .darkmode--activated.color-scheme-google a.more-article:hover { color: #83B38A; } .darkmode--activated.color-scheme-google a.more-article .x-animate { color: #83B38A; } .darkmode--activated.color-scheme-google .related-guides-container h1, .darkmode--activated.color-scheme-google .author-bio-container .bio-title { border-top-color: #83B38A; } .darkmode--activated.color-scheme-google .related-guides-item h3, .darkmode--activated.color-scheme-google .author-bio-details h3 a { color: #83B38A; } .darkmode--activated.color-scheme-google .author-gear h4 { color: #83B38A; } .darkmode--activated.color-scheme-google .post-content .aside-posts .individual-aside .aside-title .more-article:hover p.aside-title-p { color: #83B38A; } .darkmode--activated.color-scheme-toys .post-content .post-meta a { color: #eb373e; } .darkmode--activated.color-scheme-toys .post-content .post-meta .post-cats a, .darkmode--activated.color-scheme-toys .post-content .post-meta .post-cats a.featured_tag { background: #eb373e; color: #fff; } .darkmode--activated.color-scheme-toys .post-content .post-meta .post-cats a:hover, .darkmode--activated.color-scheme-toys .post-content .post-meta .post-cats a.featured_tag:hover { background: #d21c24; } .darkmode--activated.color-scheme-toys .post-content .post-title { color: #eb373e; } .darkmode--activated.color-scheme-toys .post-content .post-title a:hover, .darkmode--activated.color-scheme-toys .post-content .post-title a:focus { color: #eb373e; } .darkmode--activated.color-scheme-toys .post-content .aside-posts .individual-aside .aside-title .aside-post-meta a { color: #eb373e; } .darkmode--activated.color-scheme-toys .author-excerpt a, .darkmode--activated.color-scheme-toys .aside-excerpt a, .darkmode--activated.color-scheme-toys .post-content .post-body a, .darkmode--activated.color-scheme-toys .product-content .post-body a { color: #eb373e; } .darkmode--activated.color-scheme-toys a.more-link { background: #eb373e; } .darkmode--activated.color-scheme-toys a.more-article:hover { color: #eb373e; } .darkmode--activated.color-scheme-toys a.more-article .x-animate { color: #eb373e; } .darkmode--activated.color-scheme-toys .related-guides-container h1, .darkmode--activated.color-scheme-toys .author-bio-container .bio-title { border-top-color: #eb373e; } .darkmode--activated.color-scheme-toys .related-guides-item h3, .darkmode--activated.color-scheme-toys .author-bio-details h3 a { color: #eb373e; } .darkmode--activated.color-scheme-toys .author-gear h4 { color: #eb373e; } .darkmode--activated.color-scheme-toys .post-content .aside-posts .individual-aside .aside-title .more-article:hover p.aside-title-p { color: #eb373e; } .darkmode--activated.color-scheme-toys a.product-button { border: none; } .darkmode--activated.color-scheme-electrek .post-content .post-meta a { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .post-content .post-meta .post-cats a, .darkmode--activated.color-scheme-electrek .post-content .post-meta .post-cats a.featured_tag { background: #15A6DB; color: #fff; } .darkmode--activated.color-scheme-electrek .post-content .post-meta .post-cats a:hover, .darkmode--activated.color-scheme-electrek .post-content .post-meta .post-cats a.featured_tag:hover { background: #0d4d7c; } .darkmode--activated.color-scheme-electrek .post-content .post-title { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .post-content .post-title a:hover, .darkmode--activated.color-scheme-electrek .post-content .post-title a:focus { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .post-content .aside-posts .individual-aside .aside-title .aside-post-meta a { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .author-excerpt a, .darkmode--activated.color-scheme-electrek .aside-excerpt a, .darkmode--activated.color-scheme-electrek .post-content .post-body a, .darkmode--activated.color-scheme-electrek .product-content .post-body a { color: #15A6DB; } .darkmode--activated.color-scheme-electrek a.more-link { background: #15A6DB; } .darkmode--activated.color-scheme-electrek a.more-article:hover { color: #15A6DB; } .darkmode--activated.color-scheme-electrek a.more-article .x-animate { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .related-guides-container h1, .darkmode--activated.color-scheme-electrek .author-bio-container .bio-title { border-top-color: #15A6DB; } .darkmode--activated.color-scheme-electrek .related-guides-item h3, .darkmode--activated.color-scheme-electrek .author-bio-details h3 a { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .author-gear h4 { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .post-content .aside-posts .individual-aside .aside-title .more-article:hover p.aside-title-p { color: #15A6DB; } .darkmode--activated.color-scheme-electrek .comments-area a { color: #15A6DB; } .darkmode--activated.color-scheme-dronedj .post-content .post-meta a { color: #DB4459; } .darkmode--activated.color-scheme-dronedj .post-content .post-meta .post-cats a, .darkmode--activated.color-scheme-dronedj .post-content .post-meta .post-cats a.featured_tag { background: #DB4459; color: #fff; } .darkmode--activated.color-scheme-dronedj .post-content .post-meta .post-cats a:hover, .darkmode--activated.color-scheme-dronedj .post-content .post-meta .post-cats a.featured_tag:hover { background: #C81C34; } .darkmode--activated.color-scheme-dronedj .post-content .post-title { color: #DB4459; } .darkmode--activated.color-scheme-dronedj .post-content .post-title a:hover, .darkmode--activated.color-scheme-dronedj .post-content .post-title a:focus { color: #DB4459; } .darkmode--activated.color-scheme-dronedj .post-content .aside-posts .individual-aside .aside-title .aside-post-meta a { color: #DB4459; } .darkmode--activated.color-scheme-dronedj .author-excerpt a, .darkmode--activated.color-scheme-dronedj .aside-excerpt a, .darkmode--activated.color-scheme-dronedj .post-content .post-body a, .darkmode--activated.color-scheme-dronedj .product-content .post-body a { color: #DB4459; } .darkmode--activated.color-scheme-dronedj a.more-link { background: #DB4459; } .darkmode--activated.color-scheme-dronedj a.more-article:hover { color: #DB4459; } .darkmode--activated.color-scheme-dronedj a.more-article .x-animate { color: #DB4459; } .darkmode--activated.color-scheme-dronedj .related-guides-container h1, .darkmode--activated.color-scheme-dronedj .author-bio-container .bio-title { border-top-color: #DB4459; } .darkmode--activated.color-scheme-dronedj .related-guides-item h3, .darkmode--activated.color-scheme-dronedj .author-bio-details h3 a { color: #DB4459; } .darkmode--activated.color-scheme-dronedj .author-gear h4 { color: #DB4459; } .darkmode--activated.color-scheme-dronedj .post-content .aside-posts .individual-aside .aside-title .more-article:hover p.aside-title-p { color: #DB4459; } .darkmode--activated.color-scheme-mac .header-social a svg, .darkmode--activated.color-scheme-google .header-social a svg, .darkmode--activated.color-scheme-toys .header-social a svg, .darkmode--activated.color-scheme-electrek .header-social a svg, .darkmode--activated.color-scheme-dronedj .header-social a svg { fill: #fff; color: #fff; } .darkmode--activated.color-scheme-mac .button-site-switcher svg, .darkmode--activated.color-scheme-google .button-site-switcher svg, .darkmode--activated.color-scheme-toys .button-site-switcher svg, .darkmode--activated.color-scheme-electrek .button-site-switcher svg, .darkmode--activated.color-scheme-dronedj .button-site-switcher svg { fill: #fff; color: #fff; } .darkmode--activated.color-scheme-mac .button-site-switcher:focus svg, .darkmode--activated.color-scheme-mac .button-site-switcher:hover svg, .darkmode--activated.color-scheme-google .button-site-switcher:focus svg, .darkmode--activated.color-scheme-google .button-site-switcher:hover svg, .darkmode--activated.color-scheme-toys .button-site-switcher:focus svg, .darkmode--activated.color-scheme-toys .button-site-switcher:hover svg, .darkmode--activated.color-scheme-electrek .button-site-switcher:focus svg, .darkmode--activated.color-scheme-electrek .button-site-switcher:hover svg, .darkmode--activated.color-scheme-dronedj .button-site-switcher:focus svg, .darkmode--activated.color-scheme-dronedj .button-site-switcher:hover svg { fill: #f7f7f7; color: #f7f7f7; } .no-touchevents .darkmode--activated.color-scheme-mac .button-site-switcher:focus svg, .no-touchevents .darkmode--activated.color-scheme-mac .button-site-switcher:hover svg, .no-touchevents .darkmode--activated.color-scheme-google .button-site-switcher:focus svg, .no-touchevents .darkmode--activated.color-scheme-google .button-site-switcher:hover svg, .no-touchevents .darkmode--activated.color-scheme-toys .button-site-switcher:focus svg, .no-touchevents .darkmode--activated.color-scheme-toys .button-site-switcher:hover svg, .no-touchevents .darkmode--activated.color-scheme-electrek .button-site-switcher:focus svg, .no-touchevents .darkmode--activated.color-scheme-electrek .button-site-switcher:hover svg, .no-touchevents .darkmode--activated.color-scheme-dronedj .button-site-switcher:focus svg, .no-touchevents .darkmode--activated.color-scheme-dronedj .button-site-switcher:hover svg { fill: #f7f7f7; color: #f7f7f7; } .darkmode--activated.color-scheme-mac .button-social-toggle svg, .darkmode--activated.color-scheme-google .button-social-toggle svg, .darkmode--activated.color-scheme-toys .button-social-toggle svg, .darkmode--activated.color-scheme-electrek .button-social-toggle svg, .darkmode--activated.color-scheme-dronedj .button-social-toggle svg { fill: #fff; color: #fff; } .darkmode--activated.color-scheme-mac .header-icon-links a svg, .darkmode--activated.color-scheme-google .header-icon-links a svg, .darkmode--activated.color-scheme-toys .header-icon-links a svg, .darkmode--activated.color-scheme-electrek .header-icon-links a svg, .darkmode--activated.color-scheme-dronedj .header-icon-links a svg { fill: #fff; color: #fff; } .darkmode--activated.color-scheme-mac .button-search-toggle svg.cross, .darkmode--activated.color-scheme-mac .button-search-toggle svg.search, .darkmode--activated.color-scheme-google .button-search-toggle svg.cross, .darkmode--activated.color-scheme-google .button-search-toggle svg.search, .darkmode--activated.color-scheme-toys .button-search-toggle svg.cross, .darkmode--activated.color-scheme-toys .button-search-toggle svg.search, .darkmode--activated.color-scheme-electrek .button-search-toggle svg.cross, .darkmode--activated.color-scheme-electrek .button-search-toggle svg.search, .darkmode--activated.color-scheme-dronedj .button-search-toggle svg.cross, .darkmode--activated.color-scheme-dronedj .button-search-toggle svg.search { fill: #fff; color: #fff; } .no-touchevents .darkmode--activated.color-scheme-mac .button-search-toggle:focus svg.cross, .no-touchevents .darkmode--activated.color-scheme-mac .button-search-toggle:focus svg.search, .no-touchevents .darkmode--activated.color-scheme-mac .button-search-toggle:hover svg.cross, .no-touchevents .darkmode--activated.color-scheme-mac .button-search-toggle:hover svg.search, .no-touchevents .darkmode--activated.color-scheme-google .button-search-toggle:focus svg.cross, .no-touchevents .darkmode--activated.color-scheme-google .button-search-toggle:focus svg.search, .no-touchevents .darkmode--activated.color-scheme-google .button-search-toggle:hover svg.cross, .no-touchevents .darkmode--activated.color-scheme-google .button-search-toggle:hover svg.search, .no-touchevents .darkmode--activated.color-scheme-toys .button-search-toggle:focus svg.cross, .no-touchevents .darkmode--activated.color-scheme-toys .button-search-toggle:focus svg.search, .no-touchevents .darkmode--activated.color-scheme-toys .button-search-toggle:hover svg.cross, .no-touchevents .darkmode--activated.color-scheme-toys .button-search-toggle:hover svg.search, .no-touchevents .darkmode--activated.color-scheme-electrek .button-search-toggle:focus svg.cross, .no-touchevents .darkmode--activated.color-scheme-electrek .button-search-toggle:focus svg.search, .no-touchevents .darkmode--activated.color-scheme-electrek .button-search-toggle:hover svg.cross, .no-touchevents .darkmode--activated.color-scheme-electrek .button-search-toggle:hover svg.search, .no-touchevents .darkmode--activated.color-scheme-dronedj .button-search-toggle:focus svg.cross, .no-touchevents .darkmode--activated.color-scheme-dronedj .button-search-toggle:focus svg.search, .no-touchevents .darkmode--activated.color-scheme-dronedj .button-search-toggle:hover svg.cross, .no-touchevents .darkmode--activated.color-scheme-dronedj .button-search-toggle:hover svg.search { fill: #f7f7f7; color: #f7f7f7; } .darkmode--activated.color-scheme-mac .main-menu-toggle svg, .darkmode--activated.color-scheme-google .main-menu-toggle svg, .darkmode--activated.color-scheme-toys .main-menu-toggle svg, .darkmode--activated.color-scheme-electrek .main-menu-toggle svg, .darkmode--activated.color-scheme-dronedj .main-menu-toggle svg { fill: #fff; color: #fff; } .darkmode--activated.color-scheme-mac .main-menu-toggle:focus svg, .darkmode--activated.color-scheme-mac .main-menu-toggle:hover svg, .darkmode--activated.color-scheme-google .main-menu-toggle:focus svg, .darkmode--activated.color-scheme-google .main-menu-toggle:hover svg, .darkmode--activated.color-scheme-toys .main-menu-toggle:focus svg, .darkmode--activated.color-scheme-toys .main-menu-toggle:hover svg, .darkmode--activated.color-scheme-electrek .main-menu-toggle:focus svg, .darkmode--activated.color-scheme-electrek .main-menu-toggle:hover svg, .darkmode--activated.color-scheme-dronedj .main-menu-toggle:focus svg, .darkmode--activated.color-scheme-dronedj .main-menu-toggle:hover svg { fill: #f7f7f7; color: #f7f7f7; } .no-touchevents .darkmode--activated.color-scheme-mac .main-menu-toggle:focus svg, .no-touchevents .darkmode--activated.color-scheme-mac .main-menu-toggle:hover svg, .no-touchevents .darkmode--activated.color-scheme-google .main-menu-toggle:focus svg, .no-touchevents .darkmode--activated.color-scheme-google .main-menu-toggle:hover svg, .no-touchevents .darkmode--activated.color-scheme-toys .main-menu-toggle:focus svg, .no-touchevents .darkmode--activated.color-scheme-toys .main-menu-toggle:hover svg, .no-touchevents .darkmode--activated.color-scheme-electrek .main-menu-toggle:focus svg, .no-touchevents .darkmode--activated.color-scheme-electrek .main-menu-toggle:hover svg, .no-touchevents .darkmode--activated.color-scheme-dronedj .main-menu-toggle:focus svg, .no-touchevents .darkmode--activated.color-scheme-dronedj .main-menu-toggle:hover svg { fill: #f7f7f7; color: #f7f7f7; } .darkmode--activated.color-scheme-mac .js-header-sticky .js-mobile-menu-prev, .darkmode--activated.color-scheme-mac .js-header-sticky .js-mobile-menu-next, .darkmode--activated.color-scheme-google .js-header-sticky .js-mobile-menu-prev, .darkmode--activated.color-scheme-google .js-header-sticky .js-mobile-menu-next, .darkmode--activated.color-scheme-toys .js-header-sticky .js-mobile-menu-prev, .darkmode--activated.color-scheme-toys .js-header-sticky .js-mobile-menu-next, .darkmode--activated.color-scheme-electrek .js-header-sticky .js-mobile-menu-prev, .darkmode--activated.color-scheme-electrek .js-header-sticky .js-mobile-menu-next, .darkmode--activated.color-scheme-dronedj .js-header-sticky .js-mobile-menu-prev, .darkmode--activated.color-scheme-dronedj .js-header-sticky .js-mobile-menu-next { background: #000000; } .darkmode--activated.color-scheme-mac .js-header-sticky .js-mobile-menu-prev svg, .darkmode--activated.color-scheme-mac .js-header-sticky .js-mobile-menu-next svg, .darkmode--activated.color-scheme-google .js-header-sticky .js-mobile-menu-prev svg, .darkmode--activated.color-scheme-google .js-header-sticky .js-mobile-menu-next svg, .darkmode--activated.color-scheme-toys .js-header-sticky .js-mobile-menu-prev svg, .darkmode--activated.color-scheme-toys .js-header-sticky .js-mobile-menu-next svg, .darkmode--activated.color-scheme-electrek .js-header-sticky .js-mobile-menu-prev svg, .darkmode--activated.color-scheme-electrek .js-header-sticky .js-mobile-menu-next svg, .darkmode--activated.color-scheme-dronedj .js-header-sticky .js-mobile-menu-prev svg, .darkmode--activated.color-scheme-dronedj .js-header-sticky .js-mobile-menu-next svg { fill: #fff; color: #fff; } .darkmode--activated.color-scheme-mac .button-darkmode-toggle, .darkmode--activated.color-scheme-google .button-darkmode-toggle, .darkmode--activated.color-scheme-toys .button-darkmode-toggle, .darkmode--activated.color-scheme-electrek .button-darkmode-toggle, .darkmode--activated.color-scheme-dronedj .button-darkmode-toggle { border-right-color: #1C1C1E; color: #fff; } .darkmode--activated.color-scheme-mac .button-darkmode-toggle svg, .darkmode--activated.color-scheme-google .button-darkmode-toggle svg, .darkmode--activated.color-scheme-toys .button-darkmode-toggle svg, .darkmode--activated.color-scheme-electrek .button-darkmode-toggle svg, .darkmode--activated.color-scheme-dronedj .button-darkmode-toggle svg { fill: #fff; } .darkmode--activated.color-scheme-mac .search-submit svg, .darkmode--activated.color-scheme-google .search-submit svg, .darkmode--activated.color-scheme-toys .search-submit svg, .darkmode--activated.color-scheme-electrek .search-submit svg, .darkmode--activated.color-scheme-dronedj .search-submit svg { fill: #fff; color: #fff; } .darkmode--activated.color-scheme-mac .post-title, .darkmode--activated.color-scheme-google .post-title, .darkmode--activated.color-scheme-toys .post-title, .darkmode--activated.color-scheme-electrek .post-title, .darkmode--activated.color-scheme-dronedj .post-title { color: #fff; } .darkmode--activated.color-scheme-mac .post-title a, .darkmode--activated.color-scheme-google .post-title a, .darkmode--activated.color-scheme-toys .post-title a, .darkmode--activated.color-scheme-electrek .post-title a, .darkmode--activated.color-scheme-dronedj .post-title a { color: #fff; } .darkmode--activated.color-scheme-mac .comments-area.post-body, .darkmode--activated.color-scheme-google .comments-area.post-body, .darkmode--activated.color-scheme-toys .comments-area.post-body, .darkmode--activated.color-scheme-electrek .comments-area.post-body, .darkmode--activated.color-scheme-dronedj .comments-area.post-body { color: #fff; background-color: #1C1C1E; } .darkmode--activated.color-scheme-mac .comments-area.post-body p, .darkmode--activated.color-scheme-google .comments-area.post-body p, .darkmode--activated.color-scheme-toys .comments-area.post-body p, .darkmode--activated.color-scheme-electrek .comments-area.post-body p, .darkmode--activated.color-scheme-dronedj .comments-area.post-body p { color: #fff; } .darkmode--activated.color-scheme-mac .related-guides-container h1, .darkmode--activated.color-scheme-mac .author-bio-container .bio-title, .darkmode--activated.color-scheme-google .related-guides-container h1, .darkmode--activated.color-scheme-google .author-bio-container .bio-title, .darkmode--activated.color-scheme-toys .related-guides-container h1, .darkmode--activated.color-scheme-toys .author-bio-container .bio-title, .darkmode--activated.color-scheme-electrek .related-guides-container h1, .darkmode--activated.color-scheme-electrek .author-bio-container .bio-title, .darkmode--activated.color-scheme-dronedj .related-guides-container h1, .darkmode--activated.color-scheme-dronedj .author-bio-container .bio-title { color: #fff; border-bottom-color: #1C1C1E; } .darkmode--activated.color-scheme-mac .post-content .aside-posts .individual-aside .aside-title p.aside-title-p, .darkmode--activated.color-scheme-google .post-content .aside-posts .individual-aside .aside-title p.aside-title-p, .darkmode--activated.color-scheme-toys .post-content .aside-posts .individual-aside .aside-title p.aside-title-p, .darkmode--activated.color-scheme-electrek .post-content .aside-posts .individual-aside .aside-title p.aside-title-p, .darkmode--activated.color-scheme-dronedj .post-content .aside-posts .individual-aside .aside-title p.aside-title-p { color: #fff; } .darkmode--activated.color-scheme-mac .tips-form, .darkmode--activated.color-scheme-google .tips-form, .darkmode--activated.color-scheme-toys .tips-form, .darkmode--activated.color-scheme-electrek .tips-form, .darkmode--activated.color-scheme-dronedj .tips-form { color: #fff; background: #1C1C1E; } .darkmode--activated.color-scheme-mac .tips-form h2, .darkmode--activated.color-scheme-google .tips-form h2, .darkmode--activated.color-scheme-toys .tips-form h2, .darkmode--activated.color-scheme-electrek .tips-form h2, .darkmode--activated.color-scheme-dronedj .tips-form h2 { background: #353a3d; } .darkmode--activated.color-scheme-mac .tips-form::after, .darkmode--activated.color-scheme-google .tips-form::after, .darkmode--activated.color-scheme-toys .tips-form::after, .darkmode--activated.color-scheme-electrek .tips-form::after, .darkmode--activated.color-scheme-dronedj .tips-form::after { border-bottom-color: #353a3d; } .darkmode--activated .header-social { border-right-color: #1C1C1E; } .darkmode--activated .header-icon-links a { border-right-color: #1C1C1E; } .darkmode--activated .post-content { background: #000000; color: #fff; } .darkmode--activated .post-content:nth-of-type(even) { background: #1C1C1E; } .darkmode--activated .post-content.aside { background: #1C1C1E; color: #fff; } .darkmode--activated .post-content.aside .aside-posts p.aside-title-p { color: #fff; } .darkmode--activated .post-content .aside-posts .individual-aside .aside-title .aside-post-meta { color: #fff; } .darkmode--activated .post-social-mobile a { border-color: #1C1C1E; } .darkmode--activated .post-meta > * { color: #fff; } .darkmode--activated .author-content .bio { color: #fff; } .darkmode--activated .related-guides-container, .darkmode--activated .author-bio-container { border-color: #1C1C1E; } .darkmode--activated .related-guides-item p { color: #fff; } .darkmode--activated .related-guides-item-image img[src*="default-9to5mac-guide"], .darkmode--activated .related-guides-item-image img[src*="default-9to5google-guide"], .darkmode--activated .related-guides-item-image img[src*="default-9to5toys-guide"], .darkmode--activated .related-guides-item-image img[src*="default-electrek-guide"], .darkmode--activated .related-guides-item-image img[src*="default-dronedj-guide"] { filter: grayscale(1) invert(1); } .darkmode--activated .author-gear-item, .darkmode--activated .related-guides-item { border-bottom-color: #1C1C1E; } .darkmode--activated .author-gear h3:after, .darkmode--activated .author-gear h3 span { background-color: #1C1C1E; } .darkmode--activated .product-content { background: #000000; color: #fff; } .darkmode--activated .post-content.distributed .aside-posts .individual-aside .aside-title .aside-post-meta a.distributed-from-9to5mac { color: #78bbf4; } .darkmode--activated .post-content.distributed .aside-posts .individual-aside .aside-title .aside-post-meta a.distributed-from-9to5google { color: #83B38A; } .darkmode--activated .post-content.distributed .aside-posts .individual-aside .aside-title .aside-post-meta a.distributed-from-9to5toys { color: #EE7F84; } .darkmode--activated .post-content.distributed .aside-posts .individual-aside .aside-title .aside-post-meta a.distributed-from-electrek { color: #00ABE4; } .darkmode--activated .post-content.distributed .aside-posts .individual-aside .aside-title .aside-post-meta a.distributed-from-dronedj { color: #DB4459; } .darkmode--activated .post-content.distributed .dashicons.distributed-from-9to5mac, .darkmode--activated .post-content.distributed .dashicons.distributed-from-9to5google, .darkmode--activated .post-content.distributed .dashicons.distributed-from-9to5toys, .darkmode--activated .post-content.distributed .dashicons.distributed-from-electrek, .darkmode--activated .post-content.distributed .dashicons.distributed-from-dronedj { color: #fff; } .darkmode--activated .author-gear-item-description { color: #fff; } @media (min-width: 1024px) { .color-scheme-mac.darkmode--activated .site-header.js-header-sticky .primary-menu-ul a, .color-scheme-google.darkmode--activated .site-header.js-header-sticky .primary-menu-ul a, .color-scheme-toys.darkmode--activated .site-header.js-header-sticky .primary-menu-ul a, .color-scheme-electrek.darkmode--activated .site-header.js-header-sticky .primary-menu-ul a, .color-scheme-dronedj.darkmode--activated .site-header.js-header-sticky .primary-menu-ul a { color: #fff; } .color-scheme-mac.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:before, .color-scheme-google.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:before, .color-scheme-toys.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:before, .color-scheme-electrek.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:before, .color-scheme-dronedj.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:before { border-top-color: #fff; } .color-scheme-mac.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:after, .color-scheme-google.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:after, .color-scheme-toys.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:after, .color-scheme-electrek.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:after, .color-scheme-dronedj.darkmode--activated .js-header-sticky .primary-menu-ul > li.menu-item-has-children > a:after { border-top-color: #000000; } } @media (max-width: 767px) { .site-header.js-header-social-more-expanded .header-social { width: calc( 100% - 90px ); } .darkmode--activated.color-scheme-mac .site-switcher-list li, .darkmode--activated.color-scheme-google .site-switcher-list li, .darkmode--activated.color-scheme-toys .site-switcher-list li, .darkmode--activated .color-scheme-electrek .site-switcher-list li, .darkmode--activated .color-scheme-dronedj .site-switcher-list li { border-bottom-color: #58585d; } .darkmode--activated.color-scheme-mac .site-switcher-list a, .darkmode--activated.color-scheme-google .site-switcher-list a, .darkmode--activated.color-scheme-toys .site-switcher-list a, .darkmode--activated .color-scheme-electrek .site-switcher-list a, .darkmode--activated .color-scheme-dronedj .site-switcher-list a { color: #fff; } .darkmode--activated.color-scheme-mac .site-switcher-list .ninetofive-google, .darkmode--activated.color-scheme-mac .site-switcher-list .ninetofive-mac, .darkmode--activated.color-scheme-mac .site-switcher-list .ninetofive-toys, .darkmode--activated.color-scheme-mac .site-switcher-list .ninetofive-electrek, .darkmode--activated.color-scheme-mac .site-switcher-list .ninetofive-dronedj, .darkmode--activated.color-scheme-google .site-switcher-list .ninetofive-google, .darkmode--activated.color-scheme-google .site-switcher-list .ninetofive-mac, .darkmode--activated.color-scheme-google .site-switcher-list .ninetofive-toys, .darkmode--activated.color-scheme-google .site-switcher-list .ninetofive-electrek, .darkmode--activated.color-scheme-google .site-switcher-list .ninetofive-dronedj, .darkmode--activated.color-scheme-toys .site-switcher-list .ninetofive-google, .darkmode--activated.color-scheme-toys .site-switcher-list .ninetofive-mac, .darkmode--activated.color-scheme-toys .site-switcher-list .ninetofive-toys, .darkmode--activated.color-scheme-toys .site-switcher-list .ninetofive-electrek, .darkmode--activated.color-scheme-toys .site-switcher-list .ninetofive-dronedj, .darkmode--activated .color-scheme-electrek .site-switcher-list .ninetofive-google, .darkmode--activated .color-scheme-electrek .site-switcher-list .ninetofive-mac, .darkmode--activated .color-scheme-electrek .site-switcher-list .ninetofive-toys, .darkmode--activated .color-scheme-electrek .site-switcher-list .ninetofive-electrek, .darkmode--activated .color-scheme-electrek .site-switcher-list .ninetofive-dronedj, .darkmode--activated .color-scheme-dronedj .site-switcher-list .ninetofive-google, .darkmode--activated .color-scheme-dronedj .site-switcher-list .ninetofive-mac, .darkmode--activated .color-scheme-dronedj .site-switcher-list .ninetofive-toys, .darkmode--activated .color-scheme-dronedj .site-switcher-list .ninetofive-electrek, .darkmode--activated .color-scheme-dronedj .site-switcher-list .ninetofive-dronedj { color: #fff; fill: #fff; } .darkmode--activated.color-scheme-mac .site-switcher-list .ninetofive-electrek, .darkmode--activated.color-scheme-google .site-switcher-list .ninetofive-electrek, .darkmode--activated.color-scheme-toys .site-switcher-list .ninetofive-electrek, .darkmode--activated .color-scheme-electrek .site-switcher-list .ninetofive-electrek, .darkmode--activated .color-scheme-dronedj .site-switcher-list .ninetofive-electrek { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22900px%22%20height%3D%22200px%22%20viewBox%3D%220%200%20900%20200%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Electrek%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Electrek-Logo%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22electrek%22%20transform%3D%22translate%28450.255319%2C%20100.063830%29%20rotate%28-90.000000%29%20translate%28-450.255319%2C%20-100.063830%29%20translate%28366.000000%2C%20-339.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M167.311092%2C138.427429%20L34.6405516%2C138.427429%20C18.4519149%2C138.427429%203.8342758%2C146.288762%203.8342758%2C170.770286%20C3.8342758%2C175.716571%203.8342758%2C180.655619%204.05472655%2C185.594286%20L28.345119%2C185.594286%20C28.1174217%2C184.248762%2028.1174217%2C181.326476%2028.1174217%2C179.533333%20C28.1174217%2C174.14019%2031.7186256%2C170.770286%2039.3615539%2C170.770286%20L167.311092%2C170.770286%20L167.311092%2C138.427429%20Z%20M166.632195%2C754.987428%20L5.40908746%2C754.987428%20L5.40908746%2C786.882667%20L67.021639%2C786.882667%20L76.4670765%2C786.882667%20L166.632195%2C786.882667%20L166.632195%2C754.987428%20Z%20M157.63872%2C466.246858%20L123.910137%2C466.246858%20L123.910137%2C449.825142%20L101.19837%2C449.825142%20L101.19837%2C466.246858%20L34.6405516%2C466.246858%20C18.4519149%2C466.246858%203.8342758%2C474.104381%203.8342758%2C498.585905%20C3.8342758%2C503.528762%203.8342758%2C508.471238%204.05472655%2C513.409905%20L28.345119%2C513.409905%20C28.1174217%2C512.060953%2028.1174217%2C509.142096%2028.1174217%2C507.342095%20C28.1174217%2C501.959238%2031.7186256%2C498.585905%2039.3615539%2C498.585905%20L101.19837%2C498.585905%20L101.19837%2C518.100953%20L123.910137%2C518.100953%20L123.910137%2C498.585905%20L157.63872%2C498.585905%20L157.63872%2C466.246858%20Z%20M64.3201639%2C619.086476%20C17.7764507%2C619.086476%201.36011663%2C649.908572%201.36011663%2C677.756571%20C1.36011663%2C711.221332%2019.1239464%2C730.540572%2040.0370181%2C732.560761%20L40.0370181%2C699.096%20C30.5915808%2C695.275429%2027.6696548%2C686.295619%2027.6696548%2C677.983618%20C27.6696548%2C660.461333%2039.8093207%2C651.701714%2056.456785%2C651.481523%20L56.456785%2C651.366475%20C56.456785%2C651.366475%2060.3692135%2C651.212571%2064.8312435%2C651.212571%20C69.2894595%2C651.212571%2077.5903074%2C652.264763%2077.5903074%2C652.264763%20L77.5903074%2C652.37981%20C92.6522805%2C654.40038%20101.873453%2C662.261334%20101.873453%2C675.96%20C101.873453%2C690.56%2092.4283972%2C698.644953%2077.5903074%2C699.323047%20L77.5903074%2C668.479618%20C77.5903074%2C668.479618%2072.8345973%2C668.123428%2066.8503893%2C668.123428%20C60.8627485%2C668.123428%2056.48806%2C668.479618%2056.48806%2C668.479618%20L56.456785%2C732.788191%20C106.597888%2C734.130286%20128.406875%2C711.896%20128.406875%2C675.736381%20C128.406875%2C642.945905%20104.571877%2C619.086476%2064.3201639%2C619.086476%20Z%20M64.3201639%2C196.33219%20C17.7764507%2C196.33219%201.36011663%2C227.102096%201.36011663%2C254.946667%20C1.36011663%2C288.414857%2019.1239464%2C307.734096%2040.0370181%2C309.750857%20L40.0370181%2C276.286096%20C30.5915808%2C272.468951%2027.6696548%2C263.485715%2027.6696548%2C255.173714%20C27.6696548%2C237.654858%2039.8093207%2C228.899047%2056.456785%2C228.671619%20L56.456785%2C228.552761%20C56.456785%2C228.552761%2060.3692135%2C228.406095%2064.8312435%2C228.406095%20C69.2894595%2C228.406095%2077.5903074%2C229.458285%2077.5903074%2C229.458285%20L77.5903074%2C229.573333%20C92.6522805%2C231.593905%20101.873453%2C239.451428%20101.873453%2C253.153524%20C101.873453%2C267.750096%2092.4283972%2C275.838477%2077.5903074%2C276.513143%20L77.5903074%2C245.669714%20C77.5903074%2C245.669714%2072.8345973%2C245.32038%2066.8503893%2C245.32038%20C60.8627485%2C245.32038%2056.48806%2C245.669714%2056.48806%2C245.669714%20L56.456785%2C309.977905%20C106.597888%2C311.323809%20128.406875%2C289.089525%20128.406875%2C252.929905%20C128.406875%2C220.139429%20104.571877%2C196.33219%2064.3201639%2C196.33219%20Z%20M64.3201639%2C1.464%20C17.7764507%2C1.464%201.36011663%2C32.2339048%201.36011663%2C60.0819047%20C1.36011663%2C93.5466666%2019.1239464%2C112.862095%2040.0370181%2C114.886095%20L40.0370181%2C81.4213333%20C30.5915808%2C77.5973333%2027.6696548%2C68.6175239%2027.6696548%2C60.3055237%20C27.6696548%2C42.7900953%2039.8093207%2C34.0270476%2056.456785%2C33.8034286%20L56.456785%2C33.6879999%20C56.456785%2C33.6879999%2060.3692135%2C33.5379047%2064.8312435%2C33.5379047%20C69.2894595%2C33.5379047%2077.5903074%2C34.5862858%2077.5903074%2C34.5862858%20L77.5903074%2C34.7051429%20C92.6522805%2C36.7257142%20101.873453%2C44.5866666%20101.873453%2C58.2853334%20C101.873453%2C72.8853333%2092.4283972%2C80.9702857%2077.5903074%2C81.6415239%20L77.5903074%2C50.8049524%20C77.5903074%2C50.8049524%2072.8345973%2C50.455619%2066.8503893%2C50.455619%20C60.8627485%2C50.455619%2056.48806%2C50.8049524%2056.48806%2C50.8049524%20L56.456785%2C115.109714%20C106.597888%2C116.459048%20128.406875%2C94.2247618%20128.406875%2C58.0579047%20C128.406875%2C25.271238%20104.571877%2C1.464%2064.3201639%2C1.464%20Z%20M104.347612%2C568.815619%20L125.257633%2C568.815619%20L125.257633%2C537.821714%20L5.40908746%2C537.821714%20L5.40908746%2C570.61562%20L61.4016707%2C570.61562%20C85.460933%2C570.61562%2095.3541372%2C578.703999%2095.3541372%2C599.365334%20C95.3541372%2C602.283809%2095.1264398%2C604.982477%2094.6786729%2C608.57219%20L127.959108%2C608.57219%20C128.179559%2C607.226286%20128.179559%2C606.324572%20128.179559%2C604.528%20C128.179559%2C589.707429%20123.01079%2C579.155048%20104.347612%2C568.815619%20Z%20M62.9764823%2C326.109333%20C23.620684%2C326.109333%201.13966588%2C345.652191%201.13966588%2C382.483048%20C1.13966588%2C414.602286%2024.2961482%2C435.263619%2049.0308746%2C436.836572%20L49.0308746%2C403.595048%20C37.5594262%2C402.92419%2028.345119%2C397.754286%2028.345119%2C383.384762%20C28.345119%2C364.96419%2044.0825564%2C359.798096%2063.8685831%2C359.798096%20C93.3311772%2C359.798096%20100.750222%2C371.028571%20100.750222%2C383.608381%20C100.750222%2C397.08%2091.9840631%2C402.246096%2081.8597289%2C403.819047%20L81.8597289%2C437.06362%20C114.692397%2C433.467049%20128.179559%2C415.497143%20128.179559%2C382.706668%20C128.179559%2C345.652191%20102.097718%2C326.109333%2062.9764823%2C326.109333%20Z%20M124.809485%2C835.329142%20L76.4670765%2C797.369142%20L67.021639%2C797.369142%20L5.40908746%2C836.898285%20L5.40908746%2C876.529143%20L72.6454217%2C831.386285%20L124.809485%2C874.959618%20L124.809485%2C835.329142%20Z%22%20id%3D%22path-1%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/mask%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-1%22%20fill%3D%22%239B9DA0%22%20mask%3D%22url%28%23mask-2%29%22%20points%3D%22-1359.35382%201950.47619%20974.830575%201950.47619%20974.830575%20-1066.66667%20-1359.35382%20-1066.66667%22%3E%3C/polygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E"); } } @media (max-width: 374px) { .color-scheme-mac #js-button-social, .color-scheme-google #js-button-social, .color-scheme-toys #js-button-social, .color-scheme-electrek #js-button-social, .color-scheme-dronedj #js-button-social { display: none; } } @media screen and (max-width: 460px) { .site-header .header-icon-links a:nth-of-type(odd) { display: none; } }