@jjlmoya/utils-diy 1.10.0 → 1.11.0

package/src/tool/mortarCalculator/lime-mortar-calculator.css

@@ -26,7 +26,7 @@
     transition: transform 0.3s, box-shadow 0.3s;
   }
 
-  :global(.theme-dark) .mc-panel {
+  .theme-dark .mc-panel {
     background: rgba(26, 26, 26, 0.8);
     border-color: rgba(255, 255, 255, 0.1);
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
@@ -45,7 +45,7 @@
     text-align: center;
   }
 
-  :global(.theme-dark) .mc-panel-title {
+  .theme-dark .mc-panel-title {
     color: #f5f1e8;
   }
 
@@ -77,7 +77,7 @@
     pointer-events: none;
   }
 
-  :global(.theme-dark) .mc-column-label {
+  .theme-dark .mc-column-label {
     fill: #f5f1e8;
   }
 
@@ -96,7 +96,7 @@
     border: 1px solid #e7e5e4;
   }
 
-  :global(.theme-dark) .mc-phase-info {
+  .theme-dark .mc-phase-info {
     background: rgba(40, 35, 30, 0.5);
     border-color: rgba(255, 255, 255, 0.05);
   }
@@ -114,7 +114,7 @@
     line-height: 1.6;
   }
 
-  :global(.theme-dark) .mc-phase-info p {
+  .theme-dark .mc-phase-info p {
     color: #a8a29e;
   }
 
@@ -140,7 +140,7 @@
     transition: all 0.3s;
   }
 
-  :global(.theme-dark) .mc-material-btn {
+  .theme-dark .mc-material-btn {
     background: rgba(40, 35, 30, 0.5);
     border-color: rgba(255, 255, 255, 0.1);
     color: #a8a29e;
@@ -165,7 +165,7 @@
     border: 1px solid #e7e5e4;
   }
 
-  :global(.theme-dark) .mc-cal-toggle {
+  .theme-dark .mc-cal-toggle {
     background: rgba(40, 35, 30, 0.5);
     border-color: rgba(255, 255, 255, 0.1);
   }
@@ -217,7 +217,7 @@
     gap: 0.125rem;
   }
 
-  :global(.theme-dark) .mc-toggle-text {
+  .theme-dark .mc-toggle-text {
     color: #a8a29e;
   }
 
@@ -226,7 +226,7 @@
     color: #292524;
   }
 
-  :global(.theme-dark) .mc-type-pasta {
+  .theme-dark .mc-type-pasta {
     color: #f5f1e8;
   }
 
@@ -244,7 +244,7 @@
     margin-bottom: 1rem;
   }
 
-  :global(.theme-dark) .mc-bodegon-svg {
+  .theme-dark .mc-bodegon-svg {
     border-color: rgba(255, 255, 255, 0.1);
     background: rgba(10, 10, 10, 0.3);
   }
@@ -275,7 +275,7 @@
     color: #57534e;
   }
 
-  :global(.theme-dark) .mc-quantity-display {
+  .theme-dark .mc-quantity-display {
     color: #a8a29e;
   }
 
@@ -297,7 +297,7 @@
     border: 1px solid #e7e5e4;
   }
 
-  :global(.theme-dark) .mc-complementary {
+  .theme-dark .mc-complementary {
     background: rgba(40, 35, 30, 0.5);
     border-color: rgba(255, 255, 255, 0.1);
   }
@@ -312,7 +312,7 @@
     margin-bottom: 0.75rem;
   }
 
-  :global(.theme-dark) .mc-complementary-header {
+  .theme-dark .mc-complementary-header {
     color: #a8a29e;
   }
 
@@ -340,7 +340,7 @@
     min-width: 4rem;
   }
 
-  :global(.theme-dark) .mc-comp-label {
+  .theme-dark .mc-comp-label {
     color: #f5f1e8;
   }
 
@@ -359,7 +359,7 @@
     color: #78716c;
   }
 
-  :global(.theme-dark) .mc-ratio-row {
+  .theme-dark .mc-ratio-row {
     color: #a8a29e;
   }
 
@@ -368,7 +368,7 @@
     color: #292524;
   }
 
-  :global(.theme-dark) .mc-ratio-value {
+  .theme-dark .mc-ratio-value {
     color: #f5f1e8;
   }
 
@@ -381,7 +381,7 @@
     margin-bottom: 1.5rem;
   }
 
-  :global(.theme-dark) .mc-wall-svg {
+  .theme-dark .mc-wall-svg {
     border-color: rgba(255, 255, 255, 0.1);
     background: #0a0a0a;
   }
@@ -404,7 +404,7 @@
     font-weight: 600;
   }
 
-  :global(.theme-dark) .mc-coverage-label {
+  .theme-dark .mc-coverage-label {
     color: #a8a29e;
   }
 
@@ -436,7 +436,7 @@
     font-size: 0.875rem;
   }
 
-  :global(.theme-dark) .mc-detail-row {
+  .theme-dark .mc-detail-row {
     border-bottom-color: rgba(255, 255, 255, 0.05);
   }
 
@@ -449,7 +449,7 @@
     font-weight: 500;
   }
 
-  :global(.theme-dark) .mc-detail-label {
+  .theme-dark .mc-detail-label {
     color: #a8a29e;
   }
 
@@ -458,7 +458,7 @@
     color: #292524;
   }
 
-  :global(.theme-dark) .mc-detail-value {
+  .theme-dark .mc-detail-value {
     color: #f5f1e8;
   }
 
@@ -476,7 +476,7 @@
     position: relative;
   }
 
-  :global(.theme-dark) .mc-section-title {
+  .theme-dark .mc-section-title {
     color: #f5f1e8;
   }
 
@@ -506,7 +506,7 @@
     transform: scale(0.98);
   }
 
-  :global(.theme-dark) .mc-grain-card {
+  .theme-dark .mc-grain-card {
     background: #1c1917;
     border-color: rgba(255, 255, 255, 0.1);
   }
@@ -524,7 +524,7 @@
     background: #fff;
   }
 
-  :global(.theme-dark) .mc-grain-card.mc-active {
+  .theme-dark .mc-grain-card.mc-active {
     background: #292524;
     border-color: #c1694f;
     box-shadow: 0 8px 32px rgba(193, 105, 79, 0.3);
@@ -542,7 +542,7 @@
     margin: 0 0 0.5rem;
   }
 
-  :global(.theme-dark) .mc-grain-title {
+  .theme-dark .mc-grain-title {
     color: #f5f1e8;
   }
 
@@ -552,7 +552,7 @@
     font-weight: 500;
   }
 
-  :global(.theme-dark) .mc-grain-subtitle {
+  .theme-dark .mc-grain-subtitle {
     color: #a8a29e;
   }
 
@@ -564,7 +564,7 @@
     border: 1px solid #e7e5e4;
   }
 
-  :global(.theme-dark) .mc-grain-visual {
+  .theme-dark .mc-grain-visual {
     background: #0a0a0a;
     border-color: rgba(255, 255, 255, 0.05);
   }
@@ -589,7 +589,7 @@
     border-bottom: 1px solid #e7e5e4;
   }
 
-  :global(.theme-dark) .mc-spec-item {
+  .theme-dark .mc-spec-item {
     border-bottom-color: rgba(255, 255, 255, 0.05);
   }
 
@@ -603,7 +603,7 @@
     font-weight: 500;
   }
 
-  :global(.theme-dark) .mc-spec-label {
+  .theme-dark .mc-spec-label {
     color: #a8a29e;
   }
 
@@ -613,6 +613,6 @@
     font-weight: 600;
   }
 
-  :global(.theme-dark) .mc-spec-value {
+  .theme-dark .mc-spec-value {
     color: #f5f1e8;
   }

package/src/tool/passepartoutCalculator/passepartout-calculator.css

@@ -9,7 +9,7 @@
     overflow: hidden;
   }
 
-  :global(.theme-dark) .pp-root {
+  .theme-dark .pp-root {
     background: #1e1e2e;
     border-color: #2d2d3f;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
@@ -35,7 +35,7 @@
     border-right: 1px solid #e2e8f0;
   }
 
-  :global(.theme-dark) .pp-inputs {
+  .theme-dark .pp-inputs {
     background: #16161e;
     border-right-color: #2d2d3f;
   }
@@ -55,7 +55,7 @@
     gap: 0.5rem;
   }
 
-  :global(.theme-dark) .pp-section-title {
+  .theme-dark .pp-section-title {
     color: #e2e8f0;
   }
 
@@ -64,7 +64,7 @@
     color: #64748b;
   }
 
-  :global(.theme-dark) .pp-section-desc {
+  .theme-dark .pp-section-desc {
     color: #94a3b8;
   }
 
@@ -86,7 +86,7 @@
     color: #4f46e5;
   }
 
-  :global(.theme-dark) .pp-label-frame {
+  .theme-dark .pp-label-frame {
     color: #818cf8;
   }
 
@@ -94,7 +94,7 @@
     color: #db2777;
   }
 
-  :global(.theme-dark) .pp-label-art {
+  .theme-dark .pp-label-art {
     color: #f472b6;
   }
 
@@ -121,7 +121,7 @@
     margin-left: 0.25rem;
   }
 
-  :global(.theme-dark) .pp-label {
+  .theme-dark .pp-label {
     color: #94a3b8;
   }
 
@@ -143,13 +143,13 @@
     box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
   }
 
-  :global(.theme-dark) .pp-input {
+  .theme-dark .pp-input {
     background: #1e1e2e;
     border-color: #3d3d50;
     color: #e2e8f0;
   }
 
-  :global(.theme-dark) .pp-input:focus {
+  .theme-dark .pp-input:focus {
     border-color: #818cf8;
     box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.15);
   }
@@ -159,7 +159,7 @@
     border-top: 1px solid #e2e8f0;
   }
 
-  :global(.theme-dark) .pp-toggle-row {
+  .theme-dark .pp-toggle-row {
     border-top-color: #2d2d3f;
   }
 
@@ -183,7 +183,7 @@
     color: #0f172a;
   }
 
-  :global(.theme-dark) .pp-toggle-name {
+  .theme-dark .pp-toggle-name {
     color: #e2e8f0;
   }
 
@@ -192,7 +192,7 @@
     color: #64748b;
   }
 
-  :global(.theme-dark) .pp-toggle-desc {
+  .theme-dark .pp-toggle-desc {
     color: #94a3b8;
   }
 
@@ -239,7 +239,7 @@
     border-top: 1px solid #e2e8f0;
   }
 
-  :global(.theme-dark) .pp-offset-ctrl {
+  .theme-dark .pp-offset-ctrl {
     border-top-color: #2d2d3f;
   }
 
@@ -265,7 +265,7 @@
     text-align: right;
   }
 
-  :global(.theme-dark) .pp-offset-val {
+  .theme-dark .pp-offset-val {
     color: #e2e8f0;
   }
 
@@ -281,7 +281,7 @@
     gap: 0.75rem;
   }
 
-  :global(.theme-dark) .pp-error {
+  .theme-dark .pp-error {
     background: #2d1515;
     border-color: #7f1d1d;
     color: #fca5a5;
@@ -304,7 +304,7 @@
     min-height: 500px;
   }
 
-  :global(.theme-dark) .pp-preview {
+  .theme-dark .pp-preview {
     background: #0f172a;
   }
 
@@ -317,7 +317,7 @@
     opacity: 0.5;
   }
 
-  :global(.theme-dark) .pp-dots-bg {
+  .theme-dark .pp-dots-bg {
     background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.1) 1px, transparent 0);
   }
 
@@ -339,7 +339,7 @@
     transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
   }
 
-  :global(.theme-dark) .pp-frame {
+  .theme-dark .pp-frame {
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
   }
 
@@ -349,7 +349,7 @@
     background: #e2e2e2;
   }
 
-  :global(.theme-dark) .pp-mat {
+  .theme-dark .pp-mat {
     background: #334155;
   }
 
@@ -364,7 +364,7 @@
     transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
   }
 
-  :global(.theme-dark) .pp-art {
+  .theme-dark .pp-art {
     background: #1e293b;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
   }
@@ -378,7 +378,7 @@
     z-index: 1;
   }
 
-  :global(.theme-dark) .pp-art-placeholder {
+  .theme-dark .pp-art-placeholder {
     color: #475569;
   }
 
@@ -416,7 +416,7 @@
     background: #0f172a;
   }
 
-  :global(.theme-dark) .pp-dim-line {
+  .theme-dark .pp-dim-line {
     background: #e2e8f0;
   }
 
@@ -430,7 +430,7 @@
     color: #0f172a;
   }
 
-  :global(.theme-dark) .pp-dim-label {
+  .theme-dark .pp-dim-label {
     color: #e2e8f0;
   }
 
@@ -449,7 +449,7 @@
     z-index: 10;
   }
 
-  :global(.theme-dark) .pp-border-label {
+  .theme-dark .pp-border-label {
     color: #818cf8;
   }
 
@@ -475,7 +475,7 @@
     color: #db2777;
   }
 
-  :global(.theme-dark) .pp-border-left {
+  .theme-dark .pp-border-left {
     color: #f472b6;
   }
 
@@ -487,7 +487,7 @@
     color: #db2777;
   }
 
-  :global(.theme-dark) .pp-border-right {
+  .theme-dark .pp-border-right {
     color: #f472b6;
   }
 

package/src/tool/stairCalculator/stair-calculator.css

@@ -10,7 +10,7 @@
     --sc-bg: #fff;
   }
 
-  :global(.theme-dark) {
+  .theme-dark {
     --sc-primary: #818cf8;
     --sc-primary-dark: #6366f1;
     --sc-neutral: #f1f5f9;
@@ -79,7 +79,7 @@
     border: 1px solid var(--sc-border);
   }
 
-  :global(.theme-dark) .sc-stat-box {
+  .theme-dark .sc-stat-box {
     background: rgba(255, 255, 255, 0.04);
   }
 
@@ -154,7 +154,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .sc-stepper {
+  .theme-dark .sc-stepper {
     background: rgba(255, 255, 255, 0.04);
   }
 
@@ -224,7 +224,7 @@
     cursor: pointer;
   }
 
-  :global(.theme-dark) .sc-select {
+  .theme-dark .sc-select {
     background-color: #0f172a;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23818cf8' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6l1.41-1.42Z'/%3E%3C/svg%3E");
   }
@@ -234,7 +234,7 @@
     color: #1e293b;
   }
 
-  :global(.theme-dark) .sc-select option {
+  .theme-dark .sc-select option {
     background: #1e293b;
     color: #f1f5f9;
   }
@@ -303,7 +303,7 @@
     border: 1px solid var(--sc-border);
   }
 
-  :global(.theme-dark) .sc-table-card {
+  .theme-dark .sc-table-card {
     background: rgba(255, 255, 255, 0.03);
   }
 
@@ -320,11 +320,11 @@
     overflow-y: auto;
   }
 
-  :global(.sc-table-wrapper table) {
+  .sc-table-wrapper table {
     width: 100%;
   }
 
-  :global(.sc-table-wrapper th) {
+  .sc-table-wrapper th {
     text-align: left;
     font-size: 0.55rem;
     text-transform: uppercase;
@@ -333,7 +333,7 @@
     background: transparent;
   }
 
-  :global(.sc-table-wrapper td) {
+  .sc-table-wrapper td {
     padding: 0.6rem 0.2rem;
     border-bottom: 1px solid var(--sc-border);
     font-size: 0.8rem;
@@ -356,7 +356,7 @@
     border: 1px solid var(--sc-primary);
   }
 
-  :global(.theme-dark) .sc-materials-card {
+  .theme-dark .sc-materials-card {
     background: rgba(129, 140, 248, 0.08);
   }
 

package/src/tool/thermalExpansionCalculator/thermal-expansion-calculator.css

@@ -12,7 +12,7 @@
     overflow: hidden;
   }
 
-  :global(.theme-dark) .te-grid {
+  .theme-dark .te-grid {
     border-color: rgba(255, 255, 255, 0.08);
   }
 
@@ -25,7 +25,7 @@
     gap: 1.5rem;
   }
 
-  :global(.theme-dark) .te-sidebar {
+  .theme-dark .te-sidebar {
     background: rgba(255, 255, 255, 0.02);
     border-right-color: rgba(255, 255, 255, 0.06);
   }
@@ -38,7 +38,7 @@
     background: rgba(255, 255, 255, 0.3);
   }
 
-  :global(.theme-dark) .te-main {
+  .theme-dark .te-main {
     background: rgba(255, 255, 255, 0.01);
   }
 
@@ -61,7 +61,7 @@
     padding: 0.75rem 1rem;
   }
 
-  :global(.theme-dark) .te-cat-badge {
+  .theme-dark .te-cat-badge {
     background: rgba(255, 255, 255, 0.04);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -80,7 +80,7 @@
     color: #374151;
   }
 
-  :global(.theme-dark) .te-cat-name {
+  .theme-dark .te-cat-name {
     color: #e5e7eb;
   }
 
@@ -98,7 +98,7 @@
     color: #6b7280;
   }
 
-  :global(.theme-dark) .te-label {
+  .theme-dark .te-label {
     color: #9ca3af;
   }
 
@@ -125,13 +125,13 @@
     border-color: #f97316;
   }
 
-  :global(.theme-dark) .te-input {
+  .theme-dark .te-input {
     background: rgba(0, 0, 0, 0.25);
     border-color: rgba(255, 255, 255, 0.1);
     color: #f9fafb;
   }
 
-  :global(.theme-dark) .te-input:focus {
+  .theme-dark .te-input:focus {
     border-color: #f97316;
   }
 
@@ -167,7 +167,7 @@
     border-color: #f97316;
   }
 
-  :global(.theme-dark) .te-select {
+  .theme-dark .te-select {
     background-color: rgba(0, 0, 0, 0.25);
     border-color: rgba(255, 255, 255, 0.1);
     color: #f9fafb;
@@ -217,7 +217,7 @@
     justify-content: center;
   }
 
-  :global(.theme-dark) .te-viz {
+  .theme-dark .te-viz {
     background: rgba(255, 255, 255, 0.01);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -237,7 +237,7 @@
     z-index: 2;
   }
 
-  :global(.theme-dark) .te-beam-base {
+  .theme-dark .te-beam-base {
     background: linear-gradient(to bottom, #4b5563, #374151);
   }
 
@@ -322,7 +322,7 @@
     border: 1px solid rgba(255, 255, 255, 0.7);
   }
 
-  :global(.theme-dark) .te-result-secondary {
+  .theme-dark .te-result-secondary {
     background: rgba(255, 255, 255, 0.04);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -340,7 +340,7 @@
     opacity: 1;
   }
 
-  :global(.theme-dark) .te-result-secondary .te-result-lbl {
+  .theme-dark .te-result-secondary .te-result-lbl {
     color: #9ca3af;
   }
 
@@ -360,7 +360,7 @@
     color: #111827;
   }
 
-  :global(.theme-dark) .te-result-secondary .te-result-num {
+  .theme-dark .te-result-secondary .te-result-num {
     color: #f9fafb;
   }
 
@@ -375,7 +375,7 @@
     opacity: 1;
   }
 
-  :global(.theme-dark) .te-result-secondary .te-result-unit {
+  .theme-dark .te-result-secondary .te-result-unit {
     color: #d1d5db;
   }
 
@@ -398,7 +398,7 @@
       border-color 0.25s;
   }
 
-  :global(.theme-dark) .te-ref-card {
+  .theme-dark .te-ref-card {
     background: rgba(255, 255, 255, 0.03);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -427,7 +427,7 @@
     color: #374151;
   }
 
-  :global(.theme-dark) .te-ref-val {
+  .theme-dark .te-ref-val {
     color: #e5e7eb;
   }
 
@@ -464,7 +464,7 @@
     font-style: italic;
   }
 
-  :global(.theme-dark) .te-tip-text {
+  .theme-dark .te-tip-text {
     color: #9ca3af;
   }
 
@@ -478,7 +478,7 @@
       border-bottom: 1px solid #e5e7eb;
     }
 
-    :global(.theme-dark) .te-sidebar {
+    .theme-dark .te-sidebar {
       border-bottom-color: rgba(255, 255, 255, 0.06);
     }