Mirrors/catppuccin-palette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: updated text on frappe, macchiato and mocha

Browse source
This commit is contained in:
Pocco81 2022-05-28 18:49:30 -05:00
parent fb61997a22
commit dfaca295d6
3 changed files with 140 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
builder.js Normal file
View file

@ -0,0 +1,70 @@
import {variants,labels} from "./index.js"
import * as fs from 'fs';
const argv = process.argv.slice(2)
let theme = ""
let format = argv[0]
let out_file = argv[1]
function append(str) {
theme = theme + str
}
function write(msg) {
process.stdout.write(msg)
}
function capitalize_first_letter(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
function write_result(content=theme) {
if (out_file != undefined) {
try {
fs.writeFileSync(out_file, content);
} catch (err) {
console.error(err);
}
return
}
console.log(content)
}
switch (format) {
case 'css':
append(":root {\n")
for (let label in labels) {
for (let palette in variants) {
append("\t--ctp-" + palette + "-" + label + ": " + variants[palette][label]["hex"] + ";\n")
append("\t--ctp-" + palette + "-" + label + "-rgb" + ": " + variants[palette][label]["rgb"] + ";\n")
append("\t--ctp-" + palette + "-" + label + "-hsl" + ": " + variants[palette][label]["hsl"] + ";\n")
}
}
append("}")
write_result()
break
case 'json':
append(JSON.stringify(variants))
write_result()
break
case 'markdown':
for (let palette in variants) {
append("| | Labels | Hex | RGB | HSL |\n")
append("| ----------------------------------------------------------------------- | ---------- | --------- | --------------- | --------------- |\n")
for (let label in labels) {
append(`| <img src="assets/palette/circles/.png" height="23" width="23"/> |`)
append(`${capitalize_first_letter(label)}` + "| ")
append(`\`${labels[label][palette]["hex"]} \`` + "| ")
append(`\`${labels[label][palette]["rgb"]} \`` + "| ")
append(`\`${labels[label][palette]["hsl"]} \`` + "| ")
append("\n")
}
append("\n")
}
write_result()
break
default:
console.log('Wrong parameter')
break
}

9
css_builder.js
View file

@ -1,9 +0,0 @@
import {variants, labels} from './index.js'
for (let label in labels) {
for (let palette in variants) {
console.log("--ctp-" + palette + "-" + label + ": " + variants[palette][label]["hex"] + ";")
console.log("--ctp-" + palette + "-" + label + "-rgb" + ": " + variants[palette][label]["rgb"] + ";")
console.log("--ctp-" + palette + "-" + label + "-hsl" + ": " + variants[palette][label]["hsl"] + ";")
}
}

140
index.js
View file

@ -242,51 +242,51 @@ const frappe = {
}, },
text: { text: {
hex: '#c6ceef', hex: '#c6d0f5',
rgb: 'rgb(198, 206, 239)', rgb: 'rgb(198, 208, 245)',
hsl: 'hsl(228, 56%, 86%)', hsl: 'hsl(227, 70%, 87%)',
}, },
subtext1: { subtext1: {
hex: '#b5bddc', hex: '#b5bfe2',
rgb: 'rgb(181, 189, 220)', rgb: 'rgb(181, 191, 226)',
hsl: 'hsl(228, 36%, 79%)', hsl: 'hsl(227, 44%, 80%)',
}, },
subtext0: { subtext0: {
hex: '#a5acc9', hex: '#a5adce',
rgb: 'rgb(165, 172, 201)', rgb: 'rgb(165, 173, 206)',
hsl: 'hsl(228, 25%, 72%)', hsl: 'hsl(228, 29%, 73%)',
}, },
overlay2: { overlay2: {
hex: '#949bb7', hex: '#949cbb',
rgb: 'rgb(148, 155, 183)', rgb: 'rgb(148, 156, 187)',
hsl: 'hsl(228, 20%, 65%)', hsl: 'hsl(228, 22%, 66%)',
}, },
overlay1: { overlay1: {
hex: '#838aa4', hex: '#838ba7',
rgb: 'rgb(131, 138, 164)', rgb: 'rgb(131, 139, 167)',
hsl: 'hsl(227, 15%, 58%)', hsl: 'hsl(227, 17%, 58%)',
}, },
overlay0: { overlay0: {
hex: '#737891', hex: '#737994',
rgb: 'rgb(115, 120, 145)', rgb: 'rgb(115, 121, 148)',
hsl: 'hsl(230, 12%, 51%)', hsl: 'hsl(229, 13%, 52%)',
}, },
surface2: { surface2: {
hex: '#62677e', hex: '#626880',
rgb: 'rgb(98, 103, 126)', rgb: 'rgb(98, 104, 128)',
hsl: 'hsl(229, 13%, 44%)', hsl: 'hsl(228, 13%, 44%)',
}, },
surface1: { surface1: {
hex: '#51566c', hex: '#51576d',
rgb: 'rgb(81, 86, 108)', rgb: 'rgb(81, 87, 109)',
hsl: 'hsl(229, 14%, 37%)', hsl: 'hsl(227, 15%, 37%)',
}, },
surface0: { surface0: {
@ -400,50 +400,50 @@ const macchiato = {
}, },
text: { text: {
hex: '#c5cff5', hex: '#cad3f5',
rgb: 'rgb(197, 207, 245)', rgb: 'rgb(202, 211, 245)',
hsl: 'hsl(228, 71%, 87%)', hsl: 'hsl(227, 68%, 88%)',
}, },
subtext1: { subtext1: {
hex: '#b3bce0', hex: '#b8c0e0',
rgb: 'rgb(179, 188, 224)', rgb: 'rgb(184, 192, 224)',
hsl: 'hsl(228, 42%, 79%)', hsl: 'hsl(228, 39%, 80%)',
}, },
subtext0: { subtext0: {
hex: '#a1aacb', hex: '#a5adcb',
rgb: 'rgb(161, 170, 203)', rgb: 'rgb(165, 173, 203)',
hsl: 'hsl(227, 29%, 71%)', hsl: 'hsl(227, 27%, 72%)',
}, },
overlay2: { overlay2: {
hex: '#8f97b7', hex: '#939ab7',
rgb: 'rgb(143, 151, 183)', rgb: 'rgb(147, 154, 183)',
hsl: 'hsl(228, 22%, 64%)', hsl: 'hsl(228, 20%, 65%)',
}, },
overlay1: { overlay1: {
hex: '#7d84a2', hex: '#8087a2',
rgb: 'rgb(125, 132, 162)', rgb: 'rgb(128, 135, 162)',
hsl: 'hsl(229, 17%, 56%)', hsl: 'hsl(228, 15%, 57%)',
}, },
overlay0: { overlay0: {
hex: '#6c728d', hex: '#6e738d',
rgb: 'rgb(108, 114, 141)', rgb: 'rgb(110, 115, 141)',
hsl: 'hsl(229, 13%, 49%)', hsl: 'hsl(230, 12%, 49%)',
}, },
surface2: { surface2: {
hex: '#5a5f78', hex: '#5b6078',
rgb: 'rgb(90, 95, 120)', rgb: 'rgb(91, 96, 120)',
hsl: 'hsl(230, 14%, 41%)', hsl: 'hsl(230, 14%, 41%)',
}, },
surface1: { surface1: {
hex: '#484c64', hex: '#494d64',
rgb: 'rgb(72, 76, 100)', rgb: 'rgb(73, 77, 100)',
hsl: 'hsl(231, 16%, 34%)', hsl: 'hsl(231, 16%, 34%)',
}, },
@ -558,51 +558,51 @@ const mocha = {
}, },
text: { text: {
hex: '#c6d0f5', hex: '#cdd6f4',
rgb: 'rgb(198, 208, 245)', rgb: 'rgb(205, 214, 244)',
hsl: 'hsl(227, 70%, 87%)', hsl: 'hsl(226, 64%, 88%)',
}, },
subtext1: { subtext1: {
hex: '#b3bcdf', hex: '#bac2de',
rgb: 'rgb(179, 188, 223)', rgb: 'rgb(186, 194, 222)',
hsl: 'hsl(228, 41%, 79%)', hsl: 'hsl(227, 35%, 80%)',
}, },
subtext0: { subtext0: {
hex: '#a1a8c9', hex: '#a6adc8',
rgb: 'rgb(161, 168, 201)', rgb: 'rgb(166, 173, 200)',
hsl: 'hsl(229, 27%, 71%)', hsl: 'hsl(228, 24%, 72%)',
}, },
overlay2: { overlay2: {
hex: '#8e95b3', hex: '#9399b2',
rgb: 'rgb(142, 149, 179)', rgb: 'rgb(147, 153, 178)',
hsl: 'hsl(229, 20%, 63%)', hsl: 'hsl(228, 17%, 64%)',
}, },
overlay1: { overlay1: {
hex: '#7b819d', hex: '#7f849c',
rgb: 'rgb(123, 129, 157)', rgb: 'rgb(127, 132, 156)',
hsl: 'hsl(229, 15%, 55%)', hsl: 'hsl(230, 13%, 55%)',
}, },
overlay0: { overlay0: {
hex: '#696d86', hex: '#6c7086',
rgb: 'rgb(105, 109, 134)', rgb: 'rgb(108, 112, 134)',
hsl: 'hsl(232, 12%, 47%)', hsl: 'hsl(231, 11%, 47%)',
}, },
surface2: { surface2: {
hex: '#565970', hex: '#585b70',
rgb: 'rgb(86, 89, 112)', rgb: 'rgb(88, 91, 112)',
hsl: 'hsl(233, 13%, 39%)', hsl: 'hsl(233, 12%, 39%)',
}, },
surface1: { surface1: {
hex: '#43465a', hex: '#45475a',
rgb: 'rgb(67, 70, 90)', rgb: 'rgb(69, 71, 90)',
hsl: 'hsl(232, 15%, 31%)', hsl: 'hsl(234, 13%, 31%)',
}, },
surface0: { surface0: {