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"