// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
// ┃ This file is part of the Perspective library, distributed under the terms ┃
// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

@grey60: #c5c9d0;
@grey500: #3b3f46;
@grey600: #2f3136;
@grey700: #2a2c2f;
@grey800: #242526;

perspective-workspace,
perspective-workspace[theme="Pro Dark"],
perspective-indicator[theme="Pro Dark"] {
    --theme-name: "Pro Dark";
}

perspective-workspace perspective-viewer {
    --status-bar--height: 39px;
}

perspective-workspace perspective-viewer[settings] {
    --modal-panel--margin: -4px 0 -4px 0;
    --status-bar--border-radius: 6px 0 0 0;
    --main-column--margin: 3px 0 3px 3px;
    --main-column--border: 1px solid var(--inactive--color);
    --main-column--border-width: 1px 0px 1px 1px;
    --main-column--border-radius: 6px 0 0 6px;
    --settings-button--margin: 10px 0 0 0;
}

perspective-workspace {
    @include perspective-workspace-pro-base;
    @include perspective-viewer-pro-dark--colors;

    background-color: #000202;
    color: white;
    // --workspace-master--background-color: @grey800;
    --workspace-tabbar--background-color: @grey800;
    // --workspace-tabbar--border: 1px solid @grey500;
    // --workspace-tabbar--border-color: @grey500;
    --workspace-secondary--color: @grey60;
    --workspace-tabbar--border: 1px solid var(--inactive--color);
    --workspace-tabbar--border-width: 0px 1px 1px 1px;
    --workspace-tabbar--border-radius: 0px 0px 6px 6px;
    --workspace-tabbar--border-color: var(--inactive--color);
    --workspace-tabbar-tab--border-width: 1px 1px 0 1px;
}

perspective-viewer[theme="Pro Dark"].workspace-master-widget {
    --plugin--background: @grey800;
}

perspective-workspace-menu {
    font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo",
        "Consolas", "Liberation Mono", monospace;
    font-weight: 300;
    background: @grey700 !important;
    color: white !important;
    border: 1px solid @grey500 !important;
}

@mixin perspective-workspace-pro-base {
    font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo",
        "Consolas", "Liberation Mono", monospace;
    --open-settings-button--content: "expand_more";
    --close-settings-button--content: "expand_less";
    --close-button--content: "\2715";
    --master-divider--background-color: #243136;
    --menu-maximize--content: "fullscreen";
    --menu-minimize--content: "fullscreen_exit";
    --menu-duplicate--content: "call_split";
    --menu-master--content: "cast";
    --menu-detail--content: "notes";
    --menu-export--content: "file_download";
    --menu-copy--content: "file_copy";
    --menu-reset--content: "autorenew";
    --menu-link--content: "link";
    --menu-unlink--content: "link_off";
    --menu-newmenu--content: "add";
    --menu-close--content: "close";
    --menu-new--content: "description";
    --menu-newview--content: "file_copy";

    --workspace-tabbar--border: 1px solid var(--inactive--color);
    --workspace-tabbar--border-width: 0px 1px 1px 1px;
    --workspace-tabbar--border-radius: 0px 0px 6px 6px;
    --workspace-tabbar--border-color: var(--inactive--color);
    --workspace-tabbar-tab--border-width: 1px 1px 0px 1px;

    // Workspace
    --column-drag-handle--mask-image: url("../svg/drag-handle.svg");
    --bookmarks--mask-image: url("../svg/bookmark-icon.svg");
}

@mixin perspective-viewer-pro-dark--colors {
    background-color: #242526;
    --workspace-split-panel-handle--background-color: @grey800;
    color: white;
    --icon--color: white;
    --active--color: #2770a9;
    --error--color: #ff9485;
    --inactive--color: #61656e;
    --inactive--border-color: #4c505b;
    --plugin--background: #242526;
    --modal-target--background: rgba(255, 255, 255, 0.05);
    --active--background: rgba(39, 113, 170, 0.5);
    --expression--operator-color: #c5c9d0;
    --expression--function-color: #22a0ce;
    --expression--error-color: rgb(255, 136, 136);
    --calendar--filter: invert(1);
    --warning--color: #242526;
    --warning--background: var(--icon--color);

    --select-arrow--background-image: var(
        --select-arrow-light--background-image
    );

    --select-arrow--hover--background-image: var(
        --select-arrow-dark--background-image
    );

    // Syntax
    --code-editor-symbol--color: white;
    --code-editor-literal--color: #7dc3f0;
    --code-editor-operator--color: rgb(23, 166, 123);
    --code-editor-comment--color: rgb(204, 120, 48);
    --code-editor-column--color: #e18ee1;
    // --code-editor-unknown--color: rgb(204, 120, 48);
}