Mark Shortcuts

[ShahriarKh]

Hi @damiankorcz
Big thanks for maintaining this awesome theme!

Following #97 for an easier way to mark text, I created a simple script to add all possible styles and allow toggling mark styles with the help of "custom wrapper" functionality of https://github.com/Benature/obsidian-text-format plugin.

I'm posting it here so everyone can use it (this can be added to Wiki too 👀)

Steps:

1. Install Obsidian Text Foramt plugin
2. Use this script to generate a list of wanted mark styles:

const colors = [
  { class: "", name: "Accent" },
  { class: "red", name: "Red" },
  { class: "orange", name: "Orange" },
  { class: "yellow", name: "Yellow" },
  { class: "green", name: "Green" },
  { class: "mint", name: "Mint" },
  { class: "cyan", name: "Cyan" },
  { class: "blue", name: "Blue" },
  { class: "purple", name: "Purple" },
  { class: "pink", name: "Pink" },
  { class: "grey", name: "Gray" },
];
const styles = [
  { class: "mark-default", name: "Default" },
  { class: "mark-border", name: "Border" },
  { class: "mark-filled", name: "Filled" },
  { class: "mark-borderandfilled", name: "Border and Filled" },
];
const textStyles = [
  { class: "mark-text-default", name: "Default Text" },
  { class: "mark-text-color", name: "Colored Text" },
];

for (let color of colors) {
  for (let style of styles) {
    for (let textStyle of textStyles) {
      console.log(`{
        "name": "Mark: ${color.name} - ${style.name} - ${textStyle.name}",
        "prefix": "<mark class=\\"${color.class} ${style.class} ${textStyle.class}\\">",
        "suffix": "</mark>"
      },`);
    }
  }
}

3. Open .obsidian/plugins/obsidian-text-format/data.json and add the styles:

{
  ...other options
  "wrapperList": [
    {
      "name": "Mark: Accent - Default - Default Text",
      "prefix": "<mark class=\" mark-default mark-text-default\">",
      "suffix": "</mark>"
    },
    {
      "name": "Mark: Accent - Border and Filled - Colored Text",
      "prefix": "<mark class=\" mark-borderandfilled mark-text-color\">",
      "suffix": "</mark>"
    },
    {
      "name": "Mark: Red - Default - Colored Text",
      "prefix": "<mark class=\"red mark-default mark-text-color\">",
      "suffix": "</mark>"
    },
    ...
]
}

4. 🛩 Restart Obsidian and Enjoy!

[damiankorcz]

Hi @ShahriarKh,
Thanks for figuring this out! It's a pretty sleek solution.

I've added the steps to set this up as a separate page in the wiki here:
https://github.com/damiankorcz/Prism-Theme/wiki/Mark-Highlight-Shortcuts-using-the-Text-Format-Plugin

...and added a mention to it in the main guide for the Mark Highlight System here:
https://github.com/damiankorcz/Prism-Theme/wiki/Mark-Highlight-System-Guide

[ShahriarKh]

That's very kind of you