Reduce specificity of selectors

issue sdras#319
andreluis-oliveira · Apr 28, 2023 · 2481c92 · 2481c92
1 parent f260cea
commit 2481c92
Show file tree

Hide file tree

Showing 5 changed files with 65 additions and 40 deletions.
diff --git a/demo/mdx.mdx b/demo/mdx.mdx
@@ -0,0 +1,31 @@
+import Comp from "./comp";
+
+# Night Owl Theme
+
+> Night Owl theme for VS Code.
+
+## Heading 2
+
+### Heading 3
+
+A **VS Code dark** theme for contrast for nighttime coding.
+
+import Comp from "./comp";
+
+export function Local(props) {
+ return <span style={{ color: "red" }} {...props} />;
+}
+
+![Preview](images/preview.gif)
+
+# Installation
+
+1. Install [Visual Studio Code](https://code.visualstudio.com/)
+2. Launch Visual Studio Code
+3. Choose **Extensions** from menu
+4. Search for `night-owl`
+5. Click **Install** to install it
+6. Click **Reload** to reload the Code
+7. File > Preferences > Color Theme > **Night Owl**
+
+-[ ] check check 12 12 -[ ] check check 12 12
diff --git a/themes/Night Owl-Light-color-theme-noitalic.json b/themes/Night Owl-Light-color-theme-noitalic.json
@@ -1297,50 +1297,47 @@
  {
  "name": "Markdown Headings",
  "scope": [
- "markup.heading.markdown",
- "markup.heading.setext.1.markdown",
- "markup.heading.setext.2.markdown"
+ "markup.heading",
+ "markup.heading.setext.1",
+ "markup.heading.setext.2"
  ],
  "settings": {
  "foreground": "#4876d6"
  }
  },
  {
  "name": "Markdown Italics",
- "scope": "markup.italic.markdown",
+ "scope": "markup.italic",
  "settings": {
  "foreground": "#994cc3",
  "fontStyle": "italic"
  }
  },
  {
  "name": "Markdown Bold",
- "scope": "markup.bold.markdown",
+ "scope": "markup.bold",
  "settings": {
  "foreground": "#4876d6",
  "fontStyle": "bold"
  }
  },
  {
  "name": "Markdown Quote + others",
- "scope": "markup.quote.markdown",
+ "scope": "markup.quote",
  "settings": {
  "foreground": "#697098"
  }
  },
  {
  "name": "Markdown Raw Code + others",
- "scope": "markup.inline.raw.markdown",
+ "scope": "markup.inline.raw",
  "settings": {
  "foreground": "#0c969b"
  }
  },
  {
  "name": "Markdown Links",
- "scope": [
- "markup.underline.link.markdown",
- "markup.underline.link.image.markdown"
- ],
+ "scope": ["markup.underline.link", "markup.underline.link.image"],
  "settings": {
  "foreground": "#ff869a"
  }

diff --git a/themes/Night Owl-Light-color-theme.json b/themes/Night Owl-Light-color-theme.json
@@ -1339,50 +1339,50 @@
  {
  "name": "Markdown Headings",
  "scope": [
- "markup.heading.markdown",
- "markup.heading.setext.1.markdown",
- "markup.heading.setext.2.markdown"
+ "markup.heading",
+ "markup.heading.setext.1",
+ "markup.heading.setext.2"
  ],
  "settings": {
  "foreground": "#4876d6"
  }
  },
  {
  "name": "Markdown Italics",
- "scope": "markup.italic.markdown",
+ "scope": "markup.italic",
  "settings": {
  "foreground": "#994cc3",
  "fontStyle": "italic"
  }
  },
  {
  "name": "Markdown Bold",
- "scope": "markup.bold.markdown",
+ "scope": "markup.bold",
  "settings": {
  "foreground": "#4876d6",
  "fontStyle": "bold"
  }
  },
  {
  "name": "Markdown Quote + others",
- "scope": "markup.quote.markdown",
+ "scope": "markup.quote",
  "settings": {
  "foreground": "#697098",
  "fontStyle": "italic"
  }
  },
  {
  "name": "Markdown Raw Code + others",
- "scope": "markup.inline.raw.markdown",
+ "scope": "markup.inline.raw",
  "settings": {
  "foreground": "#0c969b"
  }
  },
  {
  "name": "Markdown Links",
  "scope": [
- "markup.underline.link.markdown",
- "markup.underline.link.image.markdown"
+ "markup.underline.link",
+ "markup.underline.link.image"
  ],
  "settings": {
  "foreground": "#ff869a"

diff --git a/themes/Night Owl-color-theme-noitalic.json b/themes/Night Owl-color-theme-noitalic.json
@@ -1400,51 +1400,48 @@
  {
  "name": "Markdown Headings",
  "scope": [
- "markup.heading.markdown",
- "markup.heading.setext.1.markdown",
- "markup.heading.setext.2.markdown"
+ "markup.heading",
+ "markup.heading.setext.1",
+ "markup.heading.setext.2"
  ],
  "settings": {
  "foreground": "#82b1ff"
  }
  },
  {
  "name": "Markdown Italics",
- "scope": "markup.italic.markdown",
+ "scope": "markup.italic",
  "settings": {
  "foreground": "#c792ea",
  "fontStyle": "italic"
  }
  },
  {
  "name": "Markdown Bold",
- "scope": "markup.bold.markdown",
+ "scope": "markup.bold",
  "settings": {
  "foreground": "#c5e478",
  "fontStyle": "bold"
  }
  },
  {
  "name": "Markdown Quote + others",
- "scope": "markup.quote.markdown",
+ "scope": "markup.quote",
  "settings": {
  "foreground": "#697098",
  "fontStyle": ""
  }
  },
  {
  "name": "Markdown Raw Code + others",
- "scope": "markup.inline.raw.markdown",
+ "scope": "markup.inline.raw",
  "settings": {
  "foreground": "#80CBC4"
  }
  },
  {
  "name": "Markdown Links",
- "scope": [
- "markup.underline.link.markdown",
- "markup.underline.link.image.markdown"
- ],
+ "scope": ["markup.underline.link", "markup.underline.link.image"],
  "settings": {
  "foreground": "#ff869a"
  }

diff --git a/themes/Night Owl-color-theme.json b/themes/Night Owl-color-theme.json
@@ -1422,50 +1422,50 @@
  {
  "name": "Markdown Headings",
  "scope": [
- "markup.heading.markdown",
- "markup.heading.setext.1.markdown",
- "markup.heading.setext.2.markdown"
+ "markup.heading",
+ "markup.heading.setext.1",
+ "markup.heading.setext.2"
  ],
  "settings": {
  "foreground": "#82b1ff"
  }
  },
  {
  "name": "Markdown Italics",
- "scope": "markup.italic.markdown",
+ "scope": "markup.italic",
  "settings": {
  "foreground": "#c792ea",
  "fontStyle": "italic"
  }
  },
  {
  "name": "Markdown Bold",
- "scope": "markup.bold.markdown",
+ "scope": "markup.bold",
  "settings": {
  "foreground": "#c5e478",
  "fontStyle": "bold"
  }
  },
  {
  "name": "Markdown Quote + others",
- "scope": "markup.quote.markdown",
+ "scope": "markup.quote",
  "settings": {
  "foreground": "#697098",
  "fontStyle": "italic"
  }
  },
  {
  "name": "Markdown Raw Code + others",
- "scope": "markup.inline.raw.markdown",
+ "scope": "markup.inline.raw",
  "settings": {
  "foreground": "#80CBC4"
  }
  },
  {
  "name": "Markdown Links",
  "scope": [
- "markup.underline.link.markdown",
- "markup.underline.link.image.markdown"
+ "markup.underline.link",
+ "markup.underline.link.image"
  ],
  "settings": {
  "foreground": "#ff869a"