@react-three/uikit-apfel
Version:
Apfel kit for @react-three/uikit
26 lines (25 loc) • 848 B
JavaScript
import { DefaultProperties } from '@react-three/uikit';
import React from 'react';
import { Color, MeshPhongMaterial } from 'three';
export class GlassMaterial extends MeshPhongMaterial {
constructor() {
super({
specular: '#555',
shininess: 100,
});
}
}
function hsl(h, s, l) {
return new Color().setHSL(h / 360, s / 100, l / 100, 'srgb');
}
export const colors = {
foreground: hsl(0, 0, 100),
background: hsl(0, 0, 0),
card: hsl(0, 0, 53),
cardForeground: hsl(0, 0, 100),
accent: hsl(210, 100, 52),
accentForeground: hsl(0, 0, 100),
};
export function Defaults(props) {
return (React.createElement(DefaultProperties, { scrollbarColor: colors.background, scrollbarBorderRadius: 4, scrollbarOpacity: 0.3, color: colors.background, fontWeight: "medium", ...props }));
}