From 77c76b287a48a2101ebf095f9a4fa47040858bde Mon Sep 17 00:00:00 2001 From: Nomad Date: Wed, 3 Jun 2026 23:59:31 +0500 Subject: [PATCH] feat: add Copilot and Security accent toggles Two Style Settings class-toggles that spot-highlight notes by topic, following GitHub brand guidance to use vibrant colors sparingly. - copilot-accent: callouts [!ai|copilot|gpt|llm|prompt] and matching tags get Copilot Purple (#8534F3) - security-accent: callouts [!security|secret|encrypted|private|vault] and matching tags get Security Blue (#3094FF) Tag highlighting works in Reading view; Live Preview doesn't expose tag names via CSS selectors so it falls back to default styling there. Bump to 1.3.0. Co-Authored-By: Claude Opus 4.7 --- README.md | 3 +++ manifest.json | 2 +- theme.css | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 79 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index d1fbd78..ac117d5 100644 --- a/README.md +++ b/README.md @@ -31,6 +31,8 @@ - GitHub **Dark Dimmed** palette variant - Custom task list icons (Tasks plugin syntax: `- [!]`, `- [?]`, `- [*]`, `- [/]`, `- [P]` for PRs, etc.) - Vim mode indicator in status bar (requires [Vimrc Support](https://github.com/esm7/obsidian-vimrc-support)) +- **Copilot accent** — spotlights AI callouts (`[!ai]`, `[!copilot]`, `[!gpt]`, `[!llm]`, `[!prompt]`) and matching tags in Copilot Purple +- **Security accent** — spotlights sensitive callouts (`[!security]`, `[!secret]`, `[!encrypted]`, `[!private]`, `[!vault]`) and matching tags in Security Blue ## Theme Settings @@ -44,6 +46,7 @@ Current settings include: - On/Off callout styles - Colorblind colorscheme variants - Dark Dimmed variant (applies on Dark theme) +- Accent themes: Copilot accent, Security accent ## How to Install diff --git a/manifest.json b/manifest.json index c369616..4c45f01 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "GitHub Theme", - "version": "1.2.0", + "version": "1.3.0", "minAppVersion": "1.0.0", "author": "@krios2146", "authorUrl": "https://github.com/krios2146" diff --git a/theme.css b/theme.css index 752e4cb..58cb97b 100644 --- a/theme.css +++ b/theme.css @@ -17,6 +17,26 @@ settings: description: Softer dark palette based on GitHub Dark Dimmed (applies only when theme is set to Dark) type: class-toggle + - + # Accent themes + + id: accent-themes + title: Accent themes + description: Spot-highlight notes by topic. Vibrant colors used sparingly, per GitHub brand guidance. + type: heading + level: 1 + collapsed: true + - + id: copilot-accent + title: Copilot accent + description: 'Highlight AI callouts and tags with Copilot Purple. Triggers — callouts: [!ai], [!copilot], [!gpt], [!llm], [!prompt]; tags: #ai, #copilot, #gpt, #llm, #prompt (with nested variants).' + type: class-toggle + - + id: security-accent + title: Security accent + description: 'Highlight sensitive callouts and tags with Security Blue. Triggers — callouts: [!security], [!secret], [!encrypted], [!private], [!vault]; tags: #security, #secret, #encrypted, #private, #vault (with nested variants).' + type: class-toggle + - # Colorblind @@ -1699,3 +1719,58 @@ div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vi div.status-bar-item.plugin-obsidian-vimrc-support.vimrc-support-vim-mode[data-vim-mode=replace] { background-color: var(--color-red); } + +/* ------------------- */ +/* Accent themes — spotlight callouts and tags by topic. */ +/* Per GitHub brand guidance, vibrant colors used sparingly. */ +/* Tag highlighting works in Reading view; in Live Preview tag names */ +/* aren't exposed via CSS selectors. */ +/* ------------------- */ + +/* Copilot accent — AI-related content (Copilot Purple #8534F3) */ +body.copilot-accent .callout[data-callout="ai"], +body.copilot-accent .callout[data-callout="copilot"], +body.copilot-accent .callout[data-callout="gpt"], +body.copilot-accent .callout[data-callout="llm"], +body.copilot-accent .callout[data-callout="prompt"] { + --callout-color: 133, 52, 243; +} + +body.copilot-accent a.tag[href="#ai"], +body.copilot-accent a.tag[href^="#ai/"], +body.copilot-accent a.tag[href="#copilot"], +body.copilot-accent a.tag[href^="#copilot/"], +body.copilot-accent a.tag[href="#gpt"], +body.copilot-accent a.tag[href^="#gpt/"], +body.copilot-accent a.tag[href="#llm"], +body.copilot-accent a.tag[href^="#llm/"], +body.copilot-accent a.tag[href="#prompt"], +body.copilot-accent a.tag[href^="#prompt/"] { + background-color: #8534F3; + color: #ffffff; + border-color: transparent; +} + +/* Security accent — sensitive content (Security Blue #3094FF) */ +body.security-accent .callout[data-callout="security"], +body.security-accent .callout[data-callout="secret"], +body.security-accent .callout[data-callout="encrypted"], +body.security-accent .callout[data-callout="private"], +body.security-accent .callout[data-callout="vault"] { + --callout-color: 48, 148, 255; +} + +body.security-accent a.tag[href="#security"], +body.security-accent a.tag[href^="#security/"], +body.security-accent a.tag[href="#secret"], +body.security-accent a.tag[href^="#secret/"], +body.security-accent a.tag[href="#encrypted"], +body.security-accent a.tag[href^="#encrypted/"], +body.security-accent a.tag[href="#private"], +body.security-accent a.tag[href^="#private/"], +body.security-accent a.tag[href="#vault"], +body.security-accent a.tag[href^="#vault/"] { + background-color: #3094FF; + color: #ffffff; + border-color: transparent; +}