@neu-ui/web-components/dist/src/styles/neu-ui-dark.es.js

A Neumorphic web component library built with @microsoft/fast-element and Vite using javascript

import { css as p } from "@microsoft/fast-element";
import { styles as x } from "./styles.es.js";
const d = p`
  ${x}

  :root {
    /* Drop shadow variations */
    --drop-dark-shadow-1: -2.5px -2.5px 5px rgba(250, 251, 255, 0.4),
      2.5px 2.5px 5px #35373e;
    --drop-dark-shadow-2: -5px -5px 10px rgba(250, 251, 255, 0.4),
      5px 5px 10px #35373e;
    --drop-dark-shadow-3: -10px -10px 20px rgba(250, 251, 255, 0.4),
      10px 10px 20px #35373e;
    --drop-dark-shadow-4: -15px -15px 30px rgba(250, 251, 255, 0.4),
      15px 15px 30px #35373e;

    /* Inner shadow variations */
    --inner-dark-shadow-1: inset 2.5px 2.5px 5px #35373e;
    --inner-dark-shadow-2: inset -5px -5px 10px rgba(250, 251, 255, 0.1),
      inset 5px 5px 10px #35373e;
    --inner-dark-shadow-3: inset -10px -10px 20px rgba(250, 251, 255, 0.1),
      inset 10px 10px 20px #35373e;
    --inner-dark-shadow-4: inset -15px -15px 30px rgba(250, 251, 255, 0.1),
      inset 15px 15px 30px #35373e;

    /* Default shadow depth */
    --drop-dark-shadow: var(--drop-dark-shadow-1);
    --inner-dark-shadow: var(--inner-dark-shadow-1);
  }
`;
export {
  d as neumorphicDarkStyles
};