feat(temas): +17 esquemas do iTerm2-Color-Schemes (MIT)
- Dracula, Nord, Atom One Dark/Light, Monokai Pro, Gruvbox Dark/Light, Tokyo Night, Catppuccin Mocha/Latte, Tomorrow (Night), Ayu Mirage/Light, Kanagawa Wave, Nord Light, Carbon Paper — cores de UI e de tokens de sintaxe derivadas do Background/Foreground + ANSI 0–15 de cada .itermcolors - Cada tema declara color-scheme (scrollbars/controles) e overrides de seleção/itens ativos; seletor de Preferências agrupado (21 temas) - THEMES validado no loadPrefs; README com a lista e a atribuição
This commit is contained in:
lgcosta committed
1 parent
a55591d208
commit
993b341fc1
4 files changed
+779
-7
No files matched your search
@@ -71,8 +71,15 @@ ocupa a tela inteira; menus e toolbar rolam horizontalmente com botões só de
|
||||
realce, mantendo as camadas alinhadas.
|
||||
- **Fonte** (DejaVu Sans Mono, Ubuntu Mono, Cascadia Code, Liberation Mono, Courier New ou
|
||||
monoespaçada do sistema) e **tamanho** (10–32 px).
|
||||
- **Esquema de cores / tema**: Claro (Greybird), Escuro (Adwaita), Solarizado claro e
|
||||
Solarizado escuro — aplicam-se a toda a interface, incluindo preview e diffs.
|
||||
- **Esquema de cores / tema** (21 opções, em grupos no diálogo): nativos — Claro (Greybird),
|
||||
Escuro (Adwaita), Solarizado claro/escuro; **iTerm2-Color-Schemes** (projeto
|
||||
[mbadolato/iTerm2-Color-Schemes](https://github.com/mbadolato/iTerm2-Color-Schemes), MIT) —
|
||||
escuros: Dracula, Nord, Atom One Dark, Monokai Pro, Gruvbox Dark, Tokyo Night, Catppuccin
|
||||
Mocha, Tomorrow Night, Ayu Mirage, Kanagawa Wave; claros: Catppuccin Latte, Gruvbox Light,
|
||||
Atom One Light, Nord Light, Carbon Paper, Tomorrow, Ayu Light. As cores de UI **e** dos
|
||||
tokens de sintaxe são derivadas do Background/Foreground + ANSI 0–15 de cada arquivo
|
||||
`.itermcolors`; cada tema também declara `color-scheme` (scrollbars/controles nativos
|
||||
acompanham). Aplicam-se a toda a interface, incluindo preview e diffs.
|
||||
- **Colorização de sintaxe**: Markdown (títulos, negrito/itálico, código inline e blocos ` ``` `,
|
||||
listas, citações, links, tags `#tag`, URLs) e HTML (tags, atributos, strings, comentários,
|
||||
entidades) renderizados por overlay sobre o textarea; desligável.
|
||||
|
||||
+737
@@ -933,3 +933,740 @@ html[data-theme="solar-escuro"] #revisions-list li:hover { background: #0c4450;
|
||||
}
|
||||
.tab .tab-pres { color: var(--warn); font-size: 10px; flex: none; }
|
||||
#st-saved.pending { color: var(--accent); font-weight: 600; }
|
||||
|
||||
/* =========================================================================
|
||||
Esquemas de cores do projeto iTerm2-Color-Schemes
|
||||
(https://github.com/mbadolato/iTerm2-Color-Schemes, MIT).
|
||||
UI e tokens derivados do Background/Foreground + ANSI 0–15 de cada
|
||||
arquivo .itermcolors; nomes dos esquemas entre parênteses. */
|
||||
|
||||
/* Dracula — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="dracula"] { color-scheme: dark;
|
||||
--bg: #1f212a;
|
||||
--panel: #282a36;
|
||||
--panel-2: #393a45;
|
||||
--border: #66686e;
|
||||
--border-soft: #4d4f58;
|
||||
--fg: #f8f8f2;
|
||||
--muted: #a1a1a3;
|
||||
--accent: #d6acff;
|
||||
--accent-dark: #bd93f9;
|
||||
--danger: #ff6e6e;
|
||||
--success: #69ff94;
|
||||
--warn: #ffffa5;
|
||||
--diff-add: #324c45;
|
||||
--diff-del: #4a353f;
|
||||
--diff-hunk: #47415a;
|
||||
--tk-heading: #d6acff;
|
||||
--tk-strong: #ffffa5;
|
||||
--tk-em: #ff92df;
|
||||
--tk-strike: #ffb78a;
|
||||
--tk-code: #a4ffff;
|
||||
--tk-code-bg: #37444e;
|
||||
--tk-fence: #a1a1a3;
|
||||
--tk-link: #d6acff;
|
||||
--tk-url: #a1a1a3;
|
||||
--tk-tag: #d6acff;
|
||||
--tk-mark: #ffffa5;
|
||||
--tk-quote: #a1a1a3;
|
||||
--tk-html: #ff6e6e;
|
||||
--tk-attr: #ffffa5;
|
||||
--tk-str: #69ff94;
|
||||
--tk-comment: #6272a4;
|
||||
--tk-punc: #afb0b0;
|
||||
--tk-ent: #ff92df;
|
||||
--marker: #ffffa5;
|
||||
}
|
||||
html[data-theme="dracula"] #editor::selection { background: rgba(214,172,255, .30); }
|
||||
html[data-theme="dracula"] #notes-list li.active,
|
||||
html[data-theme="dracula"] #revisions-list li.active { background: #524966; }
|
||||
html[data-theme="dracula"] #notes-list li:hover,
|
||||
html[data-theme="dracula"] #revisions-list li:hover { background: #41434d; }
|
||||
|
||||
/* Nord — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="nord"] { color-scheme: dark;
|
||||
--bg: #242932;
|
||||
--panel: #2e3440;
|
||||
--panel-2: #3c424e;
|
||||
--border: #616773;
|
||||
--border-soft: #4d535e;
|
||||
--fg: #d8dee9;
|
||||
--muted: #9197a2;
|
||||
--accent: #81a1c1;
|
||||
--accent-dark: #81a1c1;
|
||||
--danger: #bf616a;
|
||||
--success: #a3be8c;
|
||||
--warn: #ebcb8b;
|
||||
--diff-add: #414a4c;
|
||||
--diff-del: #453b47;
|
||||
--diff-hunk: #3d4857;
|
||||
--tk-heading: #81a1c1;
|
||||
--tk-strong: #ebcb8b;
|
||||
--tk-em: #b48ead;
|
||||
--tk-strike: #d5967b;
|
||||
--tk-code: #8fbcbb;
|
||||
--tk-code-bg: #3a444f;
|
||||
--tk-fence: #9197a2;
|
||||
--tk-link: #81a1c1;
|
||||
--tk-url: #9197a2;
|
||||
--tk-tag: #81a1c1;
|
||||
--tk-mark: #ebcb8b;
|
||||
--tk-quote: #9197a2;
|
||||
--tk-html: #bf616a;
|
||||
--tk-attr: #ebcb8b;
|
||||
--tk-str: #a3be8c;
|
||||
--tk-comment: #4c566a;
|
||||
--tk-punc: #9da3ae;
|
||||
--tk-ent: #b48ead;
|
||||
--marker: #ebcb8b;
|
||||
}
|
||||
html[data-theme="nord"] #editor::selection { background: rgba(129,161,193, .30); }
|
||||
html[data-theme="nord"] #notes-list li.active,
|
||||
html[data-theme="nord"] #revisions-list li.active { background: #424e5f; }
|
||||
html[data-theme="nord"] #notes-list li:hover,
|
||||
html[data-theme="nord"] #revisions-list li:hover { background: #424854; }
|
||||
|
||||
/* Gruvbox Dark — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="gruvbox-dark"] { color-scheme: dark;
|
||||
--bg: #1f1f1f;
|
||||
--panel: #282828;
|
||||
--panel-2: #383633;
|
||||
--border: #635e51;
|
||||
--border-soft: #4b4841;
|
||||
--fg: #ebdbb2;
|
||||
--muted: #999078;
|
||||
--accent: #83a598;
|
||||
--accent-dark: #458588;
|
||||
--danger: #fb4934;
|
||||
--success: #b8bb26;
|
||||
--warn: #fabd2f;
|
||||
--diff-add: #3f4028;
|
||||
--diff-del: #4a2d2a;
|
||||
--diff-hunk: #383f3c;
|
||||
--tk-heading: #83a598;
|
||||
--tk-strong: #fabd2f;
|
||||
--tk-em: #d3869b;
|
||||
--tk-strike: #fb8332;
|
||||
--tk-code: #8ec07c;
|
||||
--tk-code-bg: #343a32;
|
||||
--tk-fence: #999078;
|
||||
--tk-link: #83a598;
|
||||
--tk-url: #999078;
|
||||
--tk-tag: #83a598;
|
||||
--tk-mark: #fabd2f;
|
||||
--tk-quote: #999078;
|
||||
--tk-html: #fb4934;
|
||||
--tk-attr: #fabd2f;
|
||||
--tk-str: #b8bb26;
|
||||
--tk-comment: #928374;
|
||||
--tk-punc: #a79c82;
|
||||
--tk-ent: #d3869b;
|
||||
--marker: #fabd2f;
|
||||
}
|
||||
html[data-theme="gruvbox-dark"] #editor::selection { background: rgba(131,165,152, .30); }
|
||||
html[data-theme="gruvbox-dark"] #notes-list li.active,
|
||||
html[data-theme="gruvbox-dark"] #revisions-list li.active { background: #3e4643; }
|
||||
html[data-theme="gruvbox-dark"] #notes-list li:hover,
|
||||
html[data-theme="gruvbox-dark"] #revisions-list li:hover { background: #3f3d39; }
|
||||
|
||||
/* Catppuccin Mocha — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="catppuccin-mocha"] { color-scheme: dark;
|
||||
--bg: #171724;
|
||||
--panel: #1e1e2e;
|
||||
--panel-2: #2c2d3e;
|
||||
--border: #535569;
|
||||
--border-soft: #3e3f52;
|
||||
--fg: #cdd6f4;
|
||||
--muted: #8489a1;
|
||||
--accent: #aeccfc;
|
||||
--accent-dark: #89b4fa;
|
||||
--danger: #f7aec2;
|
||||
--success: #c2ecbf;
|
||||
--warn: #fcd682;
|
||||
--diff-add: #383f45;
|
||||
--diff-del: #413546;
|
||||
--diff-hunk: #383d53;
|
||||
--tk-heading: #aeccfc;
|
||||
--tk-strong: #fcd682;
|
||||
--tk-em: #f398da;
|
||||
--tk-strike: #fac2a2;
|
||||
--tk-code: #b1eae1;
|
||||
--tk-code-bg: #303643;
|
||||
--tk-fence: #8489a1;
|
||||
--tk-link: #aeccfc;
|
||||
--tk-url: #8489a1;
|
||||
--tk-tag: #aeccfc;
|
||||
--tk-mark: #fcd682;
|
||||
--tk-quote: #8489a1;
|
||||
--tk-html: #f7aec2;
|
||||
--tk-attr: #fcd682;
|
||||
--tk-str: #c2ecbf;
|
||||
--tk-comment: #585b70;
|
||||
--tk-punc: #9096af;
|
||||
--tk-ent: #f398da;
|
||||
--marker: #fcd682;
|
||||
}
|
||||
html[data-theme="catppuccin-mocha"] #editor::selection { background: rgba(174,204,252, .30); }
|
||||
html[data-theme="catppuccin-mocha"] #notes-list li.active,
|
||||
html[data-theme="catppuccin-mocha"] #revisions-list li.active { background: #41485f; }
|
||||
html[data-theme="catppuccin-mocha"] #notes-list li:hover,
|
||||
html[data-theme="catppuccin-mocha"] #revisions-list li:hover { background: #333446; }
|
||||
|
||||
/* Tomorrow Night — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="tomorrow-night"] { color-scheme: dark;
|
||||
--bg: #17181a;
|
||||
--panel: #1d1f21;
|
||||
--panel-2: #2a2d2e;
|
||||
--border: #4f5253;
|
||||
--border-soft: #3b3d3f;
|
||||
--fg: #c5c8c6;
|
||||
--muted: #7e8181;
|
||||
--accent: #81a2be;
|
||||
--accent-dark: #81a2be;
|
||||
--danger: #cc6666;
|
||||
--success: #b5bd68;
|
||||
--warn: #f0c674;
|
||||
--diff-add: #35382c;
|
||||
--diff-del: #392a2c;
|
||||
--diff-hunk: #2f373d;
|
||||
--tk-heading: #81a2be;
|
||||
--tk-strong: #f0c674;
|
||||
--tk-em: #b294bb;
|
||||
--tk-strike: #de966d;
|
||||
--tk-code: #8abeb7;
|
||||
--tk-code-bg: #2a3233;
|
||||
--tk-fence: #7e8181;
|
||||
--tk-link: #81a2be;
|
||||
--tk-url: #7e8181;
|
||||
--tk-tag: #81a2be;
|
||||
--tk-mark: #f0c674;
|
||||
--tk-quote: #7e8181;
|
||||
--tk-html: #cc6666;
|
||||
--tk-attr: #f0c674;
|
||||
--tk-str: #b5bd68;
|
||||
--tk-comment: #000000;
|
||||
--tk-punc: #8a8d8c;
|
||||
--tk-ent: #b294bb;
|
||||
--marker: #f0c674;
|
||||
}
|
||||
html[data-theme="tomorrow-night"] #editor::selection { background: rgba(129,162,190, .30); }
|
||||
html[data-theme="tomorrow-night"] #notes-list li.active,
|
||||
html[data-theme="tomorrow-night"] #revisions-list li.active { background: #353e47; }
|
||||
html[data-theme="tomorrow-night"] #notes-list li:hover,
|
||||
html[data-theme="tomorrow-night"] #revisions-list li:hover { background: #313335; }
|
||||
|
||||
/* Ayu Mirage — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="ayu-mirage"] { color-scheme: dark;
|
||||
--bg: #181c25;
|
||||
--panel: #1f2430;
|
||||
--panel-2: #2d313c;
|
||||
--border: #53565c;
|
||||
--border-soft: #3e424a;
|
||||
--fg: #cccac2;
|
||||
--muted: #838485;
|
||||
--accent: #73d0ff;
|
||||
--accent-dark: #6dcbfa;
|
||||
--danger: #f28779;
|
||||
--success: #d5ff80;
|
||||
--warn: #ffd173;
|
||||
--diff-add: #3c473d;
|
||||
--diff-del: #41343c;
|
||||
--diff-hunk: #2e4355;
|
||||
--tk-heading: #73d0ff;
|
||||
--tk-strong: #ffd173;
|
||||
--tk-em: #dfbfff;
|
||||
--tk-strike: #f9ac76;
|
||||
--tk-code: #95e6cb;
|
||||
--tk-code-bg: #2d3b43;
|
||||
--tk-fence: #838485;
|
||||
--tk-link: #73d0ff;
|
||||
--tk-url: #838485;
|
||||
--tk-tag: #73d0ff;
|
||||
--tk-mark: #ffd173;
|
||||
--tk-quote: #838485;
|
||||
--tk-html: #f28779;
|
||||
--tk-attr: #ffd173;
|
||||
--tk-str: #d5ff80;
|
||||
--tk-comment: #686868;
|
||||
--tk-punc: #8f908f;
|
||||
--tk-ent: #dfbfff;
|
||||
--marker: #ffd173;
|
||||
}
|
||||
html[data-theme="ayu-mirage"] #editor::selection { background: rgba(115,208,255, .30); }
|
||||
html[data-theme="ayu-mirage"] #notes-list li.active,
|
||||
html[data-theme="ayu-mirage"] #revisions-list li.active { background: #334d62; }
|
||||
html[data-theme="ayu-mirage"] #notes-list li:hover,
|
||||
html[data-theme="ayu-mirage"] #revisions-list li:hover { background: #343842; }
|
||||
|
||||
/* Kanagawa Wave — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="kanagawa-wave"] { color-scheme: dark;
|
||||
--bg: #18181f;
|
||||
--panel: #1f1f28;
|
||||
--panel-2: #2e2e34;
|
||||
--border: #585654;
|
||||
--border-soft: #414042;
|
||||
--fg: #dcd7ba;
|
||||
--muted: #8d8a7d;
|
||||
--accent: #7fb4ca;
|
||||
--accent-dark: #7e9cd8;
|
||||
--danger: #e82424;
|
||||
--success: #98bb6c;
|
||||
--warn: #e6c384;
|
||||
--diff-add: #323833;
|
||||
--diff-del: #3f2027;
|
||||
--diff-hunk: #303a45;
|
||||
--tk-heading: #7fb4ca;
|
||||
--tk-strong: #e6c384;
|
||||
--tk-em: #938aa9;
|
||||
--tk-strike: #e77454;
|
||||
--tk-code: #7aa89f;
|
||||
--tk-code-bg: #2a2f36;
|
||||
--tk-fence: #8d8a7d;
|
||||
--tk-link: #7fb4ca;
|
||||
--tk-url: #8d8a7d;
|
||||
--tk-tag: #7fb4ca;
|
||||
--tk-mark: #e6c384;
|
||||
--tk-quote: #8d8a7d;
|
||||
--tk-html: #e82424;
|
||||
--tk-attr: #e6c384;
|
||||
--tk-str: #98bb6c;
|
||||
--tk-comment: #727169;
|
||||
--tk-punc: #9a9787;
|
||||
--tk-ent: #938aa9;
|
||||
--marker: #e6c384;
|
||||
}
|
||||
html[data-theme="kanagawa-wave"] #editor::selection { background: rgba(127,180,202, .30); }
|
||||
html[data-theme="kanagawa-wave"] #notes-list li.active,
|
||||
html[data-theme="kanagawa-wave"] #revisions-list li.active { background: #36434f; }
|
||||
html[data-theme="kanagawa-wave"] #notes-list li:hover,
|
||||
html[data-theme="kanagawa-wave"] #revisions-list li:hover { background: #36353a; }
|
||||
|
||||
/* Catppuccin Latte — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="catppuccin-latte"] { color-scheme: light;
|
||||
--bg: #e3e5e9;
|
||||
--panel: #eff1f5;
|
||||
--panel-2: #e5e7ed;
|
||||
--border: #bec0cb;
|
||||
--border-soft: #d2d4dc;
|
||||
--fg: #4c4f69;
|
||||
--muted: #9093a4;
|
||||
--accent: #1e66f5;
|
||||
--accent-dark: #1e66f5;
|
||||
--danger: #d20f39;
|
||||
--success: #40a02b;
|
||||
--warn: #df8e1d;
|
||||
--diff-add: #d3e4d5;
|
||||
--diff-del: #eacdd7;
|
||||
--diff-hunk: #c9d8f5;
|
||||
--tk-heading: #1e66f5;
|
||||
--tk-strong: #df8e1d;
|
||||
--tk-em: #ea76cb;
|
||||
--tk-strike: #d94f2b;
|
||||
--tk-code: #179299;
|
||||
--tk-code-bg: #d5e6ea;
|
||||
--tk-fence: #9093a4;
|
||||
--tk-link: #1e66f5;
|
||||
--tk-url: #9093a4;
|
||||
--tk-tag: #1e66f5;
|
||||
--tk-mark: #d20f39;
|
||||
--tk-quote: #9093a4;
|
||||
--tk-html: #d20f39;
|
||||
--tk-attr: #df8e1d;
|
||||
--tk-str: #40a02b;
|
||||
--tk-comment: #acb0be;
|
||||
--tk-punc: #85889a;
|
||||
--tk-ent: #ea76cb;
|
||||
--marker: #df8e1d;
|
||||
}
|
||||
html[data-theme="catppuccin-latte"] #editor::selection { background: rgba(30,102,245, .30); }
|
||||
html[data-theme="catppuccin-latte"] #notes-list li.active,
|
||||
html[data-theme="catppuccin-latte"] #revisions-list li.active { background: #bdd0f5; }
|
||||
html[data-theme="catppuccin-latte"] #notes-list li:hover,
|
||||
html[data-theme="catppuccin-latte"] #revisions-list li:hover { background: #e2e4ea; }
|
||||
|
||||
/* Gruvbox Light — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="gruvbox-light"] { color-scheme: light;
|
||||
--bg: #eee5bd;
|
||||
--panel: #fbf1c7;
|
||||
--panel-2: #f0e6be;
|
||||
--border: #c2ba9c;
|
||||
--border-soft: #d9d0ad;
|
||||
--fg: #3c3836;
|
||||
--muted: #8c8673;
|
||||
--accent: #458588;
|
||||
--accent-dark: #458588;
|
||||
--danger: #cc241d;
|
||||
--success: #98971a;
|
||||
--warn: #d79921;
|
||||
--diff-add: #ebe3ab;
|
||||
--diff-del: #f3d0ac;
|
||||
--diff-hunk: #dadebc;
|
||||
--tk-heading: #458588;
|
||||
--tk-strong: #d79921;
|
||||
--tk-em: #b16286;
|
||||
--tk-strike: #d25f1f;
|
||||
--tk-code: #689d6a;
|
||||
--tk-code-bg: #e9e7bc;
|
||||
--tk-fence: #8c8673;
|
||||
--tk-link: #458588;
|
||||
--tk-url: #8c8673;
|
||||
--tk-tag: #458588;
|
||||
--tk-mark: #cc241d;
|
||||
--tk-quote: #8c8673;
|
||||
--tk-html: #cc241d;
|
||||
--tk-attr: #d79921;
|
||||
--tk-str: #98971a;
|
||||
--tk-comment: #928374;
|
||||
--tk-punc: #7f7969;
|
||||
--tk-ent: #b16286;
|
||||
--marker: #d79921;
|
||||
}
|
||||
html[data-theme="gruvbox-light"] #editor::selection { background: rgba(69,133,136, .30); }
|
||||
html[data-theme="gruvbox-light"] #notes-list li.active,
|
||||
html[data-theme="gruvbox-light"] #revisions-list li.active { background: #cfd7b8; }
|
||||
html[data-theme="gruvbox-light"] #notes-list li:hover,
|
||||
html[data-theme="gruvbox-light"] #revisions-list li:hover { background: #ece2bb; }
|
||||
|
||||
/* Nord Light — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="nord-light"] { color-scheme: light;
|
||||
--bg: #dadde4;
|
||||
--panel: #e5e9f0;
|
||||
--panel-2: #dbdfe7;
|
||||
--border: #b4b9c2;
|
||||
--border-soft: #c7ccd5;
|
||||
--fg: #414858;
|
||||
--muted: #868c98;
|
||||
--accent: #81a1c1;
|
||||
--accent-dark: #81a1c1;
|
||||
--danger: #bf616a;
|
||||
--success: #a3be8c;
|
||||
--warn: #ebcb8b;
|
||||
--diff-add: #dae2e0;
|
||||
--diff-del: #dfd3db;
|
||||
--diff-hunk: #d3dce8;
|
||||
--tk-heading: #81a1c1;
|
||||
--tk-strong: #ebcb8b;
|
||||
--tk-em: #b48ead;
|
||||
--tk-strike: #d5967b;
|
||||
--tk-code: #88c0d0;
|
||||
--tk-code-bg: #dae4ec;
|
||||
--tk-fence: #868c98;
|
||||
--tk-link: #81a1c1;
|
||||
--tk-url: #868c98;
|
||||
--tk-tag: #81a1c1;
|
||||
--tk-mark: #bf616a;
|
||||
--tk-quote: #868c98;
|
||||
--tk-html: #bf616a;
|
||||
--tk-attr: #ebcb8b;
|
||||
--tk-str: #a3be8c;
|
||||
--tk-comment: #4c566a;
|
||||
--tk-punc: #7a808d;
|
||||
--tk-ent: #b48ead;
|
||||
--marker: #ebcb8b;
|
||||
}
|
||||
html[data-theme="nord-light"] #editor::selection { background: rgba(129,161,193, .30); }
|
||||
html[data-theme="nord-light"] #notes-list li.active,
|
||||
html[data-theme="nord-light"] #revisions-list li.active { background: #cdd8e5; }
|
||||
html[data-theme="nord-light"] #notes-list li:hover,
|
||||
html[data-theme="nord-light"] #revisions-list li:hover { background: #d8dce4; }
|
||||
|
||||
/* Tomorrow — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="tomorrow"] { color-scheme: light;
|
||||
--bg: #f2f2f2;
|
||||
--panel: #ffffff;
|
||||
--panel-2: #f4f4f4;
|
||||
--border: #cacac9;
|
||||
--border-soft: #dfdfdf;
|
||||
--fg: #4d4d4c;
|
||||
--muted: #989897;
|
||||
--accent: #4271ae;
|
||||
--accent-dark: #4271ae;
|
||||
--danger: #c82829;
|
||||
--success: #718c00;
|
||||
--warn: #eab700;
|
||||
--diff-add: #e8edd6;
|
||||
--diff-del: #f6dddd;
|
||||
--diff-hunk: #dde5f0;
|
||||
--tk-heading: #4271ae;
|
||||
--tk-strong: #eab700;
|
||||
--tk-em: #8959a8;
|
||||
--tk-strike: #d97015;
|
||||
--tk-code: #3e999f;
|
||||
--tk-code-bg: #e8f3f3;
|
||||
--tk-fence: #989897;
|
||||
--tk-link: #4271ae;
|
||||
--tk-url: #989897;
|
||||
--tk-tag: #4271ae;
|
||||
--tk-mark: #c82829;
|
||||
--tk-quote: #989897;
|
||||
--tk-html: #c82829;
|
||||
--tk-attr: #eab700;
|
||||
--tk-str: #718c00;
|
||||
--tk-comment: #000000;
|
||||
--tk-punc: #8b8b8b;
|
||||
--tk-ent: #8959a8;
|
||||
--marker: #eab700;
|
||||
}
|
||||
html[data-theme="tomorrow"] #editor::selection { background: rgba(66,113,174, .30); }
|
||||
html[data-theme="tomorrow"] #notes-list li.active,
|
||||
html[data-theme="tomorrow"] #revisions-list li.active { background: #d2ddec; }
|
||||
html[data-theme="tomorrow"] #notes-list li:hover,
|
||||
html[data-theme="tomorrow"] #revisions-list li:hover { background: #f1f1f1; }
|
||||
|
||||
/* Ayu Light — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="ayu-light"] { color-scheme: light;
|
||||
--bg: #ecedee;
|
||||
--panel: #f8f9fa;
|
||||
--panel-2: #eff0f1;
|
||||
--border: #c9cbce;
|
||||
--border-soft: #dcdedf;
|
||||
--fg: #5c6166;
|
||||
--muted: #9ea1a4;
|
||||
--accent: #3199e1;
|
||||
--accent-dark: #3199e1;
|
||||
--danger: #ea6c6d;
|
||||
--success: #6cbf43;
|
||||
--warn: #eca944;
|
||||
--diff-add: #e2f0dd;
|
||||
--diff-del: #f6e2e3;
|
||||
--diff-hunk: #d4e8f6;
|
||||
--tk-heading: #3199e1;
|
||||
--tk-strong: #eca944;
|
||||
--tk-em: #9e75c7;
|
||||
--tk-strike: #eb8b59;
|
||||
--tk-code: #46ba94;
|
||||
--tk-code-bg: #e3f1ee;
|
||||
--tk-fence: #9ea1a4;
|
||||
--tk-link: #3199e1;
|
||||
--tk-url: #9ea1a4;
|
||||
--tk-tag: #3199e1;
|
||||
--tk-mark: #ea6c6d;
|
||||
--tk-quote: #9ea1a4;
|
||||
--tk-html: #ea6c6d;
|
||||
--tk-attr: #eca944;
|
||||
--tk-str: #6cbf43;
|
||||
--tk-comment: #686868;
|
||||
--tk-punc: #93969a;
|
||||
--tk-ent: #9e75c7;
|
||||
--marker: #eca944;
|
||||
}
|
||||
html[data-theme="ayu-light"] #editor::selection { background: rgba(49,153,225, .30); }
|
||||
html[data-theme="ayu-light"] #notes-list li.active,
|
||||
html[data-theme="ayu-light"] #revisions-list li.active { background: #c8e2f4; }
|
||||
html[data-theme="ayu-light"] #notes-list li:hover,
|
||||
html[data-theme="ayu-light"] #revisions-list li:hover { background: #ecedee; }
|
||||
|
||||
/* Atom One Dark — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="one-dark"] { color-scheme: dark;
|
||||
--bg: #1a1d22;
|
||||
--panel: #21252b;
|
||||
--panel-2: #2c3037;
|
||||
--border: #4a4f57;
|
||||
--border-soft: #3a3e46;
|
||||
--fg: #abb2bf;
|
||||
--muted: #717781;
|
||||
--accent: #61afef;
|
||||
--accent-dark: #61afef;
|
||||
--danger: #e06c75;
|
||||
--success: #98c379;
|
||||
--warn: #e5c07b;
|
||||
--diff-add: #343e37;
|
||||
--diff-del: #403037;
|
||||
--diff-hunk: #2d3e4e;
|
||||
--tk-heading: #61afef;
|
||||
--tk-strong: #e5c07b;
|
||||
--tk-em: #c678dd;
|
||||
--tk-strike: #e39678;
|
||||
--tk-code: #56b6c2;
|
||||
--tk-code-bg: #27363d;
|
||||
--tk-fence: #747a84;
|
||||
--tk-link: #61afef;
|
||||
--tk-url: #717781;
|
||||
--tk-tag: #61afef;
|
||||
--tk-mark: #e5c07b;
|
||||
--tk-quote: #717781;
|
||||
--tk-html: #e06c75;
|
||||
--tk-attr: #e5c07b;
|
||||
--tk-str: #98c379;
|
||||
--tk-comment: #767676;
|
||||
--tk-punc: #7b818b;
|
||||
--tk-ent: #c678dd;
|
||||
--marker: #e5c07b;
|
||||
}
|
||||
html[data-theme="one-dark"] #editor::selection { background: rgba(97,175,239, .30); }
|
||||
html[data-theme="one-dark"] #notes-list li.active,
|
||||
html[data-theme="one-dark"] #revisions-list li.active { background: #30465a; }
|
||||
html[data-theme="one-dark"] #notes-list li:hover,
|
||||
html[data-theme="one-dark"] #revisions-list li:hover { background: #32363d; }
|
||||
|
||||
/* Atom One Light — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="one-light"] { color-scheme: light;
|
||||
--bg: #ededed;
|
||||
--panel: #f9f9f9;
|
||||
--panel-2: #ededed;
|
||||
--border: #bbbcbe;
|
||||
--border-soft: #d4d4d5;
|
||||
--fg: #2a2c33;
|
||||
--muted: #818286;
|
||||
--accent: #2f5af3;
|
||||
--accent-dark: #2648c2;
|
||||
--danger: #de3e35;
|
||||
--success: #3f953a;
|
||||
--warn: #d2b67c;
|
||||
--diff-add: #dbe9da;
|
||||
--diff-del: #f5dbda;
|
||||
--diff-hunk: #d5dcf8;
|
||||
--tk-heading: #2f5af3;
|
||||
--tk-strong: #d2b67c;
|
||||
--tk-em: #950095;
|
||||
--tk-strike: #d87a59;
|
||||
--tk-code: #3f953a;
|
||||
--tk-code-bg: #e3ede2;
|
||||
--tk-fence: #7d7e82;
|
||||
--tk-link: #2f5af3;
|
||||
--tk-url: #818286;
|
||||
--tk-tag: #2f5af3;
|
||||
--tk-mark: #de3e35;
|
||||
--tk-quote: #818286;
|
||||
--tk-html: #de3e35;
|
||||
--tk-attr: #d2b67c;
|
||||
--tk-str: #3f953a;
|
||||
--tk-comment: #000000;
|
||||
--tk-punc: #727478;
|
||||
--tk-ent: #950095;
|
||||
--marker: #d2b67c;
|
||||
}
|
||||
html[data-theme="one-light"] #editor::selection { background: rgba(47,90,243, .30); }
|
||||
html[data-theme="one-light"] #notes-list li.active,
|
||||
html[data-theme="one-light"] #revisions-list li.active { background: #c9d3f8; }
|
||||
html[data-theme="one-light"] #notes-list li:hover,
|
||||
html[data-theme="one-light"] #revisions-list li:hover { background: #e8e9e9; }
|
||||
|
||||
/* Monokai Pro — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="monokai"] { color-scheme: dark;
|
||||
--bg: #232124;
|
||||
--panel: #2d2a2e;
|
||||
--panel-2: #3e3b3e;
|
||||
--border: #6b696b;
|
||||
--border-soft: #525053;
|
||||
--fg: #fcfcfa;
|
||||
--muted: #a5a4a4;
|
||||
--accent: #fc9867;
|
||||
--accent-dark: #fc9867;
|
||||
--danger: #ff6188;
|
||||
--success: #a9dc76;
|
||||
--warn: #ffd866;
|
||||
--diff-add: #41463a;
|
||||
--diff-del: #4f333c;
|
||||
--diff-hunk: #523e38;
|
||||
--tk-heading: #fc9867;
|
||||
--tk-strong: #ffd866;
|
||||
--tk-em: #ab9df2;
|
||||
--tk-strike: #ff9d77;
|
||||
--tk-code: #78dce8;
|
||||
--tk-code-bg: #363f44;
|
||||
--tk-fence: #a9a8a8;
|
||||
--tk-link: #fc9867;
|
||||
--tk-url: #a5a4a4;
|
||||
--tk-tag: #fc9867;
|
||||
--tk-mark: #ffd866;
|
||||
--tk-quote: #a5a4a4;
|
||||
--tk-html: #ff6188;
|
||||
--tk-attr: #ffd866;
|
||||
--tk-str: #a9dc76;
|
||||
--tk-comment: #727072;
|
||||
--tk-punc: #b4b3b3;
|
||||
--tk-ent: #ab9df2;
|
||||
--marker: #ffd866;
|
||||
}
|
||||
html[data-theme="monokai"] #editor::selection { background: rgba(252,152,103, .30); }
|
||||
html[data-theme="monokai"] #notes-list li.active,
|
||||
html[data-theme="monokai"] #revisions-list li.active { background: #5f443c; }
|
||||
html[data-theme="monokai"] #notes-list li:hover,
|
||||
html[data-theme="monokai"] #revisions-list li:hover { background: #464346; }
|
||||
|
||||
/* Tokyo Night — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="tokyo-night"] { color-scheme: dark;
|
||||
--bg: #14151e;
|
||||
--panel: #1a1b26;
|
||||
--panel-2: #272937;
|
||||
--border: #4c5064;
|
||||
--border-soft: #383b4b;
|
||||
--fg: #c0caf5;
|
||||
--muted: #7a819e;
|
||||
--accent: #7aa2f7;
|
||||
--accent-dark: #7aa2f7;
|
||||
--danger: #f7768e;
|
||||
--success: #9ece6a;
|
||||
--warn: #e0af68;
|
||||
--diff-add: #2f3831;
|
||||
--diff-del: #3d2a37;
|
||||
--diff-hunk: #2b334c;
|
||||
--tk-heading: #7aa2f7;
|
||||
--tk-strong: #e0af68;
|
||||
--tk-em: #bb9af7;
|
||||
--tk-strike: #ec937b;
|
||||
--tk-code: #7dcfff;
|
||||
--tk-code-bg: #263140;
|
||||
--tk-fence: #7e84a2;
|
||||
--tk-link: #7aa2f7;
|
||||
--tk-url: #7a819e;
|
||||
--tk-tag: #7aa2f7;
|
||||
--tk-mark: #e0af68;
|
||||
--tk-quote: #7a819e;
|
||||
--tk-html: #f7768e;
|
||||
--tk-attr: #e0af68;
|
||||
--tk-str: #9ece6a;
|
||||
--tk-comment: #414868;
|
||||
--tk-punc: #868dad;
|
||||
--tk-ent: #bb9af7;
|
||||
--marker: #e0af68;
|
||||
}
|
||||
html[data-theme="tokyo-night"] #editor::selection { background: rgba(122,162,247, .30); }
|
||||
html[data-theme="tokyo-night"] #notes-list li.active,
|
||||
html[data-theme="tokyo-night"] #revisions-list li.active { background: #313b58; }
|
||||
html[data-theme="tokyo-night"] #notes-list li:hover,
|
||||
html[data-theme="tokyo-night"] #revisions-list li:hover { background: #2e303f; }
|
||||
|
||||
/* Carbon Paper — iTerm2-Color-Schemes (mbadolato, MIT) */
|
||||
html[data-theme="carbon-paper"] { color-scheme: light;
|
||||
--bg: #eceae1;
|
||||
--panel: #f8f6ed;
|
||||
--panel-2: #ebe9e1;
|
||||
--border: #b6b6b2;
|
||||
--border-soft: #d1cfca;
|
||||
--fg: #1d2028;
|
||||
--muted: #797a7b;
|
||||
--accent: #17458b;
|
||||
--accent-dark: #12376f;
|
||||
--danger: #842424;
|
||||
--success: #145a37;
|
||||
--warn: #654d00;
|
||||
--diff-add: #d4ddd0;
|
||||
--diff-del: #e5d4cd;
|
||||
--diff-hunk: #d0d6db;
|
||||
--tk-heading: #17458b;
|
||||
--tk-strong: #654d00;
|
||||
--tk-em: #603187;
|
||||
--tk-strike: #753912;
|
||||
--tk-code: #005866;
|
||||
--tk-code-bg: #dae3dd;
|
||||
--tk-fence: #757677;
|
||||
--tk-link: #17458b;
|
||||
--tk-url: #797a7b;
|
||||
--tk-tag: #17458b;
|
||||
--tk-mark: #842424;
|
||||
--tk-quote: #797a7b;
|
||||
--tk-html: #842424;
|
||||
--tk-attr: #654d00;
|
||||
--tk-str: #145a37;
|
||||
--tk-comment: #474b53;
|
||||
--tk-punc: #6a6b6d;
|
||||
--tk-ent: #603187;
|
||||
--marker: #654d00;
|
||||
}
|
||||
html[data-theme="carbon-paper"] #editor::selection { background: rgba(23,69,139, .30); }
|
||||
html[data-theme="carbon-paper"] #notes-list li.active,
|
||||
html[data-theme="carbon-paper"] #revisions-list li.active { background: #c2ccd5; }
|
||||
html[data-theme="carbon-paper"] #notes-list li:hover,
|
||||
html[data-theme="carbon-paper"] #revisions-list li:hover { background: #e6e5dd; }
|
||||
+27
-4
@@ -59,10 +59,33 @@
|
||||
<label class="row">Tamanho <input type="number" id="pf-size" min="10" max="32" step="1" class="num"> px</label>
|
||||
<label class="row">Esquema de cores
|
||||
<select id="pf-theme">
|
||||
<option value="claro">Claro (Greybird — padrão)</option>
|
||||
<option value="escuro">Escuro (Adwaita)</option>
|
||||
<option value="solar-claro">Solarizado claro</option>
|
||||
<option value="solar-escuro">Solarizado escuro</option>
|
||||
<optgroup label="Nativos">
|
||||
<option value="claro">Claro (Greybird — padrão)</option>
|
||||
<option value="escuro">Escuro (Adwaita)</option>
|
||||
<option value="solar-claro">Solarizado claro</option>
|
||||
<option value="solar-escuro">Solarizado escuro</option>
|
||||
</optgroup>
|
||||
<optgroup label="iTerm2 — escuros">
|
||||
<option value="dracula">Dracula</option>
|
||||
<option value="nord">Nord</option>
|
||||
<option value="one-dark">Atom One Dark</option>
|
||||
<option value="monokai">Monokai Pro</option>
|
||||
<option value="gruvbox-dark">Gruvbox Dark</option>
|
||||
<option value="tokyo-night">Tokyo Night</option>
|
||||
<option value="catppuccin-mocha">Catppuccin Mocha</option>
|
||||
<option value="tomorrow-night">Tomorrow Night</option>
|
||||
<option value="ayu-mirage">Ayu Mirage</option>
|
||||
<option value="kanagawa-wave">Kanagawa Wave</option>
|
||||
</optgroup>
|
||||
<optgroup label="iTerm2 — claros">
|
||||
<option value="catppuccin-latte">Catppuccin Latte</option>
|
||||
<option value="gruvbox-light">Gruvbox Light</option>
|
||||
<option value="one-light">Atom One Light</option>
|
||||
<option value="nord-light">Nord Light</option>
|
||||
<option value="carbon-paper">Carbon Paper</option>
|
||||
<option value="tomorrow">Tomorrow</option>
|
||||
<option value="ayu-light">Ayu Light</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
+6
-1
@@ -948,7 +948,12 @@
|
||||
|
||||
const PREFS_KEY = 'notas_prefs';
|
||||
const PREFS_DEFAULT = { gutter: true, wrap: true, colmark: true, col: 80, hl: true, autosave: true, tabSpaces: true, tabSize: 4, font: 'mono', size: 14, theme: 'claro' };
|
||||
const THEMES = ['claro', 'escuro', 'solar-claro', 'solar-escuro'];
|
||||
const THEMES = ['claro', 'escuro', 'solar-claro', 'solar-escuro',
|
||||
// iTerm2-Color-Schemes (mbadolato, MIT)
|
||||
'dracula', 'nord', 'one-dark', 'monokai', 'gruvbox-dark', 'tokyo-night',
|
||||
'catppuccin-mocha', 'tomorrow-night', 'ayu-mirage', 'kanagawa-wave',
|
||||
'catppuccin-latte', 'gruvbox-light', 'one-light', 'nord-light',
|
||||
'carbon-paper', 'tomorrow', 'ayu-light'];
|
||||
const FONT_STACKS = {
|
||||
mono: '"DejaVu Sans Mono", "Ubuntu Mono", "Cascadia Code", Consolas, monospace',
|
||||
ubuntu: '"Ubuntu Mono", "DejaVu Sans Mono", monospace',
|
||||
|
||||
Reference in new issue
Block a user