WIP Update theme metadata and add license information

Nate Butler created 3 years ago

Change summary

styles/src/themes/andromeda.ts      |  8 +++++++-
styles/src/themes/cave.ts           | 13 ++++++++++---
styles/src/themes/common/base16.ts  |  6 +++---
styles/src/themes/common/ramps.ts   | 16 ++++++++++++----
styles/src/themes/rose-pine-dawn.ts |  4 +++-
styles/src/themes/rose-pine-moon.ts |  4 +++-
styles/src/themes/rose-pine.ts      |  4 +++-
styles/src/themes/sandcastle.ts     |  4 +++-
styles/src/themes/solarized.ts      |  4 +++-
styles/src/themes/sulphurpool.ts    |  4 +++-
styles/src/themes/summercamp.ts     |  4 +++-
11 files changed, 53 insertions(+), 18 deletions(-)

Detailed changes

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

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")),
-});
+});

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: {

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,
     },
   };
-}
+}

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

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

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([

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([

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

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

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