Packages

phoenix_duskmoon

6.0.9
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 



@plugin "daisyui/theme" {

  name: "sunshine";

  default: true;

  prefersdark: false;

  color-scheme: "light";

  --color-base-100: oklch(100% 0.1 255);

  --color-base-200: oklch(85% 0.1 255);

  --color-base-300: oklch(70% 0.1 255);

  --color-base-content: oklch(10% 0 255);

  --color-primary: oklch(95.86% 0.0693 95.91);

  --color-primary-content: oklch(20% 0 0);

  --color-secondary: oklch(87.42% 0.143 87.01);

  --color-secondary-content: oklch(27.42% 0.143 87.01);

  --color-accent: oklch(85.23% 0.14 327);

  --color-accent-content: oklch(41% 0.112 45.904);

  --color-neutral: oklch(0% 0 0);

  --color-neutral-content: oklch(80% 0.1 50);

  --color-info: oklch(41.94% 0.114 254.39);

  --color-info-content: oklch(91.94% 0.114 254.39);

  --color-success: oklch(67.21% 0.19 133.55);

  --color-success-content: oklch(27.21% 0.19 133.55);

  --color-warning: oklch(68.19% 0.203 42.44);

  --color-warning-content: oklch(18.19% 0.6 42);

  --color-error: oklch(61.17% 0.237 28.15);

  --color-error-content: oklch(90.01% 0.153 84.78);

  --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;

}



@plugin "daisyui/theme" {

  name: "moonlight";

  default: false;

  prefersdark: true;

  color-scheme: "dark";

  --color-base-100: oklch(22% 0.019 237.69);

  --color-base-200: oklch(20% 0.019 237.69);

  --color-base-300: oklch(18% 0.019 237.69);

  --color-base-content: oklch(77.383% 0.043 245.096);

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

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

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

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

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

  --color-accent-content: oklch(14.258% 0.033 299.844);

  --color-neutral: oklch(23% 0 0);

  --color-neutral-content: oklch(52.43% 0 0);

  --color-info: oklch(82.42% 0.09757279812867503 240.7677443360475);

  --color-info-content: oklch(17.111% 0.017 206.015);

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

  --color-success-content: oklch(17.112% 0.017 144.778);

  --color-warning: oklch(76.36% 0.1752731353930708 61.96388739129725);

  --color-warning-content: oklch(17.113% 0.016 74.427);

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

  --color-error-content: oklch(86.38% 0.298 39.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;

}