@new-ui/themes 3.0.0

package/dist/themes/sargam-light.css

@@ -0,0 +1,94 @@
+[data-new-ui-theme="sargam-light"] {
+  color-scheme: light;
+  --sg-red8: oklch(30.44% .101 26.17);
+  --sg-red7: oklch(43.38% .151 26.97);
+  --sg-red6: oklch(55.17% .197 27.37);
+  --sg-red5: oklch(62.76% .227 27.39);
+  --sg-red4: oklch(66.47% .198 25.21);
+  --sg-red3: oklch(71.36% .161 22.89);
+  --sg-red2: oklch(87.4% .062 19.64);
+  --sg-red1: oklch(98.23% .00857558 17.3027);
+  --sg-yellow8: oklch(41.38% .082 97.18);
+  --sg-yellow7: oklch(59.05% .119 95.65);
+  --sg-yellow6: oklch(75.67% .153 95.46);
+  --sg-yellow5: oklch(86.16% .175 95.34);
+  --sg-yellow4: oklch(88.08% .168 97.07);
+  --sg-yellow3: oklch(89.85% .149 97.89);
+  --sg-yellow2: oklch(95.6% .07 98.78);
+  --sg-yellow1: oklch(99.34% .0107311 95.1593);
+  --sg-green8: oklch(31.32% .083 148.5);
+  --sg-green7: oklch(44.09% .122 147.81);
+  --sg-green6: oklch(55.99% .159 147.49);
+  --sg-green5: oklch(63.66% .183 147.22);
+  --sg-green4: oklch(68.54% .164 149.56);
+  --sg-green3: oklch(73.91% .138 151.77);
+  --sg-green2: oklch(88.81% .057 155.23);
+  --sg-green1: oklch(98.32% .007 151.89);
+  --sg-teal8: oklch(31.18% .052 188.89);
+  --sg-teal7: oklch(43.57% .073 189.66);
+  --sg-teal6: oklch(55.39% .094 189.13);
+  --sg-teal5: oklch(62.84% .107 189.16);
+  --sg-teal4: oklch(68.08% .105 190.16);
+  --sg-teal3: oklch(73.51% .093 191.77);
+  --sg-teal2: oklch(88.92% .043 192.75);
+  --sg-teal1: oklch(97.99% .007 197.04);
+  --sg-lavender8: oklch(27.7% .061 314.12);
+  --sg-lavender7: oklch(38.1% .095 314.62);
+  --sg-lavender6: oklch(48.06% .125 314.21);
+  --sg-lavender5: oklch(54.39% .144 314.4);
+  --sg-lavender4: oklch(61.74% .12 314.62);
+  --sg-lavender3: oklch(69.01% .097 314.82);
+  --sg-lavender2: oklch(87.47% .037 314.62);
+  --sg-lavender1: oklch(98.18% .006 308.4);
+  --sg-pink8: oklch(33.08% .1 354.04);
+  --sg-pink7: oklch(46.99% .151 355.63);
+  --sg-pink6: oklch(59.82% .197 355.72);
+  --sg-pink5: oklch(67.97% .226 355.85);
+  --sg-pink4: oklch(71.58% .198 353.42);
+  --sg-pink3: oklch(75.96% .161 351.77);
+  --sg-pink2: oklch(89.37% .066 347.5);
+  --sg-pink1: oklch(98.54% .008 349.24);
+  --sg-silver10: oklch(16.96% .0017 17.32);
+  --sg-silver9: oklch(23.19% .0015 17.27);
+  --sg-silver8: oklch(28.97% .0023 67.73);
+  --sg-silver7: oklch(38.76% .0013 17.22);
+  --sg-silver6: oklch(55.08% .0061 106.6);
+  --sg-silver5: oklch(80.45% .0086 91.5);
+  --sg-silver4: oklch(88.49% .0097 93.58);
+  --sg-silver3: oklch(92.18% .0083 91.49);
+  --sg-silver2: oklch(97.66% .0017 67.8);
+  --sg-silver1: oklch(100% 0 0);
+  --background: var(--sg-silver1);
+  --background-secondary: var(--sg-silver2);
+  --background-hover: var(--sg-silver2);
+  --background-selected: var(--sg-silver3);
+  --background-selected-hover: var(--sg-silver4);
+  --background-high-contrast: var(--sg-silver1);
+  --border-muted: var(--sg-silver3);
+  --border: var(--sg-silver5);
+  --border-strong: var(--sg-silver6);
+  --border-inked: var(--sg-silver9);
+  --border-inverse: var(--sg-silver1);
+  --border-focus: var(--sg-teal6);
+  --button: var(--sg-teal6);
+  --button-hover: var(--sg-teal7);
+  --button-active: var(--sg-teal8);
+  --button-disabled: var(--sg-silver4);
+  --link: var(--sg-teal6);
+  --link-hover: var(--sg-teal7);
+  --link-subtle: var(--sg-teal5);
+  --link-visited: var(--sg-lavender6);
+  --support-error: var(--sg-red6);
+  --support-warning: var(--sg-yellow7);
+  --support-success: var(--sg-green6);
+  --support-info: var(--sg-teal6);
+  --content-primary: var(--sg-silver9);
+  --content-secondary: var(--sg-silver6);
+  --content-secondary-alt: var(--sg-silver7);
+  --content-placeholder: var(--sg-silver5);
+  --content-on-color: var(--sg-silver1);
+  --content-error: var(--sg-red6);
+  --content-success: var(--sg-green7);
+  --content-inked: var(--sg-silver10);
+}
+/*# sourceMappingURL=sargam-light.css.map */

package/dist/themes/sargam-light.css.map

@@ -0,0 +1 @@
+{"mappings":"AAKA","sources":["src/themes/sargam-light.scss"],"sourcesContent":["// Sargam Light\n// Palette values copied verbatim from the official Sargam Colors.\n// Source: https://github.com/SargamDesign/sargam-colors (MIT License)\n// © Sargam Design. Colors for warm, welcoming, caring sites & apps.\n\n[data-new-ui-theme='sargam-light'] {\n  color-scheme: light;\n\n  // Palette (verbatim)\n  --sg-red8: oklch(30.44% 0.101 26.17deg);\n  --sg-red7: oklch(43.38% 0.151 26.97deg);\n  --sg-red6: oklch(55.17% 0.197 27.37deg);\n  --sg-red5: oklch(62.76% 0.227 27.39deg);\n  --sg-red4: oklch(66.47% 0.198 25.21deg);\n  --sg-red3: oklch(71.36% 0.161 22.89deg);\n  --sg-red2: oklch(87.4% 0.062 19.64deg);\n  --sg-red1: oklch(98.23% 0.00857558 17.3027deg);\n  --sg-yellow8: oklch(41.38% 0.082 97.18deg);\n  --sg-yellow7: oklch(59.05% 0.119 95.65deg);\n  --sg-yellow6: oklch(75.67% 0.153 95.46deg);\n  --sg-yellow5: oklch(86.16% 0.175 95.34deg);\n  --sg-yellow4: oklch(88.08% 0.168 97.07deg);\n  --sg-yellow3: oklch(89.85% 0.149 97.89deg);\n  --sg-yellow2: oklch(95.6% 0.07 98.78deg);\n  --sg-yellow1: oklch(99.34% 0.0107311 95.1593deg);\n  --sg-green8: oklch(31.32% 0.083 148.5deg);\n  --sg-green7: oklch(44.09% 0.122 147.81deg);\n  --sg-green6: oklch(55.99% 0.159 147.49deg);\n  --sg-green5: oklch(63.66% 0.183 147.22deg);\n  --sg-green4: oklch(68.54% 0.164 149.56deg);\n  --sg-green3: oklch(73.91% 0.138 151.77deg);\n  --sg-green2: oklch(88.81% 0.057 155.23deg);\n  --sg-green1: oklch(98.32% 0.007 151.89deg);\n  --sg-teal8: oklch(31.18% 0.052 188.89deg);\n  --sg-teal7: oklch(43.57% 0.073 189.66deg);\n  --sg-teal6: oklch(55.39% 0.094 189.13deg);\n  --sg-teal5: oklch(62.84% 0.107 189.16deg);\n  --sg-teal4: oklch(68.08% 0.105 190.16deg);\n  --sg-teal3: oklch(73.51% 0.093 191.77deg);\n  --sg-teal2: oklch(88.92% 0.043 192.75deg);\n  --sg-teal1: oklch(97.99% 0.007 197.04deg);\n  --sg-lavender8: oklch(27.7% 0.061 314.12deg);\n  --sg-lavender7: oklch(38.1% 0.095 314.62deg);\n  --sg-lavender6: oklch(48.06% 0.125 314.21deg);\n  --sg-lavender5: oklch(54.39% 0.144 314.4deg);\n  --sg-lavender4: oklch(61.74% 0.12 314.62deg);\n  --sg-lavender3: oklch(69.01% 0.097 314.82deg);\n  --sg-lavender2: oklch(87.47% 0.037 314.62deg);\n  --sg-lavender1: oklch(98.18% 0.006 308.4deg);\n  --sg-pink8: oklch(33.08% 0.1 354.04deg);\n  --sg-pink7: oklch(46.99% 0.151 355.63deg);\n  --sg-pink6: oklch(59.82% 0.197 355.72deg);\n  --sg-pink5: oklch(67.97% 0.226 355.85deg);\n  --sg-pink4: oklch(71.58% 0.198 353.42deg);\n  --sg-pink3: oklch(75.96% 0.161 351.77deg);\n  --sg-pink2: oklch(89.37% 0.066 347.5deg);\n  --sg-pink1: oklch(98.54% 0.008 349.24deg);\n  --sg-silver10: oklch(16.96% 0.0017 17.32deg);\n  --sg-silver9: oklch(23.19% 0.0015 17.27deg);\n  --sg-silver8: oklch(28.97% 0.0023 67.73deg);\n  --sg-silver7: oklch(38.76% 0.0013 17.22deg);\n  --sg-silver6: oklch(55.08% 0.0061 106.6deg);\n  --sg-silver5: oklch(80.45% 0.0086 91.5deg);\n  --sg-silver4: oklch(88.49% 0.0097 93.58deg);\n  --sg-silver3: oklch(92.18% 0.0083 91.49deg);\n  --sg-silver2: oklch(97.66% 0.0017 67.8deg);\n  --sg-silver1: oklch(100% 0 0deg);\n\n  // Backgrounds\n  --background: var(--sg-silver1);\n  --background-secondary: var(--sg-silver2);\n  --background-hover: var(--sg-silver2);\n  --background-selected: var(--sg-silver3);\n  --background-selected-hover: var(--sg-silver4);\n  --background-high-contrast: var(--sg-silver1);\n\n  // Borders\n  --border-muted: var(--sg-silver3);\n  --border: var(--sg-silver5);\n  --border-strong: var(--sg-silver6);\n  --border-inked: var(--sg-silver9);\n  --border-inverse: var(--sg-silver1);\n  --border-focus: var(--sg-teal6);\n\n  // Buttons\n  --button: var(--sg-teal6);\n  --button-hover: var(--sg-teal7);\n  --button-active: var(--sg-teal8);\n  --button-disabled: var(--sg-silver4);\n\n  // Links\n  --link: var(--sg-teal6);\n  --link-hover: var(--sg-teal7);\n  --link-subtle: var(--sg-teal5);\n  --link-visited: var(--sg-lavender6);\n\n  // Support\n  --support-error: var(--sg-red6);\n  --support-warning: var(--sg-yellow7);\n  --support-success: var(--sg-green6);\n  --support-info: var(--sg-teal6);\n\n  // Content\n  --content-primary: var(--sg-silver9);\n  --content-secondary: var(--sg-silver6);\n  --content-secondary-alt: var(--sg-silver7);\n  --content-placeholder: var(--sg-silver5);\n  --content-on-color: var(--sg-silver1);\n  --content-error: var(--sg-red6);\n  --content-success: var(--sg-green7);\n  --content-inked: var(--sg-silver10);\n}\n"],"names":[],"version":3,"file":"sargam-light.css.map"}

package/dist/themes/synthwave-84.css

@@ -0,0 +1,57 @@
+[data-new-ui-theme="synthwave-84"] {
+  color-scheme: dark;
+  --sw-bg: oklch(26.79% .0333 291.63);
+  --sw-bg-panel: oklch(24.27% .0392 304.3);
+  --sw-bg-deep: oklch(20.35% .0219 292.68);
+  --sw-input: oklch(26.98% .0451 300.67);
+  --sw-menu: oklch(36.89% .0837 299.21);
+  --sw-selected: oklch(31.25% .0672 295.59);
+  --sw-hover: oklch(31.46% .0646 300.68);
+  --sw-indent: oklch(38.69% .0253 291.28);
+  --sw-border: oklch(46.85% .1057 274.36);
+  --sw-fg: oklch(100% 0 0);
+  --sw-fg-muted: oklch(76.45% .0057 17.28);
+  --sw-comment: oklch(65% .0751 277.93);
+  --sw-purple: oklch(46.54% .0909 299.31);
+  --sw-coral: oklch(73.07% .1525 27.16);
+  --sw-pink: oklch(76.91% .1889 339.11);
+  --sw-yellow: oklch(90.39% .1495 95.27);
+  --sw-cyan: oklch(86.09% .1462 201.35);
+  --sw-green: oklch(87.06% .1402 161.99);
+  --sw-red: oklch(66.35% .221 22.42);
+  --sw-mauve: oklch(71.79% .093 312.54);
+  --sw-on-accent: oklch(26.98% .0451 300.67);
+  --background: var(--sw-bg);
+  --background-secondary: var(--sw-bg-panel);
+  --background-hover: var(--sw-hover);
+  --background-selected: var(--sw-selected);
+  --background-selected-hover: var(--sw-menu);
+  --background-high-contrast: var(--sw-bg-deep);
+  --border-muted: var(--sw-indent);
+  --border: var(--sw-border);
+  --border-strong: var(--sw-purple);
+  --border-inked: var(--sw-fg);
+  --border-inverse: var(--sw-bg);
+  --border-focus: var(--sw-pink);
+  --button: var(--sw-coral);
+  --button-hover: var(--sw-pink);
+  --button-active: var(--sw-pink);
+  --button-disabled: var(--sw-border);
+  --link: var(--sw-coral);
+  --link-hover: var(--sw-pink);
+  --link-subtle: var(--sw-comment);
+  --link-visited: var(--sw-mauve);
+  --support-error: var(--sw-red);
+  --support-warning: var(--sw-yellow);
+  --support-success: var(--sw-green);
+  --support-info: var(--sw-cyan);
+  --content-primary: var(--sw-fg);
+  --content-secondary: var(--sw-fg-muted);
+  --content-secondary-alt: var(--sw-comment);
+  --content-placeholder: var(--sw-comment);
+  --content-on-color: var(--sw-on-accent);
+  --content-error: var(--sw-red);
+  --content-success: var(--sw-green);
+  --content-inked: oklch(100% 0 0);
+}
+/*# sourceMappingURL=synthwave-84.css.map */

package/dist/themes/synthwave-84.css.map

@@ -0,0 +1 @@
+{"mappings":"AAKA","sources":["src/themes/synthwave-84.scss"],"sourcesContent":["// Synthwave '84\n// Palette values copied verbatim from the official Synthwave '84 VS Code theme.\n// Source: https://github.com/robb0wen/synthwave-vscode (MIT License)\n// © Robb Owen. Synthwave '84.\n\n[data-new-ui-theme='synthwave-84'] {\n  color-scheme: dark;\n\n  // Palette (verbatim)\n  --sw-bg: oklch(26.79% 0.0333 291.63deg);\n  --sw-bg-panel: oklch(24.27% 0.0392 304.3deg);\n  --sw-bg-deep: oklch(20.35% 0.0219 292.68deg);\n  --sw-input: oklch(26.98% 0.0451 300.67deg);\n  --sw-menu: oklch(36.89% 0.0837 299.21deg);\n  --sw-selected: oklch(31.25% 0.0672 295.59deg);\n  --sw-hover: oklch(31.46% 0.0646 300.68deg);\n  --sw-indent: oklch(38.69% 0.0253 291.28deg);\n  --sw-border: oklch(46.85% 0.1057 274.36deg);\n  --sw-fg: oklch(100% 0 0deg);\n  --sw-fg-muted: oklch(76.45% 0.0057 17.28deg);\n  --sw-comment: oklch(65% 0.0751 277.93deg);\n  --sw-purple: oklch(46.54% 0.0909 299.31deg);\n  --sw-coral: oklch(73.07% 0.1525 27.16deg);\n  --sw-pink: oklch(76.91% 0.1889 339.11deg);\n  --sw-yellow: oklch(90.39% 0.1495 95.27deg);\n  --sw-cyan: oklch(86.09% 0.1462 201.35deg);\n  --sw-green: oklch(87.06% 0.1402 161.99deg);\n  --sw-red: oklch(66.35% 0.221 22.42deg);\n  --sw-mauve: oklch(71.79% 0.093 312.54deg);\n  --sw-on-accent: oklch(26.98% 0.0451 300.67deg);\n\n  // Backgrounds\n  --background: var(--sw-bg);\n  --background-secondary: var(--sw-bg-panel);\n  --background-hover: var(--sw-hover);\n  --background-selected: var(--sw-selected);\n  --background-selected-hover: var(--sw-menu);\n  --background-high-contrast: var(--sw-bg-deep);\n\n  // Borders\n  --border-muted: var(--sw-indent);\n  --border: var(--sw-border);\n  --border-strong: var(--sw-purple);\n  --border-inked: var(--sw-fg);\n  --border-inverse: var(--sw-bg);\n  --border-focus: var(--sw-pink);\n\n  // Buttons\n  --button: var(--sw-coral);\n  --button-hover: var(--sw-pink);\n  --button-active: var(--sw-pink);\n  --button-disabled: var(--sw-border);\n\n  // Links\n  --link: var(--sw-coral);\n  --link-hover: var(--sw-pink);\n  --link-subtle: var(--sw-comment);\n  --link-visited: var(--sw-mauve);\n\n  // Support\n  --support-error: var(--sw-red);\n  --support-warning: var(--sw-yellow);\n  --support-success: var(--sw-green);\n  --support-info: var(--sw-cyan);\n\n  // Content\n  --content-primary: var(--sw-fg);\n  --content-secondary: var(--sw-fg-muted);\n  --content-secondary-alt: var(--sw-comment);\n  --content-placeholder: var(--sw-comment);\n  --content-on-color: var(--sw-on-accent);\n  --content-error: var(--sw-red);\n  --content-success: var(--sw-green);\n  --content-inked: oklch(100% 0 0deg);\n}\n"],"names":[],"version":3,"file":"synthwave-84.css.map"}

package/dist/themes/tokyo-night.css

@@ -0,0 +1,54 @@
+[data-new-ui-theme="tokyo-night"] {
+  color-scheme: dark;
+  --tn-bg: oklch(22.63% .0214 280.49);
+  --tn-bg-dark: oklch(20.4% .0158 284.91);
+  --tn-bg-highlight: oklch(30.56% .0369 273.23);
+  --tn-terminal-black: oklch(35.88% .0439 275.25);
+  --tn-fg: oklch(76.66% .0537 275.49);
+  --tn-fg-bright: oklch(84.56% .0611 274.76);
+  --tn-fg-dark: oklch(59.34% .0444 278.79);
+  --tn-comment: oklch(49.55% .0682 274.37);
+  --tn-blue: oklch(71.9% .1322 264.2);
+  --tn-cyan: oklch(82% .1051 235.72);
+  --tn-teal: oklch(67.26% .0944 208.79);
+  --tn-green: oklch(79.53% .1395 130.14);
+  --tn-red: oklch(72.27% .1589 10.28);
+  --tn-magenta: oklch(75.15% .1344 299.5);
+  --tn-orange: oklch(78.7% .1373 50.56);
+  --tn-yellow: oklch(78.39% .1057 75.43);
+  --tn-button: oklch(47.94% .1207 266.01);
+  --tn-link: oklch(60.79% .0941 260.07);
+  --background: var(--tn-bg);
+  --background-secondary: var(--tn-bg-dark);
+  --background-hover: oklch(25.91% .0249 274.44);
+  --background-selected: var(--tn-bg-highlight);
+  --background-selected-hover: var(--tn-terminal-black);
+  --background-high-contrast: oklch(17.49% .0082 285.52);
+  --border-muted: var(--tn-bg-highlight);
+  --border: var(--tn-terminal-black);
+  --border-strong: var(--tn-comment);
+  --border-inked: var(--tn-fg-bright);
+  --border-inverse: var(--tn-bg);
+  --border-focus: var(--tn-blue);
+  --button: var(--tn-button);
+  --button-hover: var(--tn-blue);
+  --button-active: var(--tn-link);
+  --button-disabled: var(--tn-comment);
+  --link: var(--tn-link);
+  --link-hover: var(--tn-cyan);
+  --link-subtle: var(--tn-comment);
+  --link-visited: var(--tn-magenta);
+  --support-error: var(--tn-red);
+  --support-warning: var(--tn-yellow);
+  --support-success: var(--tn-green);
+  --support-info: var(--tn-blue);
+  --content-primary: var(--tn-fg-bright);
+  --content-secondary: var(--tn-fg);
+  --content-secondary-alt: var(--tn-fg-dark);
+  --content-placeholder: var(--tn-comment);
+  --content-on-color: oklch(100% 0 0);
+  --content-error: var(--tn-red);
+  --content-success: var(--tn-green);
+  --content-inked: var(--tn-fg-bright);
+}
+/*# sourceMappingURL=tokyo-night.css.map */

package/dist/themes/tokyo-night.css.map

@@ -0,0 +1 @@
+{"mappings":"AAKA","sources":["src/themes/tokyo-night.scss"],"sourcesContent":["// Tokyo Night (dark)\n// Palette values copied verbatim from the official Tokyo Night VS Code theme.\n// Source: https://github.com/enkia/tokyo-night-vscode-theme (MIT License)\n// © enkia. Tokyo Night.\n\n[data-new-ui-theme='tokyo-night'] {\n  color-scheme: dark;\n\n  // Palette (verbatim)\n  --tn-bg: oklch(22.63% 0.0214 280.49deg);\n  --tn-bg-dark: oklch(20.4% 0.0158 284.91deg);\n  --tn-bg-highlight: oklch(30.56% 0.0369 273.23deg);\n  --tn-terminal-black: oklch(35.88% 0.0439 275.25deg);\n  --tn-fg: oklch(76.66% 0.0537 275.49deg);\n  --tn-fg-bright: oklch(84.56% 0.0611 274.76deg);\n  --tn-fg-dark: oklch(59.34% 0.0444 278.79deg);\n  --tn-comment: oklch(49.55% 0.0682 274.37deg);\n  --tn-blue: oklch(71.9% 0.1322 264.2deg);\n  --tn-cyan: oklch(82% 0.1051 235.72deg);\n  --tn-teal: oklch(67.26% 0.0944 208.79deg);\n  --tn-green: oklch(79.53% 0.1395 130.14deg);\n  --tn-red: oklch(72.27% 0.1589 10.28deg);\n  --tn-magenta: oklch(75.15% 0.1344 299.5deg);\n  --tn-orange: oklch(78.7% 0.1373 50.56deg);\n  --tn-yellow: oklch(78.39% 0.1057 75.43deg);\n  --tn-button: oklch(47.94% 0.1207 266.01deg);\n  --tn-link: oklch(60.79% 0.0941 260.07deg);\n\n  // Backgrounds\n  --background: var(--tn-bg);\n  --background-secondary: var(--tn-bg-dark);\n  --background-hover: oklch(25.91% 0.0249 274.44deg);\n  --background-selected: var(--tn-bg-highlight);\n  --background-selected-hover: var(--tn-terminal-black);\n  --background-high-contrast: oklch(17.49% 0.0082 285.52deg);\n\n  // Borders\n  --border-muted: var(--tn-bg-highlight);\n  --border: var(--tn-terminal-black);\n  --border-strong: var(--tn-comment);\n  --border-inked: var(--tn-fg-bright);\n  --border-inverse: var(--tn-bg);\n  --border-focus: var(--tn-blue);\n\n  // Buttons\n  --button: var(--tn-button);\n  --button-hover: var(--tn-blue);\n  --button-active: var(--tn-link);\n  --button-disabled: var(--tn-comment);\n\n  // Links\n  --link: var(--tn-link);\n  --link-hover: var(--tn-cyan);\n  --link-subtle: var(--tn-comment);\n  --link-visited: var(--tn-magenta);\n\n  // Support\n  --support-error: var(--tn-red);\n  --support-warning: var(--tn-yellow);\n  --support-success: var(--tn-green);\n  --support-info: var(--tn-blue);\n\n  // Content\n  --content-primary: var(--tn-fg-bright);\n  --content-secondary: var(--tn-fg);\n  --content-secondary-alt: var(--tn-fg-dark);\n  --content-placeholder: var(--tn-comment);\n  --content-on-color: oklch(100% 0 0deg);\n  --content-error: var(--tn-red);\n  --content-success: var(--tn-green);\n  --content-inked: var(--tn-fg-bright);\n}\n"],"names":[],"version":3,"file":"tokyo-night.css.map"}

package/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "@new-ui/themes",
+  "version": "3.0.0",
+  "description": "Ready-made themes mapped onto the New UI semantic color contract",
+  "source": "src/index.scss",
+  "main": "dist/index.css",
+  "css": "dist/index.css",
+  "minified": "dist/index.min.css",
+  "style": "./dist/index.css",
+  "sass": "./src/index.scss",
+  "exports": {
+    ".": {
+      "sass": "./src/index.scss",
+      "style": "./dist/index.css",
+      "default": "./dist/index.css"
+    },
+    "./css": "./dist/index.css",
+    "./css/min": "./dist/index.min.css",
+    "./scss": "./src/index.scss",
+    "./dracula": "./dist/themes/dracula.css",
+    "./catppuccin-latte": "./dist/themes/catppuccin-latte.css",
+    "./catppuccin-frappe": "./dist/themes/catppuccin-frappe.css",
+    "./catppuccin-macchiato": "./dist/themes/catppuccin-macchiato.css",
+    "./catppuccin-mocha": "./dist/themes/catppuccin-mocha.css",
+    "./tokyo-night": "./dist/themes/tokyo-night.css",
+    "./night-owl": "./dist/themes/night-owl.css",
+    "./ayu-dark": "./dist/themes/ayu-dark.css",
+    "./flexoki-light": "./dist/themes/flexoki-light.css",
+    "./flexoki-dark": "./dist/themes/flexoki-dark.css",
+    "./aura": "./dist/themes/aura.css",
+    "./synthwave-84": "./dist/themes/synthwave-84.css",
+    "./monokai": "./dist/themes/monokai.css",
+    "./sargam-light": "./dist/themes/sargam-light.css",
+    "./sargam-dark": "./dist/themes/sargam-dark.css",
+    "./scss/*": "./src/themes/*.scss",
+    "./package.json": "./package.json"
+  },
+  "targets": {
+    "main": false,
+    "css": {
+      "source": "src/index.scss",
+      "optimize": false
+    },
+    "minified": {
+      "source": "src/index.scss",
+      "optimize": true
+    },
+    "themes": {
+      "source": [
+        "src/themes/dracula.scss",
+        "src/themes/catppuccin-latte.scss",
+        "src/themes/catppuccin-frappe.scss",
+        "src/themes/catppuccin-macchiato.scss",
+        "src/themes/catppuccin-mocha.scss",
+        "src/themes/tokyo-night.scss",
+        "src/themes/night-owl.scss",
+        "src/themes/ayu-dark.scss",
+        "src/themes/flexoki-light.scss",
+        "src/themes/flexoki-dark.scss",
+        "src/themes/aura.scss",
+        "src/themes/synthwave-84.scss",
+        "src/themes/monokai.scss",
+        "src/themes/sargam-light.scss",
+        "src/themes/sargam-dark.scss"
+      ],
+      "distDir": "dist/themes",
+      "optimize": false
+    }
+  },
+  "files": [
+    "dist/",
+    "src/",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "watch": "PARCEL_WORKERS=0 parcel watch",
+    "build": "PARCEL_WORKERS=0 parcel build && bun run check:contract",
+    "check:contract": "node scripts/check-contract.mjs",
+    "prepublishOnly": "bun run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CreateNewUI/foundations.git"
+  },
+  "keywords": [
+    "themes",
+    "dark-mode",
+    "light-mode",
+    "design-tokens",
+    "css-variables",
+    "dracula",
+    "catppuccin",
+    "tokyo-night",
+    "night-owl",
+    "ayu",
+    "flexoki",
+    "ui",
+    "new"
+  ],
+  "author": "@planetabhi",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/CreateNewUI/foundations/issues"
+  },
+  "homepage": "https://github.com/CreateNewUI/foundations#readme",
+  "peerDependencies": {
+    "@new-ui/colors": "^3.0.0"
+  }
+}

package/src/_contract.scss

@@ -0,0 +1,46 @@
+// Semantic contract for @new-ui/themes.
+// Canonical list of the custom properties every theme MUST define. Kept in sync
+// with `semantic-tokens-light` / `semantic-tokens-dark` in
+// @new-ui/colors (packages/colors/src/_theme-mixins.scss).
+// The build-time check in scripts/check-contract.mjs parses the `--token` names
+// out of this file and fails the build if any compiled theme is missing one, so
+// an incomplete skin can never be released.
+
+// Backgrounds
+//   --background
+//   --background-secondary
+//   --background-hover
+//   --background-selected
+//   --background-selected-hover
+//   --background-high-contrast
+// Borders
+//   --border-muted
+//   --border
+//   --border-strong
+//   --border-inked
+//   --border-inverse
+//   --border-focus
+// Buttons
+//   --button
+//   --button-hover
+//   --button-active
+//   --button-disabled
+// Links
+//   --link
+//   --link-hover
+//   --link-subtle
+//   --link-visited
+// Support
+//   --support-error
+//   --support-warning
+//   --support-success
+//   --support-info
+// Content
+//   --content-primary
+//   --content-secondary
+//   --content-secondary-alt
+//   --content-placeholder
+//   --content-on-color
+//   --content-error
+//   --content-success
+//   --content-inked

package/src/index.scss

@@ -0,0 +1,21 @@
+// @new-ui/themes
+// Bundles every ready-made theme. Import this to ship all themes at once, or
+// import an individual theme (e.g. `@new-ui/themes/dracula`) to ship just one.
+// Activate a theme by setting the attribute on a root element:
+//   <html data-new-ui-theme="dracula">
+
+@use 'themes/dracula';
+@use 'themes/catppuccin-latte';
+@use 'themes/catppuccin-frappe';
+@use 'themes/catppuccin-macchiato';
+@use 'themes/catppuccin-mocha';
+@use 'themes/tokyo-night';
+@use 'themes/night-owl';
+@use 'themes/ayu-dark';
+@use 'themes/flexoki-light';
+@use 'themes/flexoki-dark';
+@use 'themes/aura';
+@use 'themes/synthwave-84';
+@use 'themes/monokai';
+@use 'themes/sargam-light';
+@use 'themes/sargam-dark';

package/src/themes/aura.scss

@@ -0,0 +1,74 @@
+// Aura Dark
+// Palette values copied verbatim from the official Aura VS Code theme.
+// Source: https://github.com/daltonmenezes/aura-theme (MIT License)
+// © Dalton Menezes. https://aura-theme.com
+
+[data-new-ui-theme='aura'] {
+  color-scheme: dark;
+
+  // Palette (verbatim)
+  --au-bg: oklch(19.57% 0.014 291.6deg);
+  --au-bg-panel: oklch(17.83% 0.0126 300.35deg);
+  --au-bg-sidebar: oklch(17.54% 0.0186 294.6deg);
+  --au-shadow: oklch(16.84% 0 0deg);
+  --au-surface: oklch(29.78% 0.0236 295.51deg);
+  --au-surface-alt: oklch(34% 0.0426 299.43deg);
+  --au-selection: oklch(36.16% 0.0665 289.71deg);
+  --au-line: oklch(29.72% 0 0deg);
+  --au-fg: oklch(94.44% 0.0029 308.43deg);
+  --au-fg-secondary: oklch(84.66% 0.0029 308.42deg);
+  --au-fg-muted: oklch(74.58% 0.003 308.42deg);
+  --au-comment: oklch(53.48% 0 0deg);
+  --au-purple: oklch(67.4% 0.1945 295.27deg);
+  --au-green: oklch(90.27% 0.153 167.27deg);
+  --au-green-hover: oklch(73.55% 0.1233 167.69deg);
+  --au-orange: oklch(87.1% 0.1052 73.04deg);
+  --au-pink: oklch(80.44% 0.1774 323.99deg);
+  --au-red: oklch(70.59% 0.186 23.12deg);
+  --au-blue: oklch(86.4% 0.0992 219.55deg);
+  --au-on-accent: oklch(19.57% 0.014 291.6deg);
+
+  // Backgrounds
+  --background: var(--au-bg);
+  --background-secondary: var(--au-bg-panel);
+  --background-hover: var(--au-surface-alt);
+  --background-selected: var(--au-surface);
+  --background-selected-hover: var(--au-selection);
+  --background-high-contrast: var(--au-shadow);
+
+  // Borders
+  --border-muted: var(--au-line);
+  --border: var(--au-surface-alt);
+  --border-strong: var(--au-comment);
+  --border-inked: var(--au-fg);
+  --border-inverse: var(--au-bg);
+  --border-focus: var(--au-purple);
+
+  // Buttons
+  --button: var(--au-green);
+  --button-hover: var(--au-green-hover);
+  --button-active: var(--au-green-hover);
+  --button-disabled: var(--au-surface-alt);
+
+  // Links
+  --link: var(--au-purple);
+  --link-hover: var(--au-pink);
+  --link-subtle: var(--au-comment);
+  --link-visited: var(--au-blue);
+
+  // Support
+  --support-error: var(--au-red);
+  --support-warning: var(--au-orange);
+  --support-success: var(--au-green);
+  --support-info: var(--au-blue);
+
+  // Content
+  --content-primary: var(--au-fg);
+  --content-secondary: var(--au-fg-secondary);
+  --content-secondary-alt: var(--au-fg-muted);
+  --content-placeholder: var(--au-comment);
+  --content-on-color: var(--au-on-accent);
+  --content-error: var(--au-red);
+  --content-success: var(--au-green);
+  --content-inked: oklch(100% 0 0deg);
+}

package/src/themes/ayu-dark.scss

@@ -0,0 +1,77 @@
+// Ayu Dark
+// Palette values copied verbatim from the official Ayu VS Code theme.
+// Source: https://github.com/ayu-theme/vscode-ayu (MIT License)
+// © Ike Ku (dempfi). Ayu.
+
+[data-new-ui-theme='ayu-dark'] {
+  color-scheme: dark;
+
+  // Palette (verbatim)
+  --ayu-bg: oklch(19.1% 0.0175 264.03deg);
+  --ayu-bg-dark: oklch(17.33% 0.0154 266.68deg);
+  --ayu-line: oklch(21.84% 0.0206 267.71deg);
+  --ayu-panel: oklch(23.98% 0.0201 267.83deg);
+  --ayu-fg: oklch(79.8% 0.01 93.6deg);
+  --ayu-ui: oklch(49.99% 0.0354 266.87deg);
+  --ayu-comment: oklch(50.48% 0.0254 250.44deg);
+  --ayu-accent: oklch(79.68% 0.1298 82.17deg);
+  --ayu-accent-hover: oklch(77.66% 0.1265 82.42deg);
+  --ayu-on-accent: oklch(48.75% 0.0802 82.51deg);
+  --ayu-tag: oklch(73.86% 0.1251 225.66deg);
+  --ayu-entity: oklch(77.71% 0.1301 237.29deg);
+  --ayu-constant: oklch(79.7% 0.1307 306.33deg);
+  --ayu-string: oklch(82.51% 0.1745 125.84deg);
+  --ayu-keyword: oklch(75.82% 0.1627 52.42deg);
+  --ayu-func: oklch(82.38% 0.1408 70.17deg);
+  --ayu-operator: oklch(75.83% 0.1268 46.79deg);
+  --ayu-regexp: oklch(86.51% 0.0884 171.1deg);
+  --ayu-vcs-added: oklch(73.02% 0.161 138.56deg);
+  --ayu-vcs-modified: oklch(76.56% 0.1243 250.38deg);
+  --ayu-vcs-removed: oklch(69.82% 0.1638 17.29deg);
+  --ayu-error: oklch(62.57% 0.164 23.07deg);
+  --ayu-warning: oklch(81.36% 0.1445 70.04deg);
+
+  // Backgrounds
+  --background: var(--ayu-bg);
+  --background-secondary: var(--ayu-bg-dark);
+  --background-hover: var(--ayu-line);
+  --background-selected: var(--ayu-panel);
+  --background-selected-hover: oklch(27.73% 0.0234 267.18deg);
+  --background-high-contrast: var(--ayu-bg-dark);
+
+  // Borders
+  --border-muted: var(--ayu-panel);
+  --border: var(--ayu-ui);
+  --border-strong: var(--ayu-comment);
+  --border-inked: var(--ayu-fg);
+  --border-inverse: var(--ayu-bg);
+  --border-focus: var(--ayu-accent);
+
+  // Buttons
+  --button: var(--ayu-accent);
+  --button-hover: var(--ayu-accent-hover);
+  --button-active: var(--ayu-func);
+  --button-disabled: var(--ayu-ui);
+
+  // Links
+  --link: var(--ayu-tag);
+  --link-hover: var(--ayu-entity);
+  --link-subtle: var(--ayu-comment);
+  --link-visited: var(--ayu-constant);
+
+  // Support
+  --support-error: var(--ayu-error);
+  --support-warning: var(--ayu-warning);
+  --support-success: var(--ayu-vcs-added);
+  --support-info: var(--ayu-tag);
+
+  // Content
+  --content-primary: var(--ayu-fg);
+  --content-secondary: var(--ayu-ui);
+  --content-secondary-alt: var(--ayu-comment);
+  --content-placeholder: var(--ayu-comment);
+  --content-on-color: var(--ayu-on-accent);
+  --content-error: var(--ayu-error);
+  --content-success: var(--ayu-vcs-added);
+  --content-inked: oklch(100% 0 0deg);
+}

package/src/themes/catppuccin-frappe.scss

@@ -0,0 +1,80 @@
+// Catppuccin Frappé (dark)
+// Palette values copied verbatim from the official Catppuccin palette (v1.8.0).
+// Source: https://github.com/catppuccin/palette (MIT License)
+// © Catppuccin. https://catppuccin.com
+
+[data-new-ui-theme='catppuccin-frappe'] {
+  color-scheme: dark;
+
+  // Palette (verbatim)
+  --ctp-rosewater: oklch(89.55% 0.0335 31.6deg);
+  --ctp-flamingo: oklch(84.39% 0.0553 18.31deg);
+  --ctp-pink: oklch(85.04% 0.0892 336.26deg);
+  --ctp-mauve: oklch(76.48% 0.1108 311.74deg);
+  --ctp-red: oklch(71.71% 0.1244 19.39deg);
+  --ctp-maroon: oklch(76.46% 0.0976 17.18deg);
+  --ctp-peach: oklch(77.27% 0.1106 47.73deg);
+  --ctp-yellow: oklch(84.43% 0.0795 83.47deg);
+  --ctp-green: oklch(81.24% 0.1071 133.39deg);
+  --ctp-teal: oklch(78.3% 0.073 184.64deg);
+  --ctp-sky: oklch(82.55% 0.0592 209.76deg);
+  --ctp-sapphire: oklch(77.96% 0.0727 227.88deg);
+  --ctp-blue: oklch(74.2% 0.1044 265.66deg);
+  --ctp-lavender: oklch(80.99% 0.0759 283.74deg);
+  --ctp-text: oklch(86.19% 0.0526 273.35deg);
+  --ctp-subtext1: oklch(80.84% 0.0507 272.68deg);
+  --ctp-subtext0: oklch(75.24% 0.0483 274.47deg);
+  --ctp-overlay2: oklch(69.7% 0.0464 273.78deg);
+  --ctp-overlay1: oklch(64.01% 0.043 272.61deg);
+  --ctp-overlay0: oklch(58.09% 0.0421 275.2deg);
+  --ctp-surface2: oklch(52.11% 0.0386 274deg);
+  --ctp-surface1: oklch(46.01% 0.0367 272.97deg);
+  --ctp-surface0: oklch(39.49% 0.0342 275.9deg);
+  --ctp-base: oklch(32.91% 0.0324 274.76deg);
+  --ctp-mantle: oklch(29.73% 0.0294 276.21deg);
+  --ctp-crust: oklch(27.2% 0.0264 275.12deg);
+
+  // Backgrounds
+  --background: var(--ctp-base);
+  --background-secondary: var(--ctp-mantle);
+  --background-hover: var(--ctp-surface0);
+  --background-selected: var(--ctp-surface1);
+  --background-selected-hover: var(--ctp-surface2);
+  --background-high-contrast: var(--ctp-crust);
+
+  // Borders
+  --border-muted: var(--ctp-surface0);
+  --border: var(--ctp-surface1);
+  --border-strong: var(--ctp-surface2);
+  --border-inked: var(--ctp-text);
+  --border-inverse: var(--ctp-base);
+  --border-focus: var(--ctp-lavender);
+
+  // Buttons
+  --button: var(--ctp-mauve);
+  --button-hover: var(--ctp-lavender);
+  --button-active: var(--ctp-blue);
+  --button-disabled: var(--ctp-surface2);
+
+  // Links
+  --link: var(--ctp-blue);
+  --link-hover: var(--ctp-sky);
+  --link-subtle: var(--ctp-overlay1);
+  --link-visited: var(--ctp-lavender);
+
+  // Support
+  --support-error: var(--ctp-red);
+  --support-warning: var(--ctp-yellow);
+  --support-success: var(--ctp-green);
+  --support-info: var(--ctp-teal);
+
+  // Content
+  --content-primary: var(--ctp-text);
+  --content-secondary: var(--ctp-subtext1);
+  --content-secondary-alt: var(--ctp-subtext0);
+  --content-placeholder: var(--ctp-overlay1);
+  --content-on-color: var(--ctp-base);
+  --content-error: var(--ctp-red);
+  --content-success: var(--ctp-green);
+  --content-inked: var(--ctp-text);
+}