1
0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
joplin/packages/lib/services/style/themeToCss.ts

32 lines
1.1 KiB
TypeScript

import { Theme } from '../../themes/type';
const { camelCaseToDash, formatCssSize } = require('../../string-utils');
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Old code before rule was applied
const isColor = (v: any) => {
return v && typeof v === 'object' && ('color' in v) && ('model' in v) && ('valpha' in v);
};
export default function(theme: Theme) {
const lines = [];
lines.push(':root {');
const names = Object.keys(theme).sort();
for (const name of names) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Old code before rule was applied
const value = (theme as any)[name];
if (typeof value === 'object' && !isColor(value)) continue;
if (value === undefined || value === null) continue;
if (typeof value === 'number' && isNaN(value)) continue;
const newName = `--joplin-${camelCaseToDash(name)}`;
const formattedValue = typeof value === 'number' && newName.indexOf('opacity') < 0 ? formatCssSize(value) : value;
lines.push(`\t${newName}: ${formattedValue};`);
}
lines.push('}');
return lines.join('\n');
}