Remove `punctuation.special` until bug is fixed

Nate Butler created 2 years ago

Change summary

styles/src/themes/andromeda.ts | 16 +++++++++-------
styles/src/themes/one-dark.ts  | 34 +++++++++++++++++-----------------
styles/src/themes/one-light.ts | 30 +++++++++++++++---------------
3 files changed, 41 insertions(+), 39 deletions(-)

Detailed changes

styles/src/themes/andromeda.ts

@@ -41,25 +41,27 @@ const ramps = {
 }
 
 const syntax: ThemeSyntax = {
-    variable: { color: color.cyan },
+    "punctuation.list_marker": { color: color.yellow },
+    "text.literal": { color: color.green },
     "variable.special": { color: color.cyan },
-    "punctuation.special": { color: color.red },
     attribute: { color: color.text },
     boolean: { color: color.red },
     comment: { color: color.gray },
     function: { color: color.yellow },
     keyword: { color: color.purple },
+    linkText: { color: color.red },
+    linkUri: { color: color.purple },
     number: { color: color.orange },
     operator: { color: color.red },
     primary: { color: color.text },
     property: { color: color.text },
     string: { color: color.green },
-    type: { color: color.yellow },
     title: { color: color.hotPink },
-    linkText: { color: color.red },
-    linkUri: { color: color.purple },
-    "text.literal": { color: color.green },
-    "punctuation.list_marker": { color: color.yellow },
+    type: { color: color.yellow },
+    variable: { color: color.cyan },
+
+    // TODO: uncomment this once the bug with styling curly braces in template literals is fixed
+    // "punctuation.special": { color: color.red },
 }
 
 export const dark = createColorScheme(`${name}`, false, ramps, syntax)

styles/src/themes/one-dark.ts

@@ -42,29 +42,29 @@ const ramps = {
 }
 
 const syntax: ThemeSyntax = {
-    primary: { color: color.white },
+    "emphasis.strong": { color: color.orange },
+    "punctuation.list_marker": { color: color.red },
+    "text.literal": { color: color.green },
+    "variable.special": { color: color.orange },
+    boolean: { color: color.orange },
     comment: { color: color.grey },
+    enum: { color: color.red },
     function: { color: color.blue },
-    type: { color: color.teal },
-    property: { color: color.red },
+    keyword: { color: color.purple },
+    linkText: { color: color.blue, italic: false },
+    linkUri: { color: color.teal },
     number: { color: color.orange },
+    operator: { color: color.teal },
+    primary: { color: color.white },
+    property: { color: color.red },
+    punctuation: { color: color.white },
     string: { color: color.green },
-    "text.literal": { color: color.green },
-    keyword: { color: color.purple },
-    boolean: { color: color.orange },
     title: { color: color.red, weight: fontWeights.normal },
-    punctuation: { color: color.white },
-    "punctuation.special": { color: color.darkRed },
-    "punctuation.list_marker": { color: color.red },
-    operator: { color: color.teal },
-    "variable.special": { color: color.orange },
+    type: { color: color.teal },
     variant: { color: color.blue },
-    enum: { color: color.red },
-    "emphasis.strong": {
-        color: color.orange,
-    },
-    linkText: { color: color.blue, italic: false },
-    linkUri: { color: color.teal },
+
+    // TODO: uncomment this once the bug with styling curly braces in template literals is fixed
+    // "punctuation.special": { color: color.darkRed },
 }
 
 export const dark = createColorScheme(name, false, ramps, syntax)

styles/src/themes/one-light.ts

@@ -42,26 +42,26 @@ const ramps = {
 }
 
 const syntax: ThemeSyntax = {
-    primary: { color: color.black },
-    "variable.special": { color: color.orange },
+    "emphasis.strong": { color: color.orange },
+    boolean: { color: color.orange },
     comment: { color: color.grey },
-    punctuation: { color: color.black },
-    keyword: { color: color.purple },
-    function: { color: color.blue },
-    type: { color: color.teal },
-    variant: { color: color.blue },
-    property: { color: color.red },
     enum: { color: color.red },
+    function: { color: color.blue },
+    keyword: { color: color.purple },
+    linkText: { color: color.blue },
+    linkUri: { color: color.teal },
+    number: { color: color.orange },
     operator: { color: color.teal },
+    primary: { color: color.black },
+    property: { color: color.red },
+    punctuation: { color: color.black },
     string: { color: color.green },
-    number: { color: color.orange },
-    boolean: { color: color.orange },
     title: { color: color.red, weight: fontWeights.normal },
-    "emphasis.strong": {
-        color: color.orange,
-    },
-    linkText: { color: color.blue },
-    linkUri: { color: color.teal },
+    type: { color: color.teal },
+    variant: { color: color.blue },
+
+    // TODO: uncomment this once the bug with styling curly braces in template literals is fixed
+    // "variable.special": { color: color.orange },
 }
 
 export const light = createColorScheme(name, true, ramps, syntax)