PackageHelper/www/assets/css/oled.css

/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/*
 * Color adjustments for better OLED performance
 */

:root #app.theme-dark {
    --f7-page-bg-color: #111;
    --f7-list-bg-color: #111;
    --f7-popover-bg-color: #111;
    --f7-sheet-bg-color: #111;
}

#app.oled-burn-in .navbar .navbar-inner .title {
    color: rgba(255,255,255,0.3);
}

#app.oled-burn-in .navbar .link {
    color: rgba(100,100,255,0.5);
}

#app.oled-burn-in .navbar .link.text-color-red {
    color: rgba(255,100,100,0.3) !important;
}

#app.oled-burn-in .mapboxgl-ctrl-group {
    background: #222;
}

#app.oled-burn-in .mapboxgl-ctrl-group .mapboxgl-ctrl-icon {
    filter: invert(69%) sepia(0%) saturate(28%) hue-rotate(215deg) brightness(88%) contrast(91%);
}

#app.oled-burn-in .mapboxgl-ctrl-scale {
    background-color: #222;
    color: #ccc;
    border: 2px solid #333;
    border-top: none;
}

#app.oled-burn-in .mapboxgl-ctrl-group .mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    filter: contrast(30%);
}

#app.oled-burn-in .mapboxgl-ctrl-group .mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    filter: contrast(30%);
}