mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2024-12-27 19:02:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

Merge pull request #2254 from zed-industries/nate/update-themes

Browse source 
WIP: More theme updates
This commit is contained in:
Nate Butler 2023-03-09 11:00:20 -05:00 committed by GitHub
commit e7af3f223a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
54 changed files with 1437 additions and 649 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
styles/src/buildLicenses.ts
View file

@ -39,7 +39,7 @@ function getLicenseText(
if (typeof meta.license.license_text == "string") {
callback(meta, meta.license.license_text)
} else {
let license_text_obj: Verification = meta.license.license_text;
let license_text_obj: Verification = meta.license.license_text
// The following copied from the example code on nodejs.org:
// https://nodejs.org/api/http.html#httpgetoptions-callback
https

2
styles/src/styleTree/editor.ts
View file

@ -90,7 +90,7 @@ export default function editor(colorScheme: ColorScheme) {
clicked: {
color: colorScheme.ramps.neutral(0.5).alpha(0.7).hex(),
},
}
},
},
foldBackground: foreground(layer, "variant"),
},

2
styles/src/themes/andromeda.ts
View file

@ -39,7 +39,7 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/EliverLara/Andromeda/master/LICENSE.md",
license_checksum:
"2f7886f1a05cefc2c26f5e49de1a39fa4466413c1ccb06fc80960e73f5ed4b89",
}
},
},
url: "https://github.com/EliverLara/Andromeda",
}

66
styles/src/themes/atelier-cave-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Cave Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave/",
},
colors: {
base00: "#19171c",
base01: "#26232a",
base02: "#585260",
base03: "#655f6d",
base04: "#7e7887",
base05: "#8b8792",
base06: "#e2dfe7",
base07: "#efecf4",
base08: "#be4678",
base09: "#aa573c",
base0A: "#a06e3b",
base0B: "#2a9292",
base0C: "#398bc6",
base0D: "#576ddb",
base0E: "#955ae7",
base0F: "#bf40bf",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-cave-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Cave Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave/",
},
colors: {
base00: "#efecf4",
base01: "#e2dfe7",
base02: "#8b8792",
base03: "#7e7887",
base04: "#655f6d",
base05: "#585260",
base06: "#26232a",
base07: "#19171c",
base08: "#be4678",
base09: "#aa573c",
base0A: "#a06e3b",
base0B: "#2a9292",
base0C: "#398bc6",
base0D: "#576ddb",
base0E: "#955ae7",
base0F: "#bf40bf",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

65
styles/src/themes/atelier-cave.ts
View file

@ -1,65 +0,0 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
const name = "Atelier Cave"
export const dark = createColorScheme(`${name} Dark`, false, {
neutral: chroma
.scale([
"#19171c",
"#26232a",
"#585260",
"#655f6d",
"#7e7887",
"#8b8792",
"#e2dfe7",
"#efecf4",
])
.domain([0, 0.15, 0.45, 0.6, 0.65, 0.7, 0.85, 1]),
red: colorRamp(chroma("#be4678")),
orange: colorRamp(chroma("#aa573c")),
yellow: colorRamp(chroma("#a06e3b")),
green: colorRamp(chroma("#2a9292")),
cyan: colorRamp(chroma("#398bc6")),
blue: colorRamp(chroma("#576ddb")),
violet: colorRamp(chroma("#955ae7")),
magenta: colorRamp(chroma("#bf40bf")),
})
export const light = createColorScheme(`${name} Light`, true, {
neutral: chroma
.scale([
"#19171c",
"#26232a",
"#585260",
"#655f6d",
"#7e7887",
"#8b8792",
"#e2dfe7",
"#efecf4",
])
.correctLightness(),
red: colorRamp(chroma("#be4678")),
orange: colorRamp(chroma("#aa573c")),
yellow: colorRamp(chroma("#a06e3b")),
green: colorRamp(chroma("#2a9292")),
cyan: colorRamp(chroma("#398bc6")),
blue: colorRamp(chroma("#576ddb")),
violet: colorRamp(chroma("#955ae7")),
magenta: colorRamp(chroma("#bf40bf")),
})
export const meta: Meta = {
name,
author: "atelierbram",
license: {
SPDX: "MIT",
license_text: {
https_url: "https://atelierbram.mit-license.org/license.txt",
license_checksum:
"f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
}
},
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave/",
}

66
styles/src/themes/atelier-dune-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Dune Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune/",
},
colors: {
base00: "#20201d",
base01: "#292824",
base02: "#6e6b5e",
base03: "#7d7a68",
base04: "#999580",
base05: "#a6a28c",
base06: "#e8e4cf",
base07: "#fefbec",
base08: "#d73737",
base09: "#b65611",
base0A: "#ae9513",
base0B: "#60ac39",
base0C: "#1fad83",
base0D: "#6684e1",
base0E: "#b854d4",
base0F: "#d43552",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-dune-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Dune Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune/",
},
colors: {
base00: "#fefbec",
base01: "#e8e4cf",
base02: "#a6a28c",
base03: "#999580",
base04: "#7d7a68",
base05: "#6e6b5e",
base06: "#292824",
base07: "#20201d",
base08: "#d73737",
base09: "#b65611",
base0A: "#ae9513",
base0B: "#60ac39",
base0C: "#1fad83",
base0D: "#6684e1",
base0E: "#b854d4",
base0F: "#d43552",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-estuary-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Estuary Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary/",
},
colors: {
base00: "#22221b",
base01: "#302f27",
base02: "#5f5e4e",
base03: "#6c6b5a",
base04: "#878573",
base05: "#929181",
base06: "#e7e6df",
base07: "#f4f3ec",
base08: "#ba6236",
base09: "#ae7313",
base0A: "#a5980d",
base0B: "#7d9726",
base0C: "#5b9d48",
base0D: "#36a166",
base0E: "#5f9182",
base0F: "#9d6c7c",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-estuary-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Estuary Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary/",
},
colors: {
base00: "#f4f3ec",
base01: "#e7e6df",
base02: "#929181",
base03: "#878573",
base04: "#6c6b5a",
base05: "#5f5e4e",
base06: "#302f27",
base07: "#22221b",
base08: "#ba6236",
base09: "#ae7313",
base0A: "#a5980d",
base0B: "#7d9726",
base0C: "#5b9d48",
base0D: "#36a166",
base0E: "#5f9182",
base0F: "#9d6c7c",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-forest-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Forest Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest/",
},
colors: {
base00: "#1b1918",
base01: "#2c2421",
base02: "#68615e",
base03: "#766e6b",
base04: "#9c9491",
base05: "#a8a19f",
base06: "#e6e2e0",
base07: "#f1efee",
base08: "#f22c40",
base09: "#df5320",
base0A: "#c38418",
base0B: "#7b9726",
base0C: "#3d97b8",
base0D: "#407ee7",
base0E: "#6666ea",
base0F: "#c33ff3",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-forest-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Forest Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest/",
},
colors: {
base00: "#f1efee",
base01: "#e6e2e0",
base02: "#a8a19f",
base03: "#9c9491",
base04: "#766e6b",
base05: "#68615e",
base06: "#2c2421",
base07: "#1b1918",
base08: "#f22c40",
base09: "#df5320",
base0A: "#c38418",
base0B: "#7b9726",
base0C: "#3d97b8",
base0D: "#407ee7",
base0E: "#6666ea",
base0F: "#c33ff3",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-heath-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Heath Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath/",
},
colors: {
base00: "#1b181b",
base01: "#292329",
base02: "#695d69",
base03: "#776977",
base04: "#9e8f9e",
base05: "#ab9bab",
base06: "#d8cad8",
base07: "#f7f3f7",
base08: "#ca402b",
base09: "#a65926",
base0A: "#bb8a35",
base0B: "#918b3b",
base0C: "#159393",
base0D: "#516aec",
base0E: "#7b59c0",
base0F: "#cc33cc",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-heath-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Heath Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath/",
},
colors: {
base00: "#f7f3f7",
base01: "#d8cad8",
base02: "#ab9bab",
base03: "#9e8f9e",
base04: "#776977",
base05: "#695d69",
base06: "#292329",
base07: "#1b181b",
base08: "#ca402b",
base09: "#a65926",
base0A: "#bb8a35",
base0B: "#918b3b",
base0C: "#159393",
base0D: "#516aec",
base0E: "#7b59c0",
base0F: "#cc33cc",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-lakeside-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Lakeside Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside/",
},
colors: {
base00: "#161b1d",
base01: "#1f292e",
base02: "#516d7b",
base03: "#5a7b8c",
base04: "#7195a8",
base05: "#7ea2b4",
base06: "#c1e4f6",
base07: "#ebf8ff",
base08: "#d22d72",
base09: "#935c25",
base0A: "#8a8a0f",
base0B: "#568c3b",
base0C: "#2d8f6f",
base0D: "#257fad",
base0E: "#6b6bb8",
base0F: "#b72dd2",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-lakeside-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Lakeside Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside/",
},
colors: {
base00: "#ebf8ff",
base01: "#c1e4f6",
base02: "#7ea2b4",
base03: "#7195a8",
base04: "#5a7b8c",
base05: "#516d7b",
base06: "#1f292e",
base07: "#161b1d",
base08: "#d22d72",
base09: "#935c25",
base0A: "#8a8a0f",
base0B: "#568c3b",
base0C: "#2d8f6f",
base0D: "#257fad",
base0E: "#6b6bb8",
base0F: "#b72dd2",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-plateau-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Plateau Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau/",
},
colors: {
base00: "#1b1818",
base01: "#292424",
base02: "#585050",
base03: "#655d5d",
base04: "#7e7777",
base05: "#8a8585",
base06: "#e7dfdf",
base07: "#f4ecec",
base08: "#ca4949",
base09: "#b45a3c",
base0A: "#a06e3b",
base0B: "#4b8b8b",
base0C: "#5485b6",
base0D: "#7272ca",
base0E: "#8464c4",
base0F: "#bd5187",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-plateau-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Plateau Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau/",
},
colors: {
base00: "#f4ecec",
base01: "#e7dfdf",
base02: "#8a8585",
base03: "#7e7777",
base04: "#655d5d",
base05: "#585050",
base06: "#292424",
base07: "#1b1818",
base08: "#ca4949",
base09: "#b45a3c",
base0A: "#a06e3b",
base0B: "#4b8b8b",
base0C: "#5485b6",
base0D: "#7272ca",
base0E: "#8464c4",
base0F: "#bd5187",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-savanna-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Savanna Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna/",
},
colors: {
base00: "#171c19",
base01: "#232a25",
base02: "#526057",
base03: "#5f6d64",
base04: "#78877d",
base05: "#87928a",
base06: "#dfe7e2",
base07: "#ecf4ee",
base08: "#b16139",
base09: "#9f713c",
base0A: "#a07e3b",
base0B: "#489963",
base0C: "#1c9aa0",
base0D: "#478c90",
base0E: "#55859b",
base0F: "#867469",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-savanna-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Savanna Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna/",
},
colors: {
base00: "#ecf4ee",
base01: "#dfe7e2",
base02: "#87928a",
base03: "#78877d",
base04: "#5f6d64",
base05: "#526057",
base06: "#232a25",
base07: "#171c19",
base08: "#b16139",
base09: "#9f713c",
base0A: "#a07e3b",
base0B: "#489963",
base0C: "#1c9aa0",
base0D: "#478c90",
base0E: "#55859b",
base0F: "#867469",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-seaside-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Seaside Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/",
},
colors: {
base00: "#131513",
base01: "#242924",
base02: "#5e6e5e",
base03: "#687d68",
base04: "#809980",
base05: "#8ca68c",
base06: "#cfe8cf",
base07: "#f4fbf4",
base08: "#e6193c",
base09: "#87711d",
base0A: "#98981b",
base0B: "#29a329",
base0C: "#1999b3",
base0D: "#3d62f5",
base0E: "#ad2bee",
base0F: "#e619c3",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-seaside-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Seaside Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/",
},
colors: {
base00: "#f4fbf4",
base01: "#cfe8cf",
base02: "#8ca68c",
base03: "#809980",
base04: "#687d68",
base05: "#5e6e5e",
base06: "#242924",
base07: "#131513",
base08: "#e6193c",
base09: "#87711d",
base0A: "#98981b",
base0B: "#29a329",
base0C: "#1999b3",
base0D: "#3d62f5",
base0E: "#ad2bee",
base0F: "#e619c3",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

66
styles/src/themes/atelier-sulphurpool-dark.ts Normal file
View file

@ -0,0 +1,66 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Sulphurpool Dark`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool/",
},
colors: {
base00: "#202746",
base01: "#293256",
base02: "#5e6687",
base03: "#6b7394",
base04: "#898ea4",
base05: "#979db4",
base06: "#dfe2f1",
base07: "#f5f7ff",
base08: "#c94922",
base09: "#c76b29",
base0A: "#c08b30",
base0B: "#ac9739",
base0C: "#22a2c9",
base0D: "#3d8fd1",
base0E: "#6679cc",
base0F: "#9c637a",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
false,
{
neutral: chroma.scale([
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
]),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

68
styles/src/themes/atelier-sulphurpool-light.ts Normal file
View file

@ -0,0 +1,68 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
const variant: Variant = {
meta: {
name: `${name} Sulphurpool Light`,
...metaCommon,
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool/",
},
colors: {
base00: "#f5f7ff",
base01: "#dfe2f1",
base02: "#979db4",
base03: "#898ea4",
base04: "#6b7394",
base05: "#5e6687",
base06: "#293256",
base07: "#202746",
base08: "#c94922",
base09: "#c76b29",
base0A: "#c08b30",
base0B: "#ac9739",
base0C: "#22a2c9",
base0D: "#3d8fd1",
base0E: "#6679cc",
base0F: "#9c637a",
},
}
const syntax = buildSyntax(variant)
const theme = (variant: Variant) => {
const { meta, colors } = variant
return createColorScheme(
meta.name,
true,
{
neutral: chroma.scale(
[
colors.base00,
colors.base01,
colors.base02,
colors.base03,
colors.base04,
colors.base05,
colors.base06,
colors.base07,
].reverse()
),
red: colorRamp(chroma(colors.base08)),
orange: colorRamp(chroma(colors.base09)),
yellow: colorRamp(chroma(colors.base0A)),
green: colorRamp(chroma(colors.base0B)),
cyan: colorRamp(chroma(colors.base0C)),
blue: colorRamp(chroma(colors.base0D)),
violet: colorRamp(chroma(colors.base0E)),
magenta: colorRamp(chroma(colors.base0F)),
},
syntax
)
}
export const dark = theme(variant)
export const meta: Meta = variant.meta

45
styles/src/themes/atelier-sulphurpool.ts
View file

@ -1,45 +0,0 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
const name = "Atelier Sulphurpool"
const ramps = {
neutral: chroma
.scale([
"#202746",
"#293256",
"#5e6687",
"#6b7394",
"#898ea4",
"#979db4",
"#dfe2f1",
"#f5f7ff",
])
.domain([0, 0.2, 0.38, 0.45, 0.65, 0.7, 0.85, 1]),
red: colorRamp(chroma("#c94922")),
orange: colorRamp(chroma("#c76b29")),
yellow: colorRamp(chroma("#c08b30")),
green: colorRamp(chroma("#ac9739")),
cyan: colorRamp(chroma("#22a2c9")),
blue: colorRamp(chroma("#3d8fd1")),
violet: colorRamp(chroma("#6679cc")),
magenta: colorRamp(chroma("#9c637a")),
}
export const dark = createColorScheme(`${name} Dark`, false, ramps)
export const light = createColorScheme(`${name} Light`, true, ramps)
export const meta: Meta = {
name,
author: "atelierbram",
license: {
SPDX: "MIT",
license_text: {
https_url: "https://atelierbram.mit-license.org/license.txt",
license_checksum:
"f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
}
},
url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool/",
}

66
styles/src/themes/common/atelier-common.ts Normal file
View file

@ -0,0 +1,66 @@
import { License, Meta, ThemeSyntax } from "./colorScheme"
export interface Variant {
meta: Meta
colors: {
base00: string
base01: string
base02: string
base03: string
base04: string
base05: string
base06: string
base07: string
base08: string
base09: string
base0A: string
base0B: string
base0C: string
base0D: string
base0E: string
base0F: string
}
}
export const metaCommon: {
author: string
license: License
} = {
author: "Bram de Haan (http://atelierbramdehaan.nl)",
license: {
SPDX: "MIT",
license_text: {
https_url: "https://atelierbram.mit-license.org/license.txt",
license_checksum:
"f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
},
},
}
export const buildSyntax = (variant: Variant): ThemeSyntax => {
const { colors } = variant
return {
primary: { color: colors.base06 },
comment: { color: colors.base03 },
"punctuation.delimiter": { color: colors.base05 },
"punctuation.bracket": { color: colors.base05 },
"punctuation.special": { color: colors.base0F },
"string.special.symbol": { color: colors.base0B },
operator: { color: colors.base05 },
function: { color: colors.base0D },
"function.method": { color: colors.base0D },
"function.special.definition": { color: colors.base0A },
string: { color: colors.base0B },
"string.special": { color: colors.base0F },
"string.regex": { color: colors.base0C },
type: { color: colors.base0A },
number: { color: colors.base09 },
property: { color: colors.base08 },
variable: { color: colors.base06 },
"variable.special": { color: colors.base0E },
variant: { color: colors.base0A },
keyword: { color: colors.base0E },
}
}
export const name = "Atelier"

3
styles/src/themes/gruvbox-common.ts
View file

@ -248,7 +248,8 @@ export const meta: Meta = {
name,
license: {
SPDX: "MIT", // "MIT/X11"
license_text: "Copyright <YEAR> <COPYRIGHT HOLDER>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files(the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/ or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE."
license_text:
"Copyright <YEAR> <COPYRIGHT HOLDER>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files(the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/ or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.",
},
author: "morhetz <morhetz@gmail.com>",
url: "https://github.com/morhetz/gruvbox",

6
styles/src/themes/gruvbox-dark-hard.ts
View file

@ -1,6 +1,6 @@
import { darkHard as dark, meta as commonMeta } from "./gruvbox-common";
import { darkHard as dark, meta as commonMeta } from "./gruvbox-common"
let meta = { ...commonMeta };
let meta = { ...commonMeta }
meta.name = `${commonMeta.name} Dark Hard`
export { dark, meta }
export { dark, meta }

7
styles/src/themes/gruvbox-dark-soft.ts
View file

@ -1,7 +1,6 @@
import { darkSoft as dark, meta as commonMeta } from "./gruvbox-common";
import { darkSoft as dark, meta as commonMeta } from "./gruvbox-common"
let meta = { ...commonMeta };
let meta = { ...commonMeta }
meta.name = `${commonMeta.name} Dark Soft`
export { dark, meta }
export { dark, meta }

7
styles/src/themes/gruvbox-dark.ts
View file

@ -1,7 +1,6 @@
import { darkDefault as dark, meta as commonMeta } from "./gruvbox-common";
import { darkDefault as dark, meta as commonMeta } from "./gruvbox-common"
let meta = { ...commonMeta };
let meta = { ...commonMeta }
meta.name = `${commonMeta.name} Dark`
export { dark, meta }
export { dark, meta }

6
styles/src/themes/gruvbox-light-hard.ts
View file

@ -1,6 +1,6 @@
import { lightHard as light, meta as commonMeta } from "./gruvbox-common";
import { lightHard as light, meta as commonMeta } from "./gruvbox-common"
let meta = { ...commonMeta };
let meta = { ...commonMeta }
meta.name = `${commonMeta.name} Dark Soft`
export { light, meta }
export { light, meta }

6
styles/src/themes/gruvbox-light-soft.ts
View file

@ -1,6 +1,6 @@
import { lightSoft as light, meta as commonMeta } from "./gruvbox-common";
import { lightSoft as light, meta as commonMeta } from "./gruvbox-common"
let meta = { ...commonMeta };
let meta = { ...commonMeta }
meta.name = `${commonMeta.name} Light Soft`
export { light, meta }
export { light, meta }

6
styles/src/themes/gruvbox-light.ts
View file

@ -1,6 +1,6 @@
import { lightDefault as light, meta as commonMeta } from "./gruvbox-common";
import { lightDefault as light, meta as commonMeta } from "./gruvbox-common"
let meta = { ...commonMeta };
let meta = { ...commonMeta }
meta.name = `${commonMeta.name} Light`
export { light, meta }
export { light, meta }

2
styles/src/themes/one-dark.ts
View file

@ -79,7 +79,7 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/atom/atom/master/packages/one-light-ui/LICENSE.md",
license_checksum:
"d5af8fc171f6f600c0ab4e7597dca398dda80dbe6821ce01cef78e859e7a00f8",
}
},
},
url: "https://github.com/atom/atom/tree/master/packages/one-dark-ui",
}

2
styles/src/themes/one-light.ts
View file

@ -78,7 +78,7 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/atom/atom/master/packages/one-light-ui/LICENSE.md",
license_checksum:
"d5af8fc171f6f600c0ab4e7597dca398dda80dbe6821ce01cef78e859e7a00f8",
}
},
},
url: "https://github.com/atom/atom/tree/master/packages/one-light-ui",
}

2
styles/src/themes/rose-pine-dawn.ts
View file

@ -39,7 +39,7 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/edunfelt/base16-rose-pine-scheme/main/LICENSE",
license_checksum:
"6ca1b9da8c78c8441c5aa43d024a4e4a7bf59d1ecca1480196e94fda0f91ee4a",
}
},
},
url: "https://github.com/edunfelt/base16-rose-pine-scheme",
}

2
styles/src/themes/rose-pine-moon.ts
View file

@ -39,7 +39,7 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/edunfelt/base16-rose-pine-scheme/main/LICENSE",
license_checksum:
"6ca1b9da8c78c8441c5aa43d024a4e4a7bf59d1ecca1480196e94fda0f91ee4a",
}
},
},
url: "https://github.com/edunfelt/base16-rose-pine-scheme",
}

2
styles/src/themes/rose-pine.ts
View file

@ -37,7 +37,7 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/edunfelt/base16-rose-pine-scheme/main/LICENSE",
license_checksum:
"6ca1b9da8c78c8441c5aa43d024a4e4a7bf59d1ecca1480196e94fda0f91ee4a",
}
},
},
url: "https://github.com/edunfelt/base16-rose-pine-scheme",
}

2
styles/src/themes/sandcastle.ts
View file

@ -37,7 +37,7 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/gessig/base16-sandcastle-scheme/master/LICENSE",
license_checksum:
"8399d44b4d935b60be9fee0a76d7cc9a817b4f3f11574c9d6d1e8fd57e72ffdc",
}
},
},
url: "https://github.com/gessig/base16-sandcastle-scheme",
}

2
styles/src/themes/solarized.ts
View file

@ -40,7 +40,7 @@ export const meta: Metadata = {
"https://raw.githubusercontent.com/altercation/solarized/master/LICENSE",
license_checksum:
"494aefdabf86acce06bd63001ad8aedad4ee38da23509d3f917d95aa3368b9a6",
}
},
},
url: "https://github.com/altercation/solarized",
}

31
styles/src/themes/staff/abruzzo.ts
View file

@ -1,31 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Abruzzo"
const author = "slightknack <hey@isaac.sh>"
const url = "https://github.com/slightknack"
const license = {
type: "",
url: "",
}
export const dark = createColorScheme(name, false, {
neutral: chroma.scale([
"#1b0d05",
"#2c1e18",
"#654035",
"#9d5e4a",
"#b37354",
"#c1825a",
"#dda66e",
"#fbf3e2",
]),
red: colorRamp(chroma("#e594c4")),
orange: colorRamp(chroma("#d9e87e")),
yellow: colorRamp(chroma("#fd9d83")),
green: colorRamp(chroma("#96adf7")),
cyan: colorRamp(chroma("#fc798f")),
blue: colorRamp(chroma("#BCD0F5")),
violet: colorRamp(chroma("#dac5eb")),
magenta: colorRamp(chroma("#c1a3ef")),
})

35
styles/src/themes/staff/atelier-dune.ts
View file

@ -1,35 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Atelier Dune"
const author = "atelierbram"
const url =
"https://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune/"
const license = {
type: "MIT",
url: "https://github.com/atelierbram/syntax-highlighting/blob/master/LICENSE",
}
const ramps = {
neutral: chroma.scale([
"#20201d",
"#292824",
"#6e6b5e",
"#7d7a68",
"#999580",
"#a6a28c",
"#e8e4cf",
"#fefbec",
]),
red: colorRamp(chroma("#d73737")),
orange: colorRamp(chroma("#b65611")),
yellow: colorRamp(chroma("#ae9513")),
green: colorRamp(chroma("#60ac39")),
cyan: colorRamp(chroma("#1fad83")),
blue: colorRamp(chroma("#6684e1")),
violet: colorRamp(chroma("#b854d4")),
magenta: colorRamp(chroma("#d43552")),
}
export const dark = createColorScheme(`${name} Dark`, false, ramps)
export const light = createColorScheme(`${name} Light`, true, ramps)

54
styles/src/themes/staff/atelier-heath.ts
View file

@ -1,54 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Atelier Heath"
const author = "atelierbram"
const url =
"https://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath/"
const license = {
type: "MIT",
url: "https://github.com/atelierbram/syntax-highlighting/blob/master/LICENSE",
}
// `name-[light|dark]`, isLight, color ramps
export const dark = createColorScheme(`${name} Dark`, false, {
neutral: chroma.scale([
"#1b181b",
"#292329",
"#695d69",
"#776977",
"#9e8f9e",
"#ab9bab",
"#d8cad8",
"#f7f3f7",
]),
red: colorRamp(chroma("#ca402b")),
orange: colorRamp(chroma("#a65926")),
yellow: colorRamp(chroma("#bb8a35")),
green: colorRamp(chroma("#918b3b")),
cyan: colorRamp(chroma("#159393")),
blue: colorRamp(chroma("#516aec")),
violet: colorRamp(chroma("#7b59c0")),
magenta: colorRamp(chroma("#cc33cc")),
})
export const light = createColorScheme(`${name} Light`, true, {
neutral: chroma.scale([
"#161b1d",
"#1f292e",
"#516d7b",
"#5a7b8c",
"#7195a8",
"#7ea2b4",
"#c1e4f6",
"#ebf8ff",
]),
red: colorRamp(chroma("#d22d72")),
orange: colorRamp(chroma("#935c25")),
yellow: colorRamp(chroma("#8a8a0f")),
green: colorRamp(chroma("#568c3b")),
cyan: colorRamp(chroma("#2d8f6f")),
blue: colorRamp(chroma("#257fad")),
violet: colorRamp(chroma("#6b6bb8")),
magenta: colorRamp(chroma("#b72dd2")),
})

35
styles/src/themes/staff/atelier-seaside.ts
View file

@ -1,35 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Atelier Seaside"
const author = "atelierbram"
const url =
"https://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/"
const license = {
type: "MIT",
url: "https://github.com/atelierbram/syntax-highlighting/blob/master/LICENSE",
}
const ramps = {
neutral: chroma.scale([
"#131513",
"#242924",
"#5e6e5e",
"#687d68",
"#809980",
"#8ca68c",
"#cfe8cf",
"#f4fbf4",
]),
red: colorRamp(chroma("#e6193c")),
orange: colorRamp(chroma("#87711d")),
yellow: colorRamp(chroma("#98981b")),
green: colorRamp(chroma("#29a329")),
cyan: colorRamp(chroma("#1999b3")),
blue: colorRamp(chroma("#3d62f5")),
violet: colorRamp(chroma("#ad2bee")),
magenta: colorRamp(chroma("#e619c3")),
}
export const dark = createColorScheme(`${name} Dark`, false, ramps)
export const light = createColorScheme(`${name} Light`, true, ramps)

73
styles/src/themes/staff/brushtrees.ts
View file

@ -1,73 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Brush Trees"
const author = "Abraham White <abelincoln.white@gmail.com>"
const url = "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme"
const license = {
type: "MIT",
url: "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme/blob/master/LICENSE",
}
export const dark = createColorScheme(`${name} Dark`, false, {
neutral: chroma.scale([
"#485867",
"#5A6D7A",
"#6D828E",
"#8299A1",
"#98AFB5",
"#B0C5C8",
"#C9DBDC",
"#E3EFEF",
]),
red: colorRamp(chroma("#b38686")),
orange: colorRamp(chroma("#d8bba2")),
yellow: colorRamp(chroma("#aab386")),
green: colorRamp(chroma("#87b386")),
cyan: colorRamp(chroma("#86b3b3")),
blue: colorRamp(chroma("#868cb3")),
violet: colorRamp(chroma("#b386b2")),
magenta: colorRamp(chroma("#b39f9f")),
})
export const mirage = createColorScheme(`${name} Mirage`, false, {
neutral: chroma.scale([
"#485867",
"#5A6D7A",
"#6D828E",
"#8299A1",
"#98AFB5",
"#B0C5C8",
"#C9DBDC",
"#E3EFEF",
]),
red: colorRamp(chroma("#F28779")),
orange: colorRamp(chroma("#FFAD66")),
yellow: colorRamp(chroma("#FFD173")),
green: colorRamp(chroma("#D5FF80")),
cyan: colorRamp(chroma("#95E6CB")),
blue: colorRamp(chroma("#5CCFE6")),
violet: colorRamp(chroma("#D4BFFF")),
magenta: colorRamp(chroma("#F29E74")),
})
export const light = createColorScheme(`${name} Light`, true, {
neutral: chroma.scale([
"#1A1F29",
"#242936",
"#5C6773",
"#828C99",
"#ABB0B6",
"#F8F9FA",
"#F3F4F5",
"#FAFAFA",
]),
red: colorRamp(chroma("#b38686")),
orange: colorRamp(chroma("#d8bba2")),
yellow: colorRamp(chroma("#aab386")),
green: colorRamp(chroma("#87b386")),
cyan: colorRamp(chroma("#86b3b3")),
blue: colorRamp(chroma("#868cb3")),
violet: colorRamp(chroma("#b386b2")),
magenta: colorRamp(chroma("#b39f9f")),
})

31
styles/src/themes/staff/dracula.ts
View file

@ -1,31 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Dracula"
const author = "zenorocha"
const url = "https://github.com/dracula/dracula-theme"
const license = {
type: "MIT",
url: "https://github.com/dracula/dracula-theme/blob/master/LICENSE",
}
export const dark = createColorScheme(name, false, {
neutral: chroma.scale([
"#282A36",
"#3a3c4e",
"#4d4f68",
"#626483",
"#62d6e8",
"#e9e9f4",
"#f1f2f8",
"#f8f8f2",
]),
red: colorRamp(chroma("#ff5555")),
orange: colorRamp(chroma("#ffb86c")),
yellow: colorRamp(chroma("#f1fa8c")),
green: colorRamp(chroma("#50fa7b")),
cyan: colorRamp(chroma("#8be9fd")),
blue: colorRamp(chroma("#6272a4")),
violet: colorRamp(chroma("#bd93f9")),
magenta: colorRamp(chroma("#00f769")),
})

32
styles/src/themes/staff/monokai.ts
View file

@ -1,32 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Monokai"
const author = "Wimer Hazenberg (http://www.monokai.nl)"
const url = "https://base16.netlify.app/previews/base16-monokai.html"
const license = {
type: "?",
url: "?",
}
// `name-[light|dark]`, isLight, color ramps
export const dark = createColorScheme(name, false, {
neutral: chroma.scale([
"#272822",
"#383830",
"#49483e",
"#75715e",
"#a59f85",
"#f8f8f2",
"#f5f4f1",
"#f9f8f5",
]),
red: colorRamp(chroma("#f92672")),
orange: colorRamp(chroma("#fd971f")),
yellow: colorRamp(chroma("#f4bf75")),
green: colorRamp(chroma("#a6e22e")),
cyan: colorRamp(chroma("#a1efe4")),
blue: colorRamp(chroma("#66d9ef")),
violet: colorRamp(chroma("#ae81ff")),
magenta: colorRamp(chroma("#cc6633")),
})

32
styles/src/themes/staff/nord.ts
View file

@ -1,32 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Nord"
const author = "arcticicestudio"
const url = "https://www.nordtheme.com/"
const license = {
type: "MIT",
url: "https://github.com/arcticicestudio/nord/blob/develop/LICENSE.md",
}
// `name-[light|dark]`, isLight, color ramps
export const dark = createColorScheme(name, false, {
neutral: chroma.scale([
"#2E3440",
"#3B4252",
"#434C5E",
"#4C566A",
"#D8DEE9",
"#E5E9F0",
"#ECEFF4",
"#8FBCBB",
]),
red: colorRamp(chroma("#88C0D0")),
orange: colorRamp(chroma("#81A1C1")),
yellow: colorRamp(chroma("#5E81AC")),
green: colorRamp(chroma("#BF616A")),
cyan: colorRamp(chroma("#D08770")),
blue: colorRamp(chroma("#EBCB8B")),
violet: colorRamp(chroma("#A3BE8C")),
magenta: colorRamp(chroma("#B48EAD")),
})

32
styles/src/themes/staff/seti-ui.ts
View file

@ -1,32 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Seti UI"
const author = "jesseweed"
const url = "https://github.com/jesseweed/seti-ui"
const license = {
type: "MIT",
url: "https://github.com/jesseweed/seti-ui/blob/master/LICENSE.md",
}
// `name-[light|dark]`, isLight, color ramps
export const dark = createColorScheme(name, false, {
neutral: chroma.scale([
"#151718",
"#262B30",
"#1E2326",
"#41535B",
"#43a5d5",
"#d6d6d6",
"#eeeeee",
"#ffffff",
]),
red: colorRamp(chroma("#Cd3f45")),
orange: colorRamp(chroma("#db7b55")),
yellow: colorRamp(chroma("#e6cd69")),
green: colorRamp(chroma("#9fca56")),
cyan: colorRamp(chroma("#55dbbe")),
blue: colorRamp(chroma("#55b5db")),
violet: colorRamp(chroma("#a074c4")),
magenta: colorRamp(chroma("#8a553f")),
})

32
styles/src/themes/staff/tokyo-night-storm.ts
View file

@ -1,32 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Tokyo Night Storm"
const author = "folke"
const url = "https://github.com/folke/tokyonight.nvim"
const license = {
type: "MIT",
url: "https://github.com/ghifarit53/tokyonight-vim/blob/master/LICENSE",
}
// `name-[light|dark]`, isLight, color ramps
export const dark = createColorScheme(name, false, {
neutral: chroma.scale([
"#24283B",
"#16161E",
"#343A52",
"#444B6A",
"#787C99",
"#A9B1D6",
"#CBCCD1",
"#D5D6DB",
]),
red: colorRamp(chroma("#C0CAF5")),
orange: colorRamp(chroma("#A9B1D6")),
yellow: colorRamp(chroma("#0DB9D7")),
green: colorRamp(chroma("#9ECE6A")),
cyan: colorRamp(chroma("#B4F9F8")),
blue: colorRamp(chroma("#2AC3DE")),
violet: colorRamp(chroma("#BB9AF7")),
magenta: colorRamp(chroma("#F7768E")),
})

53
styles/src/themes/staff/tokyo-night.ts
View file

@ -1,53 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Tokyo"
const author = "folke"
const url = "https://github.com/folke/tokyonight.nvim"
const license = {
type: "Apache License 2.0",
url: "https://github.com/folke/tokyonight.nvim/blob/main/LICENSE",
}
// `name-[light|dark]`, isLight, color ramps
export const dark = createColorScheme(`${name} Night`, false, {
neutral: chroma.scale([
"#1A1B26",
"#16161E",
"#2F3549",
"#444B6A",
"#787C99",
"#A9B1D6",
"#CBCCD1",
"#D5D6DB",
]),
red: colorRamp(chroma("#C0CAF5")),
orange: colorRamp(chroma("#A9B1D6")),
yellow: colorRamp(chroma("#0DB9D7")),
green: colorRamp(chroma("#9ECE6A")),
cyan: colorRamp(chroma("#B4F9F8")),
blue: colorRamp(chroma("#2AC3DE")),
violet: colorRamp(chroma("#BB9AF7")),
magenta: colorRamp(chroma("#F7768E")),
})
export const light = createColorScheme(`${name} Day`, true, {
neutral: chroma.scale([
"#1A1B26",
"#1A1B26",
"#343B59",
"#4C505E",
"#9699A3",
"#DFE0E5",
"#CBCCD1",
"#D5D6DB",
]),
red: colorRamp(chroma("#343B58")),
orange: colorRamp(chroma("#965027")),
yellow: colorRamp(chroma("#166775")),
green: colorRamp(chroma("#485E30")),
cyan: colorRamp(chroma("#3E6968")),
blue: colorRamp(chroma("#34548A")),
violet: colorRamp(chroma("#5A4A78")),
magenta: colorRamp(chroma("#8C4351")),
})

36
styles/src/themes/staff/zed-pro.ts
View file

@ -1,36 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Zed Pro"
const author = "Nate Butler"
const url = "https://github.com/iamnbutler"
const license = {
type: "?",
url: "?",
}
const ramps = {
neutral: chroma
.scale([
"#101010",
"#1C1C1C",
"#212121",
"#2D2D2D",
"#B9B9B9",
"#DADADA",
"#E6E6E6",
"#FFFFFF",
])
.domain([0, 0.1, 0.2, 0.3, 0.7, 0.8, 0.9, 1]),
red: colorRamp(chroma("#DC604F")),
orange: colorRamp(chroma("#DE782F")),
yellow: colorRamp(chroma("#E0B750")),
green: colorRamp(chroma("#2A643D")),
cyan: colorRamp(chroma("#215050")),
blue: colorRamp(chroma("#2F6DB7")),
violet: colorRamp(chroma("#5874C1")),
magenta: colorRamp(chroma("#DE9AB8")),
}
export const dark = createColorScheme(`${name} Dark`, false, ramps)
export const light = createColorScheme(`${name} Light`, true, ramps)

31
styles/src/themes/staff/zenburn.ts
View file

@ -1,31 +0,0 @@
import chroma from "chroma-js"
import { colorRamp, createColorScheme } from "../common/ramps"
const name = "Zenburn"
const author = "elnawe"
const url = "https://github.com/elnawe/base16-zenburn-scheme"
const license = {
type: "None",
url: "",
}
export const dark = createColorScheme(name, false, {
neutral: chroma.scale([
"#383838",
"#404040",
"#606060",
"#6f6f6f",
"#808080",
"#dcdccc",
"#c0c0c0",
"#ffffff",
]),
red: colorRamp(chroma("#dca3a3")),
orange: colorRamp(chroma("#dfaf8f")),
yellow: colorRamp(chroma("#e0cf9f")),
green: colorRamp(chroma("#5f7f5f")),
cyan: colorRamp(chroma("#93e0e3")),
blue: colorRamp(chroma("#7cb8bb")),
violet: colorRamp(chroma("#dc8cc3")),
magenta: colorRamp(chroma("#000000")),
})

2
styles/src/themes/summercamp.ts
View file

@ -39,6 +39,6 @@ export const meta: Meta = {
"https://raw.githubusercontent.com/zoefiri/base16-sc/master/LICENSE",
license_checksum:
"fadcc834b7eaf2943800956600e8aeea4b495ecf6490f4c4b6c91556a90accaf",
}
},
},
}