mirror of
https://github.com/maxpozdeev/mytinytodo.git
synced 2026-03-11 08:55:27 +00:00
99 lines
2.8 KiB
CSS
99 lines
2.8 KiB
CSS
/*
|
|
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);
|
|
|
|
}
|