mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-01-26 20:22:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Format

Browse source
This commit is contained in:
Nate Butler 2023-03-09 10:47:58 -05:00
parent 5bfd5e35b3
commit 51be0efa1f
39 changed files with 578 additions and 339 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",
}

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#398bc6",
base0D: "#576ddb",
base0E: "#955ae7",
base0F: "#bf40bf"
}
base0F: "#bf40bf",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#398bc6",
base0D: "#576ddb",
base0E: "#955ae7",
base0F: "#bf40bf"
}
base0F: "#bf40bf",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#1fad83",
base0D: "#6684e1",
base0E: "#b854d4",
base0F: "#d43552"
}
base0F: "#d43552",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#1fad83",
base0D: "#6684e1",
base0E: "#b854d4",
base0F: "#d43552"
}
base0F: "#d43552",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#5b9d48",
base0D: "#36a166",
base0E: "#5f9182",
base0F: "#9d6c7c"
}
base0F: "#9d6c7c",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#5b9d48",
base0D: "#36a166",
base0E: "#5f9182",
base0F: "#9d6c7c"
}
base0F: "#9d6c7c",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#3d97b8",
base0D: "#407ee7",
base0E: "#6666ea",
base0F: "#c33ff3"
}
base0F: "#c33ff3",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#3d97b8",
base0D: "#407ee7",
base0E: "#6666ea",
base0F: "#c33ff3"
}
base0F: "#c33ff3",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#159393",
base0D: "#516aec",
base0E: "#7b59c0",
base0F: "#cc33cc"
}
base0F: "#cc33cc",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -26,7 +26,7 @@ const variant: Variant = {
base0D: "#516aec",
base0E: "#7b59c0",
base0F: "#cc33cc",
}
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#2d8f6f",
base0D: "#257fad",
base0E: "#6b6bb8",
base0F: "#b72dd2"
}
base0F: "#b72dd2",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -26,7 +26,7 @@ const variant: Variant = {
base0D: "#257fad",
base0E: "#6b6bb8",
base0F: "#b72dd2",
}
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#5485b6",
base0D: "#7272ca",
base0E: "#8464c4",
base0F: "#bd5187"
}
base0F: "#bd5187",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#5485b6",
base0D: "#7272ca",
base0E: "#8464c4",
base0F: "#bd5187"
}
base0F: "#bd5187",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#1c9aa0",
base0D: "#478c90",
base0E: "#55859b",
base0F: "#867469"
}
base0F: "#867469",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -26,7 +26,7 @@ const variant: Variant = {
base0D: "#478c90",
base0E: "#55859b",
base0F: "#867469",
}
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#1999b3",
base0D: "#3d62f5",
base0E: "#ad2bee",
base0F: "#e619c3"
}
base0F: "#e619c3",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -26,7 +26,7 @@ const variant: Variant = {
base0D: "#3d62f5",
base0E: "#ad2bee",
base0F: "#e619c3",
}
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#22a2c9",
base0D: "#3d8fd1",
base0E: "#6679cc",
base0F: "#9c637a"
}
base0F: "#9c637a",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,31 @@ 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
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)
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)

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

@ -25,8 +25,8 @@ const variant: Variant = {
base0C: "#22a2c9",
base0D: "#3d8fd1",
base0E: "#6679cc",
base0F: "#9c637a"
}
base0F: "#9c637a",
},
}
const syntax = buildSyntax(variant)
@ -34,20 +34,33 @@ 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)
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)

2
styles/src/themes/common/atelier-common.ts
View file

@ -33,7 +33,7 @@ export const metaCommon: {
https_url: "https://atelierbram.mit-license.org/license.txt",
license_checksum:
"f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
}
},
},
}

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",
}

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",
}
},
},
}