moon-inferno 0.3.5 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.css +284 -0
  2. package/dist/styles.css +284 -0
  3. package/package.json +5 -5
package/dist/index.css CHANGED
@@ -3537,6 +3537,290 @@
3537
3537
  cursor: not-allowed;
3538
3538
  }
3539
3539
 
3540
+ /* ../themes/src/moon-inferno.css */
3541
+ :root,
3542
+ [data-theme=moon-inferno] {
3543
+ --mi-color-bg: #0A090D;
3544
+ --mi-color-bg-subtle: #14121A;
3545
+ --mi-color-surface: #1E1B26;
3546
+ --mi-color-border: #332D40;
3547
+ --mi-color-border-accent: #FF4D00;
3548
+ --mi-color-primary: #FF4D00;
3549
+ --mi-color-primary-hover: #FF661A;
3550
+ --mi-color-primary-active: #FF2E00;
3551
+ --mi-color-primary-text: #FFFFFF;
3552
+ --mi-color-text: #F1F5F9;
3553
+ --mi-color-text-muted: #94A3B8;
3554
+ --mi-color-text-dim: #64748B;
3555
+ --mi-color-focus-ring: #FF4D00;
3556
+ --mi-shadow-glow: 0 0 16px rgba(255, 77, 0, 0.45);
3557
+ --mi-shadow-pixel: 3px 3px 0px #000000;
3558
+ --mi-crt-scanline: rgba(255, 77, 0, 0.05);
3559
+ --mi-font-mono:
3560
+ "JetBrains Mono",
3561
+ "Courier New",
3562
+ monospace;
3563
+ --mi-font-sans:
3564
+ system-ui,
3565
+ -apple-system,
3566
+ BlinkMacSystemFont,
3567
+ "Segoe UI",
3568
+ Roboto,
3569
+ sans-serif;
3570
+ --mi-font-pixel:
3571
+ "Press Start 2P",
3572
+ "Courier New",
3573
+ monospace;
3574
+ --mi-radius-sm: 2px;
3575
+ --mi-radius-base: 4px;
3576
+ --mi-radius-md: 8px;
3577
+ --mi-radius-full: 9999px;
3578
+ }
3579
+ ::-webkit-scrollbar {
3580
+ width: 8px;
3581
+ height: 8px;
3582
+ }
3583
+ ::-webkit-scrollbar-track {
3584
+ background: var(--mi-color-bg-subtle, #14121A);
3585
+ border: 1px solid var(--mi-color-border, #332D40);
3586
+ }
3587
+ ::-webkit-scrollbar-thumb {
3588
+ background: var(--mi-color-primary, #FF4D00);
3589
+ border-radius: 2px;
3590
+ box-shadow: 0 0 8px rgba(255, 77, 0, 0.4);
3591
+ }
3592
+ ::-webkit-scrollbar-thumb:hover {
3593
+ background: var(--mi-color-primary-hover, #FF661A);
3594
+ }
3595
+
3596
+ /* ../themes/src/terminal.css */
3597
+ [data-theme=terminal] {
3598
+ --mi-color-bg: #05130A;
3599
+ --mi-color-bg-subtle: #0B2213;
3600
+ --mi-color-surface: #10331C;
3601
+ --mi-color-border: #1A542E;
3602
+ --mi-color-border-accent: #00FF66;
3603
+ --mi-color-primary: #00FF66;
3604
+ --mi-color-primary-hover: #33FF85;
3605
+ --mi-color-primary-active: #00CC52;
3606
+ --mi-color-primary-text: #05130A;
3607
+ --mi-color-text: #00FF66;
3608
+ --mi-color-text-muted: #66FF99;
3609
+ --mi-color-text-dim: #26994D;
3610
+ --mi-color-focus-ring: #00FF66;
3611
+ --mi-shadow-glow: 0 0 16px rgba(0, 255, 102, 0.45);
3612
+ --mi-shadow-pixel: 3px 3px 0px #000000;
3613
+ --mi-crt-scanline: rgba(0, 255, 102, 0.08);
3614
+ }
3615
+
3616
+ /* ../themes/src/y2k.css */
3617
+ [data-theme=y2k] {
3618
+ --mi-color-bg: #0F0E17;
3619
+ --mi-color-bg-subtle: #1B1A2E;
3620
+ --mi-color-surface: #2A2845;
3621
+ --mi-color-border: #4D4775;
3622
+ --mi-color-border-accent: #00E5FF;
3623
+ --mi-color-primary: #00E5FF;
3624
+ --mi-color-primary-hover: #52EDFF;
3625
+ --mi-color-primary-active: #00B4CC;
3626
+ --mi-color-primary-text: #0F0E17;
3627
+ --mi-color-text: #F8FAFC;
3628
+ --mi-color-text-muted: #CBD5E1;
3629
+ --mi-color-text-dim: #8B85C1;
3630
+ --mi-color-focus-ring: #00E5FF;
3631
+ --mi-shadow-glow: 0 0 16px rgba(0, 229, 255, 0.45);
3632
+ --mi-shadow-pixel: 3px 3px 0px #0F0E17;
3633
+ --mi-crt-scanline: rgba(0, 229, 255, 0.05);
3634
+ }
3635
+
3636
+ /* src/styles/native-html.css */
3637
+ select.mi-select,
3638
+ .mi-select-native {
3639
+ width: 100%;
3640
+ padding: 0.65rem 2.25rem 0.65rem 0.875rem;
3641
+ font-family: var(--mi-font-mono, "JetBrains Mono", monospace);
3642
+ font-size: 0.875rem;
3643
+ background-color: var(--mi-color-surface, #1E1B26);
3644
+ color: var(--mi-color-text, #F1F5F9);
3645
+ border: 1px solid var(--mi-color-border, #332D40);
3646
+ border-radius: var(--mi-radius-base, 4px);
3647
+ outline: none;
3648
+ cursor: pointer;
3649
+ -webkit-appearance: none;
3650
+ -moz-appearance: none;
3651
+ appearance: none;
3652
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FF4D00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
3653
+ background-repeat: no-repeat;
3654
+ background-position: right 0.75rem center;
3655
+ background-size: 16px;
3656
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
3657
+ min-height: 42px;
3658
+ }
3659
+ select.mi-select:focus,
3660
+ .mi-select-native:focus {
3661
+ border-color: var(--mi-color-focus-ring, #FF4D00);
3662
+ box-shadow: var(--mi-shadow-glow, 0 0 16px rgba(255, 77, 0, 0.45));
3663
+ }
3664
+ select.mi-select option,
3665
+ .mi-select-native option {
3666
+ background-color: var(--mi-color-surface, #1E1B26);
3667
+ color: var(--mi-color-text, #F1F5F9);
3668
+ padding: 0.65rem;
3669
+ }
3670
+ select.mi-select--pixel {
3671
+ border-radius: 0;
3672
+ border-width: 2px;
3673
+ box-shadow: var(--mi-shadow-pixel, 3px 3px 0 #000);
3674
+ }
3675
+ meter.mi-health-meter,
3676
+ meter.mi-healthmeter,
3677
+ .mi-meter-native {
3678
+ -webkit-appearance: none;
3679
+ -moz-appearance: none;
3680
+ appearance: none;
3681
+ width: 100%;
3682
+ height: 18px;
3683
+ background: #0A090D;
3684
+ border: 1px solid var(--mi-color-border, #332D40);
3685
+ border-radius: var(--mi-radius-sm, 4px);
3686
+ overflow: hidden;
3687
+ display: block;
3688
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
3689
+ }
3690
+ meter.mi-health-meter::-webkit-meter-bar,
3691
+ meter.mi-healthmeter::-webkit-meter-bar {
3692
+ background: #0A090D;
3693
+ border-radius: var(--mi-radius-sm, 4px);
3694
+ }
3695
+ meter.mi-health-meter::-webkit-meter-optimum-value,
3696
+ meter.mi-healthmeter::-webkit-meter-optimum-value,
3697
+ meter.mi-health-meter--health::-webkit-meter-optimum-value {
3698
+ background:
3699
+ linear-gradient(
3700
+ 90deg,
3701
+ #CC0029 0%,
3702
+ #FF0033 60%,
3703
+ #FF4D00 100%);
3704
+ box-shadow: 0 0 10px #FF0033;
3705
+ }
3706
+ meter.mi-health-meter--mana::-webkit-meter-optimum-value,
3707
+ meter.mi-healthmeter--mana::-webkit-meter-optimum-value {
3708
+ background:
3709
+ linear-gradient(
3710
+ 90deg,
3711
+ #0055FF 0%,
3712
+ #00AAFF 60%,
3713
+ #00E5FF 100%);
3714
+ box-shadow: 0 0 10px #00E5FF;
3715
+ }
3716
+ meter.mi-health-meter--shield::-webkit-meter-optimum-value,
3717
+ meter.mi-healthmeter--shield::-webkit-meter-optimum-value {
3718
+ background:
3719
+ linear-gradient(
3720
+ 90deg,
3721
+ #7700FF 0%,
3722
+ #AA00FF 60%,
3723
+ #FF00E5 100%);
3724
+ box-shadow: 0 0 10px #FF00E5;
3725
+ }
3726
+ meter.mi-health-meter--energy::-webkit-meter-optimum-value,
3727
+ meter.mi-healthmeter--energy::-webkit-meter-optimum-value {
3728
+ background:
3729
+ linear-gradient(
3730
+ 90deg,
3731
+ #009933 0%,
3732
+ #00FF66 60%,
3733
+ #AAFF00 100%);
3734
+ box-shadow: 0 0 10px #00FF66;
3735
+ }
3736
+ meter.mi-health-meter::-moz-meter-bar,
3737
+ meter.mi-healthmeter::-moz-meter-bar,
3738
+ meter.mi-health-meter--health::-moz-meter-bar {
3739
+ background:
3740
+ linear-gradient(
3741
+ 90deg,
3742
+ #CC0029 0%,
3743
+ #FF0033 60%,
3744
+ #FF4D00 100%);
3745
+ }
3746
+ meter.mi-health-meter--mana::-moz-meter-bar,
3747
+ meter.mi-healthmeter--mana::-moz-meter-bar {
3748
+ background:
3749
+ linear-gradient(
3750
+ 90deg,
3751
+ #0055FF 0%,
3752
+ #00AAFF 60%,
3753
+ #00E5FF 100%);
3754
+ }
3755
+ meter.mi-health-meter--shield::-moz-meter-bar,
3756
+ meter.mi-healthmeter--shield::-moz-meter-bar {
3757
+ background:
3758
+ linear-gradient(
3759
+ 90deg,
3760
+ #7700FF 0%,
3761
+ #AA00FF 60%,
3762
+ #FF00E5 100%);
3763
+ }
3764
+ meter.mi-health-meter--energy::-moz-meter-bar,
3765
+ meter.mi-healthmeter--energy::-moz-meter-bar {
3766
+ background:
3767
+ linear-gradient(
3768
+ 90deg,
3769
+ #009933 0%,
3770
+ #00FF66 60%,
3771
+ #AAFF00 100%);
3772
+ }
3773
+ progress.mi-progress {
3774
+ -webkit-appearance: none;
3775
+ -moz-appearance: none;
3776
+ appearance: none;
3777
+ width: 100%;
3778
+ height: 14px;
3779
+ background-color: var(--mi-color-bg-subtle, #14121A);
3780
+ border: 1px solid var(--mi-color-border, #332D40);
3781
+ border-radius: var(--mi-radius-full, 9999px);
3782
+ overflow: hidden;
3783
+ display: block;
3784
+ }
3785
+ progress.mi-progress::-webkit-progress-bar {
3786
+ background-color: var(--mi-color-bg-subtle, #14121A);
3787
+ }
3788
+ progress.mi-progress::-webkit-progress-value {
3789
+ background:
3790
+ linear-gradient(
3791
+ 90deg,
3792
+ var(--mi-color-primary, #FF4D00),
3793
+ #FF8000);
3794
+ box-shadow: var(--mi-shadow-glow, 0 0 16px rgba(255, 77, 0, 0.45));
3795
+ }
3796
+ progress.mi-progress::-moz-progress-bar {
3797
+ background:
3798
+ linear-gradient(
3799
+ 90deg,
3800
+ var(--mi-color-primary, #FF4D00),
3801
+ #FF8000);
3802
+ }
3803
+ textarea.mi-input,
3804
+ textarea.mi-textarea {
3805
+ width: 100%;
3806
+ min-height: 90px;
3807
+ padding: 0.625rem 0.875rem;
3808
+ font-family: var(--mi-font-mono, monospace);
3809
+ font-size: 0.875rem;
3810
+ background-color: var(--mi-color-bg-subtle, #14121A);
3811
+ color: var(--mi-color-text, #F1F5F9);
3812
+ border: 1px solid var(--mi-color-border, #332D40);
3813
+ border-radius: var(--mi-radius-base, 4px);
3814
+ outline: none;
3815
+ resize: vertical;
3816
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
3817
+ }
3818
+ textarea.mi-input:focus,
3819
+ textarea.mi-textarea:focus {
3820
+ border-color: var(--mi-color-focus-ring, #FF4D00);
3821
+ box-shadow: var(--mi-shadow-glow);
3822
+ }
3823
+
3540
3824
  /* src/styles/scrollbar.css */
3541
3825
  html,
3542
3826
  body {
package/dist/styles.css CHANGED
@@ -3537,6 +3537,290 @@
3537
3537
  cursor: not-allowed;
3538
3538
  }
3539
3539
 
3540
+ /* ../themes/src/moon-inferno.css */
3541
+ :root,
3542
+ [data-theme=moon-inferno] {
3543
+ --mi-color-bg: #0A090D;
3544
+ --mi-color-bg-subtle: #14121A;
3545
+ --mi-color-surface: #1E1B26;
3546
+ --mi-color-border: #332D40;
3547
+ --mi-color-border-accent: #FF4D00;
3548
+ --mi-color-primary: #FF4D00;
3549
+ --mi-color-primary-hover: #FF661A;
3550
+ --mi-color-primary-active: #FF2E00;
3551
+ --mi-color-primary-text: #FFFFFF;
3552
+ --mi-color-text: #F1F5F9;
3553
+ --mi-color-text-muted: #94A3B8;
3554
+ --mi-color-text-dim: #64748B;
3555
+ --mi-color-focus-ring: #FF4D00;
3556
+ --mi-shadow-glow: 0 0 16px rgba(255, 77, 0, 0.45);
3557
+ --mi-shadow-pixel: 3px 3px 0px #000000;
3558
+ --mi-crt-scanline: rgba(255, 77, 0, 0.05);
3559
+ --mi-font-mono:
3560
+ "JetBrains Mono",
3561
+ "Courier New",
3562
+ monospace;
3563
+ --mi-font-sans:
3564
+ system-ui,
3565
+ -apple-system,
3566
+ BlinkMacSystemFont,
3567
+ "Segoe UI",
3568
+ Roboto,
3569
+ sans-serif;
3570
+ --mi-font-pixel:
3571
+ "Press Start 2P",
3572
+ "Courier New",
3573
+ monospace;
3574
+ --mi-radius-sm: 2px;
3575
+ --mi-radius-base: 4px;
3576
+ --mi-radius-md: 8px;
3577
+ --mi-radius-full: 9999px;
3578
+ }
3579
+ ::-webkit-scrollbar {
3580
+ width: 8px;
3581
+ height: 8px;
3582
+ }
3583
+ ::-webkit-scrollbar-track {
3584
+ background: var(--mi-color-bg-subtle, #14121A);
3585
+ border: 1px solid var(--mi-color-border, #332D40);
3586
+ }
3587
+ ::-webkit-scrollbar-thumb {
3588
+ background: var(--mi-color-primary, #FF4D00);
3589
+ border-radius: 2px;
3590
+ box-shadow: 0 0 8px rgba(255, 77, 0, 0.4);
3591
+ }
3592
+ ::-webkit-scrollbar-thumb:hover {
3593
+ background: var(--mi-color-primary-hover, #FF661A);
3594
+ }
3595
+
3596
+ /* ../themes/src/terminal.css */
3597
+ [data-theme=terminal] {
3598
+ --mi-color-bg: #05130A;
3599
+ --mi-color-bg-subtle: #0B2213;
3600
+ --mi-color-surface: #10331C;
3601
+ --mi-color-border: #1A542E;
3602
+ --mi-color-border-accent: #00FF66;
3603
+ --mi-color-primary: #00FF66;
3604
+ --mi-color-primary-hover: #33FF85;
3605
+ --mi-color-primary-active: #00CC52;
3606
+ --mi-color-primary-text: #05130A;
3607
+ --mi-color-text: #00FF66;
3608
+ --mi-color-text-muted: #66FF99;
3609
+ --mi-color-text-dim: #26994D;
3610
+ --mi-color-focus-ring: #00FF66;
3611
+ --mi-shadow-glow: 0 0 16px rgba(0, 255, 102, 0.45);
3612
+ --mi-shadow-pixel: 3px 3px 0px #000000;
3613
+ --mi-crt-scanline: rgba(0, 255, 102, 0.08);
3614
+ }
3615
+
3616
+ /* ../themes/src/y2k.css */
3617
+ [data-theme=y2k] {
3618
+ --mi-color-bg: #0F0E17;
3619
+ --mi-color-bg-subtle: #1B1A2E;
3620
+ --mi-color-surface: #2A2845;
3621
+ --mi-color-border: #4D4775;
3622
+ --mi-color-border-accent: #00E5FF;
3623
+ --mi-color-primary: #00E5FF;
3624
+ --mi-color-primary-hover: #52EDFF;
3625
+ --mi-color-primary-active: #00B4CC;
3626
+ --mi-color-primary-text: #0F0E17;
3627
+ --mi-color-text: #F8FAFC;
3628
+ --mi-color-text-muted: #CBD5E1;
3629
+ --mi-color-text-dim: #8B85C1;
3630
+ --mi-color-focus-ring: #00E5FF;
3631
+ --mi-shadow-glow: 0 0 16px rgba(0, 229, 255, 0.45);
3632
+ --mi-shadow-pixel: 3px 3px 0px #0F0E17;
3633
+ --mi-crt-scanline: rgba(0, 229, 255, 0.05);
3634
+ }
3635
+
3636
+ /* src/styles/native-html.css */
3637
+ select.mi-select,
3638
+ .mi-select-native {
3639
+ width: 100%;
3640
+ padding: 0.65rem 2.25rem 0.65rem 0.875rem;
3641
+ font-family: var(--mi-font-mono, "JetBrains Mono", monospace);
3642
+ font-size: 0.875rem;
3643
+ background-color: var(--mi-color-surface, #1E1B26);
3644
+ color: var(--mi-color-text, #F1F5F9);
3645
+ border: 1px solid var(--mi-color-border, #332D40);
3646
+ border-radius: var(--mi-radius-base, 4px);
3647
+ outline: none;
3648
+ cursor: pointer;
3649
+ -webkit-appearance: none;
3650
+ -moz-appearance: none;
3651
+ appearance: none;
3652
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FF4D00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
3653
+ background-repeat: no-repeat;
3654
+ background-position: right 0.75rem center;
3655
+ background-size: 16px;
3656
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
3657
+ min-height: 42px;
3658
+ }
3659
+ select.mi-select:focus,
3660
+ .mi-select-native:focus {
3661
+ border-color: var(--mi-color-focus-ring, #FF4D00);
3662
+ box-shadow: var(--mi-shadow-glow, 0 0 16px rgba(255, 77, 0, 0.45));
3663
+ }
3664
+ select.mi-select option,
3665
+ .mi-select-native option {
3666
+ background-color: var(--mi-color-surface, #1E1B26);
3667
+ color: var(--mi-color-text, #F1F5F9);
3668
+ padding: 0.65rem;
3669
+ }
3670
+ select.mi-select--pixel {
3671
+ border-radius: 0;
3672
+ border-width: 2px;
3673
+ box-shadow: var(--mi-shadow-pixel, 3px 3px 0 #000);
3674
+ }
3675
+ meter.mi-health-meter,
3676
+ meter.mi-healthmeter,
3677
+ .mi-meter-native {
3678
+ -webkit-appearance: none;
3679
+ -moz-appearance: none;
3680
+ appearance: none;
3681
+ width: 100%;
3682
+ height: 18px;
3683
+ background: #0A090D;
3684
+ border: 1px solid var(--mi-color-border, #332D40);
3685
+ border-radius: var(--mi-radius-sm, 4px);
3686
+ overflow: hidden;
3687
+ display: block;
3688
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
3689
+ }
3690
+ meter.mi-health-meter::-webkit-meter-bar,
3691
+ meter.mi-healthmeter::-webkit-meter-bar {
3692
+ background: #0A090D;
3693
+ border-radius: var(--mi-radius-sm, 4px);
3694
+ }
3695
+ meter.mi-health-meter::-webkit-meter-optimum-value,
3696
+ meter.mi-healthmeter::-webkit-meter-optimum-value,
3697
+ meter.mi-health-meter--health::-webkit-meter-optimum-value {
3698
+ background:
3699
+ linear-gradient(
3700
+ 90deg,
3701
+ #CC0029 0%,
3702
+ #FF0033 60%,
3703
+ #FF4D00 100%);
3704
+ box-shadow: 0 0 10px #FF0033;
3705
+ }
3706
+ meter.mi-health-meter--mana::-webkit-meter-optimum-value,
3707
+ meter.mi-healthmeter--mana::-webkit-meter-optimum-value {
3708
+ background:
3709
+ linear-gradient(
3710
+ 90deg,
3711
+ #0055FF 0%,
3712
+ #00AAFF 60%,
3713
+ #00E5FF 100%);
3714
+ box-shadow: 0 0 10px #00E5FF;
3715
+ }
3716
+ meter.mi-health-meter--shield::-webkit-meter-optimum-value,
3717
+ meter.mi-healthmeter--shield::-webkit-meter-optimum-value {
3718
+ background:
3719
+ linear-gradient(
3720
+ 90deg,
3721
+ #7700FF 0%,
3722
+ #AA00FF 60%,
3723
+ #FF00E5 100%);
3724
+ box-shadow: 0 0 10px #FF00E5;
3725
+ }
3726
+ meter.mi-health-meter--energy::-webkit-meter-optimum-value,
3727
+ meter.mi-healthmeter--energy::-webkit-meter-optimum-value {
3728
+ background:
3729
+ linear-gradient(
3730
+ 90deg,
3731
+ #009933 0%,
3732
+ #00FF66 60%,
3733
+ #AAFF00 100%);
3734
+ box-shadow: 0 0 10px #00FF66;
3735
+ }
3736
+ meter.mi-health-meter::-moz-meter-bar,
3737
+ meter.mi-healthmeter::-moz-meter-bar,
3738
+ meter.mi-health-meter--health::-moz-meter-bar {
3739
+ background:
3740
+ linear-gradient(
3741
+ 90deg,
3742
+ #CC0029 0%,
3743
+ #FF0033 60%,
3744
+ #FF4D00 100%);
3745
+ }
3746
+ meter.mi-health-meter--mana::-moz-meter-bar,
3747
+ meter.mi-healthmeter--mana::-moz-meter-bar {
3748
+ background:
3749
+ linear-gradient(
3750
+ 90deg,
3751
+ #0055FF 0%,
3752
+ #00AAFF 60%,
3753
+ #00E5FF 100%);
3754
+ }
3755
+ meter.mi-health-meter--shield::-moz-meter-bar,
3756
+ meter.mi-healthmeter--shield::-moz-meter-bar {
3757
+ background:
3758
+ linear-gradient(
3759
+ 90deg,
3760
+ #7700FF 0%,
3761
+ #AA00FF 60%,
3762
+ #FF00E5 100%);
3763
+ }
3764
+ meter.mi-health-meter--energy::-moz-meter-bar,
3765
+ meter.mi-healthmeter--energy::-moz-meter-bar {
3766
+ background:
3767
+ linear-gradient(
3768
+ 90deg,
3769
+ #009933 0%,
3770
+ #00FF66 60%,
3771
+ #AAFF00 100%);
3772
+ }
3773
+ progress.mi-progress {
3774
+ -webkit-appearance: none;
3775
+ -moz-appearance: none;
3776
+ appearance: none;
3777
+ width: 100%;
3778
+ height: 14px;
3779
+ background-color: var(--mi-color-bg-subtle, #14121A);
3780
+ border: 1px solid var(--mi-color-border, #332D40);
3781
+ border-radius: var(--mi-radius-full, 9999px);
3782
+ overflow: hidden;
3783
+ display: block;
3784
+ }
3785
+ progress.mi-progress::-webkit-progress-bar {
3786
+ background-color: var(--mi-color-bg-subtle, #14121A);
3787
+ }
3788
+ progress.mi-progress::-webkit-progress-value {
3789
+ background:
3790
+ linear-gradient(
3791
+ 90deg,
3792
+ var(--mi-color-primary, #FF4D00),
3793
+ #FF8000);
3794
+ box-shadow: var(--mi-shadow-glow, 0 0 16px rgba(255, 77, 0, 0.45));
3795
+ }
3796
+ progress.mi-progress::-moz-progress-bar {
3797
+ background:
3798
+ linear-gradient(
3799
+ 90deg,
3800
+ var(--mi-color-primary, #FF4D00),
3801
+ #FF8000);
3802
+ }
3803
+ textarea.mi-input,
3804
+ textarea.mi-textarea {
3805
+ width: 100%;
3806
+ min-height: 90px;
3807
+ padding: 0.625rem 0.875rem;
3808
+ font-family: var(--mi-font-mono, monospace);
3809
+ font-size: 0.875rem;
3810
+ background-color: var(--mi-color-bg-subtle, #14121A);
3811
+ color: var(--mi-color-text, #F1F5F9);
3812
+ border: 1px solid var(--mi-color-border, #332D40);
3813
+ border-radius: var(--mi-radius-base, 4px);
3814
+ outline: none;
3815
+ resize: vertical;
3816
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
3817
+ }
3818
+ textarea.mi-input:focus,
3819
+ textarea.mi-textarea:focus {
3820
+ border-color: var(--mi-color-focus-ring, #FF4D00);
3821
+ box-shadow: var(--mi-shadow-glow);
3822
+ }
3823
+
3540
3824
  /* src/styles/scrollbar.css */
3541
3825
  html,
3542
3826
  body {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "moon-inferno",
3
- "version": "0.3.5",
3
+ "version": "0.3.6",
4
4
  "description": "All-in-one bundle for Moon-Inferno: Expressive, accessibility-first React UI framework for retro, Y2K, CRT, cyberpunk, gaming, and Web3 applications.",
5
5
  "license": "MIT",
6
6
  "author": "Biagio Scaglia",
@@ -29,10 +29,10 @@
29
29
  "LICENSE"
30
30
  ],
31
31
  "dependencies": {
32
- "@moon-inferno/icons": "0.3.5",
33
- "@moon-inferno/react": "0.3.5",
34
- "@moon-inferno/core": "0.3.5",
35
- "@moon-inferno/themes": "0.3.5"
32
+ "@moon-inferno/icons": "0.3.6",
33
+ "@moon-inferno/core": "0.3.6",
34
+ "@moon-inferno/react": "0.3.6",
35
+ "@moon-inferno/themes": "0.3.6"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "react": ">=18.0.0",