diff --git a/styles/src/themes/andromeda.ts b/styles/src/themes/andromeda.ts
index 2c03c8c680619e4e3372cf22a4d304eb95afd545..dc4a5a00d49d24bb0a89e85d818d1b7e99e60aa1 100644
--- a/styles/src/themes/andromeda.ts
+++ b/styles/src/themes/andromeda.ts
@@ -1,7 +1,13 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "andromeda";
+const name = "Andromeda";
+const author = "";
+const url = "";
+const license = {
+  type: "",
+  url: "",
+};
 
 const ramps = {
   neutral: chroma
diff --git a/styles/src/themes/cave.ts b/styles/src/themes/cave.ts
index f13b9f028a26f7e8ce9fc131c4f00a225f3b85ae..a6099c3a0b9bf5a261ab8d2c6f62e527e3cdb176 100644
--- a/styles/src/themes/cave.ts
+++ b/styles/src/themes/cave.ts
@@ -1,7 +1,13 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "cave";
+const name = "Cave";
+const author = "";
+const url = "";
+const license = {
+  type: "",
+  url: ""
+}
 
 export const dark = createColorScheme(`${name}-dark`, false, {
   neutral: chroma
@@ -37,7 +43,8 @@ export const light = createColorScheme(`${name}-light`, true, {
       "#8b8792",
       "#e2dfe7",
       "#efecf4",
-    ]).correctLightness(),
+    ])
+    .correctLightness(),
   red: colorRamp(chroma("#be4678")),
   orange: colorRamp(chroma("#aa573c")),
   yellow: colorRamp(chroma("#a06e3b")),
@@ -46,4 +53,4 @@ export const light = createColorScheme(`${name}-light`, true, {
   blue: colorRamp(chroma("#576ddb")),
   violet: colorRamp(chroma("#955ae7")),
   magenta: colorRamp(chroma("#bf40bf")),
-});
\ No newline at end of file
+});
diff --git a/styles/src/themes/common/base16.ts b/styles/src/themes/common/base16.ts
index 1c4a5e4076b8a44d04bf1c8368f86a4405b6a359..c5b914d62bb2e31e6045dee7872120c4790d455b 100644
--- a/styles/src/themes/common/base16.ts
+++ b/styles/src/themes/common/base16.ts
@@ -116,8 +116,8 @@ export function createTheme(
     on500Ok: {
       base: sample(ramps.green, 0.05),
       hovered: sample(ramps.green, 0.1),
-      active: sample(ramps.green, 0.15)
-    }
+      active: sample(ramps.green, 0.15),
+    },
   };
 
   const borderColor = {
@@ -186,7 +186,7 @@ export function createTheme(
       weight: fontWeights.normal,
     },
     "variable.special": {
-      color: sample(ramps.blue, 0.80),
+      color: sample(ramps.blue, 0.8),
       weight: fontWeights.normal,
     },
     comment: {
diff --git a/styles/src/themes/common/ramps.ts b/styles/src/themes/common/ramps.ts
index 81b94bdb84f665b033354077c36255364adfb13f..971830ed076cda63f14d6645c877bc1df7b61473 100644
--- a/styles/src/themes/common/ramps.ts
+++ b/styles/src/themes/common/ramps.ts
@@ -142,9 +142,13 @@ function buildStyleSet(
   ramp: Scale,
   backgroundBase: number,
   foregroundBase: number,
-  step: number = 0.08,
+  step: number = 0.08
 ): StyleSet {
-  let styleDefinitions = buildStyleDefinition(backgroundBase, foregroundBase, step);
+  let styleDefinitions = buildStyleDefinition(
+    backgroundBase,
+    foregroundBase,
+    step
+  );
 
   function colorString(indexOrColor: number | Color): string {
     if (typeof indexOrColor === "number") {
@@ -172,7 +176,11 @@ function buildStyleSet(
   };
 }
 
-function buildStyleDefinition(bgBase: number, fgBase: number, step: number = 0.08) {
+function buildStyleDefinition(
+  bgBase: number,
+  fgBase: number,
+  step: number = 0.08
+) {
   return {
     background: {
       default: bgBase,
@@ -199,4 +207,4 @@ function buildStyleDefinition(bgBase: number, fgBase: number, step: number = 0.0
       inverted: bgBase + step * 2,
     },
   };
-}
\ No newline at end of file
+}
diff --git a/styles/src/themes/rose-pine-dawn.ts b/styles/src/themes/rose-pine-dawn.ts
index e0e72e21ec2944c59bbdbe8ee3f9fd5e6edd689e..1c5866b3ff51016d45a8c0b7854dde17ff3f1bd9 100644
--- a/styles/src/themes/rose-pine-dawn.ts
+++ b/styles/src/themes/rose-pine-dawn.ts
@@ -1,7 +1,9 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "rosé-pine-dawn";
+const name = "Rosé Pine Dawn";
+const author = "";
+const url = "";
 
 const ramps = {
   neutral: chroma
diff --git a/styles/src/themes/rose-pine-moon.ts b/styles/src/themes/rose-pine-moon.ts
index 52a4252d31df5a0e0e54e3e5ea5de913c94672e9..27e2caf07bca514a2fdc7e1807dd77222cbd0c59 100644
--- a/styles/src/themes/rose-pine-moon.ts
+++ b/styles/src/themes/rose-pine-moon.ts
@@ -1,7 +1,9 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "rosé-pine-moon";
+const name = "Rosé Pine Moon";
+const author = "";
+const url = "";
 
 const ramps = {
   neutral: chroma
diff --git a/styles/src/themes/rose-pine.ts b/styles/src/themes/rose-pine.ts
index b33c4a3fb571f41b91fd1e4495d4dbf7fa4e9b55..5e6f6d028eb7afa366186c17a5a6450203124738 100644
--- a/styles/src/themes/rose-pine.ts
+++ b/styles/src/themes/rose-pine.ts
@@ -1,7 +1,9 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "rosé-pine";
+const name = "Rosé Pine";
+const author = "";
+const url = "";
 
 const ramps = {
   neutral: chroma.scale([
diff --git a/styles/src/themes/sandcastle.ts b/styles/src/themes/sandcastle.ts
index 5e5230104b17f9c6d2c2f21bebd3913314ef9ade..51ca87913fea330b09b2cab48ddcce5555354abf 100644
--- a/styles/src/themes/sandcastle.ts
+++ b/styles/src/themes/sandcastle.ts
@@ -1,7 +1,9 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "sandcastle";
+const name = "Sandcastle";
+const author = "";
+const url = "";
 
 const ramps = {
   neutral: chroma.scale([
diff --git a/styles/src/themes/solarized.ts b/styles/src/themes/solarized.ts
index b528708eca8aa4325c34c310e9a3b6fb8d547759..b9d1690eb532584e295fabd51cd0ebada9a71bce 100644
--- a/styles/src/themes/solarized.ts
+++ b/styles/src/themes/solarized.ts
@@ -1,7 +1,9 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "solarized";
+const name = "Solarized";
+const author = "";
+const url = "";
 
 const ramps = {
   neutral: chroma
diff --git a/styles/src/themes/sulphurpool.ts b/styles/src/themes/sulphurpool.ts
index 976e7cf7cda17afb09852dc59ae6389685c3dcfc..1f4c8968686d5c26c7d423a625291413b406027b 100644
--- a/styles/src/themes/sulphurpool.ts
+++ b/styles/src/themes/sulphurpool.ts
@@ -1,7 +1,9 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "sulphurpool";
+const name = "Sulphurpool";
+const author = "";
+const url = "";
 
 const ramps = {
   neutral: chroma
diff --git a/styles/src/themes/summercamp.ts b/styles/src/themes/summercamp.ts
index f762785414389ae776d4e951a60ddac56883cb76..8c66e3690b7deb0c70e3b819d403ee6ee085d1e0 100644
--- a/styles/src/themes/summercamp.ts
+++ b/styles/src/themes/summercamp.ts
@@ -1,7 +1,9 @@
 import chroma from "chroma-js";
 import { colorRamp, createColorScheme } from "./common/ramps";
 
-const name = "summercamp";
+const name = "Summercamp";
+const author = "";
+const url = "";
 
 const ramps = {
   neutral: chroma