d9033b2636
* wip * wip * wip * client versions init * wip * wip * wip * wip * wip * linting * remove log * comment client version script * lint * skeleton loader type fix * fix types * lint * fix types again * fix manifest not being served locally * remove preinstalled old client version * add constant for dev client version * linting * Dean PR Feedback * linting * pr feedback * wip * wip * clientVersions empty array * delete from git * empty array again * fix tests * pr feedback --------- Co-authored-by: Andrew Kingston <andrew@kingston.dev>
54 lines
2 KiB
TypeScript
54 lines
2 KiB
TypeScript
export const getThemeVariables = (theme: string) => {
|
|
if (theme === "spectrum--lightest") {
|
|
return `
|
|
--spectrum-global-color-gray-50: rgb(255, 255, 255);
|
|
--spectrum-global-color-gray-200: rgb(244, 244, 244);
|
|
--spectrum-global-color-gray-300: rgb(234, 234, 234);
|
|
--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50);
|
|
`
|
|
}
|
|
if (theme === "spectrum--light") {
|
|
return `
|
|
--spectrum-global-color-gray-50: rgb(255, 255, 255);
|
|
--spectrum-global-color-gray-200: rgb(234, 234, 234);
|
|
--spectrum-global-color-gray-300: rgb(225, 225, 225);
|
|
--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50);
|
|
|
|
`
|
|
}
|
|
if (theme === "spectrum--dark") {
|
|
return `
|
|
--spectrum-global-color-gray-100: rgb(50, 50, 50);
|
|
--spectrum-global-color-gray-200: rgb(62, 62, 62);
|
|
--spectrum-global-color-gray-300: rgb(74, 74, 74);
|
|
--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100);
|
|
`
|
|
}
|
|
if (theme === "spectrum--darkest") {
|
|
return `
|
|
--spectrum-global-color-gray-100: rgb(30, 30, 30);
|
|
--spectrum-global-color-gray-200: rgb(44, 44, 44);
|
|
--spectrum-global-color-gray-300: rgb(57, 57, 57);
|
|
--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100);
|
|
`
|
|
}
|
|
if (theme === "spectrum--nord") {
|
|
return `
|
|
--spectrum-global-color-gray-100: #3b4252;
|
|
|
|
--spectrum-global-color-gray-200: #424a5c;
|
|
--spectrum-global-color-gray-300: #4c566a;
|
|
--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100);
|
|
`
|
|
}
|
|
if (theme === "spectrum--midnight") {
|
|
return `
|
|
--hue: 220;
|
|
--sat: 10%;
|
|
--spectrum-global-color-gray-100: hsl(var(--hue), var(--sat), 17%);
|
|
--spectrum-global-color-gray-200: hsl(var(--hue), var(--sat), 20%);
|
|
--spectrum-global-color-gray-300: hsl(var(--hue), var(--sat), 24%);
|
|
--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100);
|
|
`
|
|
}
|
|
}
|