Packages

phoenix_duskmoon

8.0.0
9.9.2 9.9.1 9.9.0 9.8.0 9.7.1 9.7.0 9.6.4 9.6.3 9.6.2 9.6.1 9.6.0 9.5.4 9.5.3 9.5.2 9.5.1 9.5.0 9.4.3 9.4.2 9.4.1 9.4.0 9.3.0 9.2.0 9.1.4 9.1.3 9.1.1 9.1.1-rc.1 retired 9.0.1 9.0.0-rc.3 9.0.0-rc.2 9.0.0-rc.1 8.0.0 7.2.1 7.2.0 7.1.3 7.1.2 7.1.1 6.3.2 6.3.1 6.3.0 6.2.0 6.1.3 6.1.2 6.1.1 6.1.0 6.0.10 6.0.9 6.0.8 6.0.7 6.0.6 6.0.5 6.0.4 6.0.3 6.0.2 6.0.1 6.0.0 5.2.0-beta.5 5.2.0-beta.4 5.2.0-beta.3 5.2.0-beta.2 5.2.0-beta.1 5.1.0 5.0.6 5.0.5 5.0.4 5.0.3 5.0.2 5.0.1 5.0.0 4.6.6 4.6.5 4.6.4 4.6.3 4.6.2 4.6.1 4.6.0 4.5.2 4.5.1 4.5.0 4.4.4 4.4.3 4.4.2 4.4.1 4.4.0 4.3.2 4.3.1 4.3.0 4.2.0 4.1.1 4.1.0 4.0.0

Duskmoon UI component library for Phoenix LiveView

HexDocs

Current section

Files

Jump to
Readme
90 Versions
7 Dependencies
Dependants
Files
Activity
phoenix_duskmoon assets css theme.css
Raw

assets/css/theme.css 

@import "./utility.css";



@plugin "duskmoonui/theme" {

  name: "moonlight";

  default: false; /* only one theme should be default */

  prefersdark: true;

  color-scheme: "dark";



  /* Base: keep your hue, but improve step contrast (100/200/300) for depth */

  --color-base-100: oklch(20% 0.018 237.69);

  --color-base-200: oklch(17% 0.017 237.69);

  --color-base-300: oklch(14% 0.016 237.69);



  /* Content: make “main text” more neutral/legible while staying moonlit */

  --color-base-content: oklch(90% 0.012 245.096);



  /* SOUL (locked) */

  --color-primary: oklch(85.45% 0 0);

  --color-primary-content: oklch(14.94% 0.031 39.947);



  /* Secondary (locked) */

  --color-secondary: oklch(83.33% 0.0981 73.78);

  --color-secondary-content: oklch(14.507% 0.035 2.72);



  /* Accent: keep your vibe, but make content safer (less tinted text) */

  --color-accent: oklch(75.65% 0.1303 335.51);

  --color-accent-content: oklch(14% 0.012 335.51);



  /* Neutral: lift neutral-content so muted text/icons don’t look “disabled” */

  --color-neutral: oklch(24% 0.008 240);

  --color-neutral-content: oklch(78% 0.010 240);



  /* Semantic: keep your colors, standardize content for filled components */

  --color-info: oklch(82.42% 0.0976 240.77);

  --color-info-content: oklch(15% 0.010 240.77);



  --color-success: oklch(82.19% 0.0621 133.3);

  --color-success-content: oklch(15% 0.010 133.3);



  --color-warning: oklch(76.36% 0.1753 61.96);

  --color-warning-content: oklch(15% 0.010 61.96);



  --color-error: oklch(46.38% 0.1898 29.17);

  --color-error-content: oklch(92% 0.010 29.17);



  --radius-selector: 0rem;

  --radius-field: 0.5rem;

  --radius-box: 2rem;

  --size-selector: 0.1875rem;

  --size-field: 0.1875rem;

  --border: 0.5px;

  --depth: 1;

  --noise: 1;

}