/*
  This file is a part of myTinyTodo.
*/


/* Dark mode */

/* prefers-color-scheme media query is used in html link tag */
:root {

    color-scheme: dark;

    --color-bg: #151515;
    --color-text-default: #eee;
    --color-text-reduced: #e0e0e0;
    --color-text-reduced2: #999;
    --color-text-reduced3: #666;
    --color-link: #6495ED; /* CornflowerBlue */
    --color-btn-reduced: #999;
    --color-btn-reduced-hover: #ddd;
    --color-btn-default: #fff;
    --color-btn-hover: #444;
    --color-submit: #444;
    --color-submit-hover: #555;
    --color-row-underlinig: #303030;
    --color-border-default: #555;
    --color-border-focus: #5a8df0;
    --color-error: #ff3333;
    --color-error-bg: var(--color-bg);
    --color-info: #EFC300;
    --color-info-bg: var(--color-bg);
    --color-input-bg: #1e1e1e;

    --color-toolbar: #3b3b3b;
    --color-btn-toolbar-hover: #555;
    --color-content-delimiter: #676767;
    --color-footer: var(--color-bg);

    /* Tabs */
    --color-tab: #1b1b1b;
    --color-tab-selected: var(--color-toolbar);
    --color-tab-hover: #262626;
    --color-tab-border: #676767;
    --color-tab-text: #ddd;
    --color-btn-tab: #ccc;
    --color-btn-tab-hover: #fff;
    --color-btn-tab-hover-bg: #5a5a5a;

    /* Menu */
    --color-menu: #252525;
    --color-menu-border: #555;
    --color-menu-hover: #5a8df0;
    --color-menu-text: #eaeaea;
    --color-menu-text-hover: #ebf0f8;
    --color-menu-text-disabled: #696969;
    --color-popup-shadow: 1px 2px 6px 1px rgba(85,85,85,0.1);

    /* Tasklist */
    --color-tasklist-row: var(--color-bg);
    --color-tasklist-row-border: var(--color-row-underlinig);
    --color-tasklist-row-inter-border: var(--color-tasklist-row-border);
    --color-tasklist-row-expanded-border: #555;
    --color-tasklist-tag: var(--color-tab-text);
    --color-tasklist-note-link: #999;
    --color-tasklist-link-hover: var(--color-link);
    --color-tasklisk-hover-shadow: rgba(255,255,255,0.4);
    --color-taglist-tag: var(--color-text-reduced);
    --color-taglist-tag-bg: #444;
    --color-taglist-tag-hover: var(--color-taglist-tag);
    --color-taglist-tag-hover-bg: var(--color-taglist-tag-bg);
    --color-tasklist-listname: #bbb;
    --color-tasklist-listname-bg: #333;


    /* Priority */
    --color-priority-none: #676767;
    --color-priority-text: var(--color-text-default);

    /* DueDates */
    --color-duedate-default: var(--color-tab-text);
    --color-duedate-soon: #008000;
    --color-duedate-today: #FF0000;
    --color-duedate-past: #B52D2D;

    /* Markdown */
    --color-md-border: #333;
    --color-md-bg-highlighted: #222;
    --color-md-text-blockquote: #777;

    /* Settings */
    --color-settings-row: #222;

    /* */
    --color-placeholder: #444;
    --color-placeholder-border: #555;

    --svg-select: var(--svg-select-dark);

}