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 <noreply@anthropic.com>
This commit is contained in:
Nomad 2026-06-03 23:59:31 +05:00
parent f21343dd9b
commit 77c76b287a
3 changed files with 79 additions and 1 deletions

View file

@ -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

View file

@ -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"

View file

@ -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;
}