/*!
 * Copyright (c) 2014-present Cliqz GmbH. All rights reserved.
 *
 * 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 https://mozilla.org/MPL/2.0/.
 */

@import 'variables';

$themes: (
    light: (
        base: (
            cliqz-history-bg: url(../images/history-icon_black.svg) no-repeat center center,
            cliqz-worldcup-bg: url(../images/soccer-icon-black.svg) no-repeat center center,
            cliqz-settings-bg: url(../images/settings-icon_black.svg) no-repeat center center,
            cliqz-modules-bg: url(../images/cliqz-modules-icon_black.svg) no-repeat center center,

            button-color: $color-cliqz-blue,
            button-color-hover: $color-dark-blue,
            background-mask-color: #DEE1E6,
        ),
        speed-dials: (
            dial-header-color: get-color-black-opacity(0.4),
            dial-delete-background: url(../images/delete.svg) no-repeat center,
            dial-button-plus-background: url(../images/plus_black.svg) no-repeat center center,
            dial-button-plus-opacity: 0.15,
            dial-button-plus-opacity-hover: 0.38,
            dial-logo-border: 0,
            dial-logo-box-shadow: 0px 1px 2px 0px get-color-black-opacity(0.24),
            dial-logo-box-shadow-hover: 0px 3px 8px 0px get-color-black-opacity(0.2),
            dial-title-color: get-color-black-opacity(0.7),
            dial-title-color-hover: rgb(0, 0, 0),
            dial-empty-bg-color: get-color-black-opacity(0.15),
            dial-header-text-shadow: none,
            dial-title-text-shadow: none,
        ),
        url-bar: (
            search-input-box-shadow: 0px 1px 2px 0px get-color-black-opacity(0.24),
            search-input-border: 0px solid rgba(0, 174, 240, 1),
            search-input-box-shadow-focus: 0px 7px 11px -4px get-color-black-opacity(0.52),
            search-input-color: #B7B7B7,
            search-input-cliqz-bg-image: url(../images/blue-search-icon.svg),
            search-input-ghostery-bg-image: url(../images/ghostery-tab-search-icon.svg),
            cliqz-logo-bg: url('../images/blue-cliqz-logo.svg') no-repeat center top,
            ghostery-tab-logo-bg: url('../images/dark-ghostery-tab-logo.svg') no-repeat center 15px,
        ),
        news: (
            news-dash-span-bg-color: get-color-black-opacity(0.3),
            news-dash-span-bg-color-active: get-color-black-opacity(0.65),
            news-dash-span-bg-color-hover: get-color-black-opacity(1),
            news-box-shadow: 0px 1px 2px 0px get-color-black-opacity(0.24),
            news-box-shadow-hover: 0px 3px 8px 0px get-color-black-opacity(0.2),
            news-bg-color: get-color-white-opacity(0.55),
            news-a-color: #333,
            news-header-url-color: get-color-black-opacity(0.5),
            news-title-color: get-color-black-opacity(0.7),
            news-description-color: get-color-black-opacity(0.7),
            news-read-more-btn-color: $color-cliqz-blue,
            news-breaking-news-color: #E64C66,
        ),
    ),

    dark: (
        base: (
            cliqz-history-bg: url(../images/history-icon.svg) no-repeat center center,
            cliqz-worldcup-bg: url(../images/soccer-tooltip.svg) no-repeat center center,
            cliqz-settings-bg: url(../images/settings-icon.svg) no-repeat center center,
            cliqz-modules-bg: url(../images/cliqz-modules-icon.svg) no-repeat center center,

            button-color: #64d4ff,
            button-color-hover: #64d4ff,
            background-mask-color: get-color-black-opacity(0.2),
        ),
        speed-dials: (
            dial-header-color: get-color-white-opacity(0.45),
            dial-button-plus-background: url(../images/plus.svg) no-repeat center center,
            dial-button-plus-opacity: 0.5,
            dial-button-plus-opacity-hover: 0.7,
            dial-delete-background: url(../images/delete.svg) no-repeat center,
            dial-logo-border: 1px solid get-color-white-opacity(0.4),
            dial-logo-box-shadow: 0px 6px 15px 0px get-color-black-opacity(0.11),
            dial-logo-box-shadow-hover: 0px 7px 11px -4px get-color-black-opacity(0.52),
            dial-title-color: get-color-white-opacity(0.9),
            dial-title-color-hover: rgb(255, 255, 255),
            dial-empty-bg-color: get-color-white-opacity(0.2),
            dial-header-text-shadow: 0px 0px 4px get-color-black-opacity(0.3),
            dial-title-text-shadow: 0px 0px 3px get-color-black-opacity(0.5),
        ),
        url-bar: (
            search-input-box-shadow: 0px 8px 19px 0px get-color-black-opacity(0.11),
            search-input-border: 0px solid rgba(0, 174, 240, 0),
            search-input-box-shadow-focus: 0px 7px 11px -4px get-color-black-opacity(0.52),
            search-input-color: #b7b7b7,
            search-input-cliqz-bg-image: url(../images/blue-search-icon.svg),
            search-input-ghostery-bg-image: url(../images/ghostery-tab-search-icon.svg),
            cliqz-logo-bg: url('../images/white-cliqz-logo.svg') no-repeat center top,
            ghostery-tab-logo-bg: url('../images/light-ghostery-tab-logo.svg') no-repeat center top,
        ),
        news: (
            news-dash-span-bg-color: get-color-white-opacity(0.3),
            news-dash-span-bg-color-active: get-color-white-opacity(0.7),
            news-dash-span-bg-color-hover: get-color-white-opacity(1),
            news-box-shadow: 0px 8px 19px 0px get-color-black-opacity(0.11),
            news-box-shadow-hover: 0px 8px 19px 0px get-color-black-opacity(0.11),
            news-bg-color: rgba(0, 16, 26, 0.35),
            news-a-color: #fff,
            news-header-url-color: get-color-white-opacity(0.5),
            news-title-color: get-color-white-opacity(0.9),
            news-description-color: get-color-white-opacity(0.9),
            news-read-more-btn-color: $color-cliqz-blue,
            news-breaking-news-color: #E64C66,
        ),
    )
);
