@jjlmoya/utils-developer 1.13.0 → 1.14.0

package/src/tool/promptLibrary/prompt-library.css

@@ -20,7 +20,7 @@
     box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .pl-topbar {
+  .theme-dark .pl-topbar {
     background: rgba(15, 23, 42, 0.4);
     border-color: rgba(255, 255, 255, 0.08);
   }
@@ -61,13 +61,13 @@
     box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);
   }
 
-  :global(.theme-dark) .pl-search-input {
+  .theme-dark .pl-search-input {
     background: rgba(15, 23, 42, 0.6);
     border-color: rgba(255, 255, 255, 0.1);
     color: rgb(248, 250, 252);
   }
 
-  :global(.theme-dark) .pl-search-input:focus {
+  .theme-dark .pl-search-input:focus {
     background: rgba(30, 41, 59, 0.8);
   }
 
@@ -121,11 +121,11 @@
     color: rgb(30, 41, 59);
   }
 
-  :global(.theme-dark) .pl-btn-ghost {
+  .theme-dark .pl-btn-ghost {
     color: rgb(148, 163, 184);
   }
 
-  :global(.theme-dark) .pl-btn-ghost:hover {
+  .theme-dark .pl-btn-ghost:hover {
     background: rgba(255, 255, 255, 0.05);
     color: rgb(248, 250, 252);
   }
@@ -164,11 +164,11 @@
     background: rgba(239, 68, 68, 0.1);
   }
 
-  :global(.theme-dark) .pl-btn-icon {
+  .theme-dark .pl-btn-icon {
     color: rgb(148, 163, 184);
   }
 
-  :global(.theme-dark) .pl-btn-icon:hover {
+  .theme-dark .pl-btn-icon:hover {
     background: rgba(255, 255, 255, 0.1);
     color: rgb(248, 250, 252);
   }
@@ -186,7 +186,7 @@
     margin-top: 2rem;
   }
 
-  :global(.theme-dark) .pl-empty-state {
+  .theme-dark .pl-empty-state {
     border-color: rgba(255, 255, 255, 0.1);
   }
 
@@ -211,11 +211,11 @@
     line-height: 1.6;
   }
 
-  :global(.theme-dark) .pl-empty-title {
+  .theme-dark .pl-empty-title {
     color: rgb(248, 250, 252);
   }
 
-  :global(.theme-dark) .pl-empty-desc {
+  .theme-dark .pl-empty-desc {
     color: rgb(148, 163, 184);
   }
 
@@ -272,7 +272,7 @@
     opacity: 1;
   }
 
-  :global(.theme-dark) .pl-card {
+  .theme-dark .pl-card {
     background: rgba(30, 41, 59, 0.5);
     border-color: rgba(255, 255, 255, 0.08);
   }
@@ -291,7 +291,7 @@
     line-height: 1.3;
   }
 
-  :global(.theme-dark) .pl-card-title {
+  .theme-dark .pl-card-title {
     color: rgb(248, 250, 252);
   }
 
@@ -309,7 +309,7 @@
     border: 1px solid rgba(0, 0, 0, 0.03);
   }
 
-  :global(.theme-dark) .pl-card-body {
+  .theme-dark .pl-card-body {
     background: rgba(15, 23, 42, 0.4);
     border-color: rgba(255, 255, 255, 0.05);
   }
@@ -327,7 +327,7 @@
     -webkit-box-orient: vertical;
   }
 
-  :global(.theme-dark) .pl-card-text {
+  .theme-dark .pl-card-text {
     color: rgb(203, 213, 225);
   }
 
@@ -348,7 +348,7 @@
     text-transform: uppercase;
   }
 
-  :global(.theme-dark) .pl-card-tag {
+  .theme-dark .pl-card-tag {
     background: rgba(139, 92, 246, 0.15);
     color: rgb(167, 139, 250);
   }
@@ -380,12 +380,12 @@
     color: rgb(5, 150, 105);
   }
 
-  :global(.theme-dark) .pl-var-highlight {
+  .theme-dark .pl-var-highlight {
     background: rgba(139, 92, 246, 0.3);
     color: rgb(167, 139, 250);
   }
 
-  :global(.theme-dark) .pl-var-highlight.pl-var-filled {
+  .theme-dark .pl-var-highlight.pl-var-filled {
     background: rgba(16, 185, 129, 0.3);
     color: rgb(52, 211, 153);
   }
@@ -421,7 +421,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .pl-var-input {
+  .theme-dark .pl-var-input {
     background: rgba(15, 23, 42, 0.5);
     border-color: rgba(255, 255, 255, 0.1);
     color: rgb(248, 250, 252);
@@ -460,7 +460,7 @@
     border: 1px solid rgba(0, 0, 0, 0.1);
   }
 
-  :global(.theme-dark) .pl-modal-container {
+  .theme-dark .pl-modal-container {
     background: rgb(30, 41, 59);
     border-color: rgba(255, 255, 255, 0.1);
   }
@@ -505,7 +505,7 @@
     color: rgb(51, 65, 85);
   }
 
-  :global(.theme-dark) .pl-label {
+  .theme-dark .pl-label {
     color: rgb(226, 232, 240);
   }
 
@@ -536,13 +536,13 @@
     line-height: 1.6;
   }
 
-  :global(.theme-dark) .pl-input {
+  .theme-dark .pl-input {
     background: rgba(15, 23, 42, 0.6);
     border-color: rgba(255, 255, 255, 0.1);
     color: rgb(248, 250, 252);
   }
 
-  :global(.theme-dark) .pl-textarea {
+  .theme-dark .pl-textarea {
     background: rgba(15, 23, 42, 0.6);
     border-color: rgba(255, 255, 255, 0.1);
     color: rgb(248, 250, 252);
@@ -562,11 +562,11 @@
     box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);
   }
 
-  :global(.theme-dark) .pl-input:focus {
+  .theme-dark .pl-input:focus {
     background: rgba(15, 23, 42, 0.9);
   }
 
-  :global(.theme-dark) .pl-textarea:focus {
+  .theme-dark .pl-textarea:focus {
     background: rgba(15, 23, 42, 0.9);
   }
 
@@ -576,7 +576,7 @@
     margin-top: 0.25rem;
   }
 
-  :global(.theme-dark) .pl-hint {
+  .theme-dark .pl-hint {
     color: rgb(148, 163, 184);
   }
 
@@ -594,7 +594,7 @@
     cursor: text;
   }
 
-  :global(.theme-dark) .pl-tags-input-wrapper {
+  .theme-dark .pl-tags-input-wrapper {
     background: rgba(15, 23, 42, 0.6);
     border-color: rgba(255, 255, 255, 0.1);
   }
@@ -605,7 +605,7 @@
     box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);
   }
 
-  :global(.theme-dark) .pl-tags-input-wrapper:focus-within {
+  .theme-dark .pl-tags-input-wrapper:focus-within {
     background: rgba(15, 23, 42, 0.9);
   }
 
@@ -626,7 +626,7 @@
     outline: none;
   }
 
-  :global(.theme-dark) .pl-tags-input-field {
+  .theme-dark .pl-tags-input-field {
     color: rgb(248, 250, 252);
   }
 
@@ -639,7 +639,7 @@
     border-top: 1px solid rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .pl-modal-footer {
+  .theme-dark .pl-modal-footer {
     border-top-color: rgba(255, 255, 255, 0.05);
   }
 
@@ -663,7 +663,7 @@
     margin-bottom: 0.5rem;
   }
 
-  :global(.theme-dark) .pl-confirm-title {
+  .theme-dark .pl-confirm-title {
     color: rgb(248, 250, 252);
   }
 

package/src/tool/readabilityCalculator/visual-readability-calculator-wcag-apca.css

@@ -30,7 +30,7 @@
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
   }
 
-  :global(.theme-dark) .rc-card {
+  .theme-dark .rc-card {
     background: rgba(15, 23, 42, 0.6);
     border: 1px solid rgba(255, 255, 255, 0.08);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
@@ -55,7 +55,7 @@
     margin-bottom: 0.75rem;
   }
 
-  :global(.theme-dark) .rc-group-title {
+  .theme-dark .rc-group-title {
     color: rgb(148, 163, 184);
   }
 
@@ -77,7 +77,7 @@
     color: rgb(30, 41, 59);
   }
 
-  :global(.theme-dark) .rc-label-mini {
+  .theme-dark .rc-label-mini {
     color: rgb(241, 245, 249);
   }
 
@@ -92,7 +92,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .rc-color-input-container {
+  .theme-dark .rc-color-input-container {
     background: rgba(30, 41, 59, 0.5);
     border-color: rgb(51, 65, 85);
   }
@@ -118,7 +118,7 @@
     border-radius: 0.4rem;
   }
 
-  :global(.theme-dark) .rc-color-picker::-webkit-color-swatch {
+  .theme-dark .rc-color-picker::-webkit-color-swatch {
     border: 1px solid rgba(255, 255, 255, 0.2);
   }
 
@@ -129,7 +129,7 @@
     flex: 1;
   }
 
-  :global(.theme-dark) .rc-hex-text {
+  .theme-dark .rc-hex-text {
     color: rgb(148, 163, 184);
   }
 
@@ -170,7 +170,7 @@
     outline: none;
   }
 
-  :global(.theme-dark) .rc-range {
+  .theme-dark .rc-range {
     background: rgb(51, 65, 85);
   }
 
@@ -208,7 +208,7 @@
     border: 1px solid rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .rc-score-card {
+  .theme-dark .rc-score-card {
     background: rgba(255, 255, 255, 0.03);
     border-color: rgba(255, 255, 255, 0.05);
   }
@@ -244,12 +244,12 @@
     color: rgb(153, 27, 27);
   }
 
-  :global(.theme-dark) .rc-status-pass {
+  .theme-dark .rc-status-pass {
     background: rgba(34, 197, 94, 0.15);
     color: rgb(134, 239, 172);
   }
 
-  :global(.theme-dark) .rc-status-fail {
+  .theme-dark .rc-status-fail {
     background: rgba(239, 68, 68, 0.15);
     color: rgb(252, 165, 165);
   }
@@ -300,7 +300,7 @@
     font-weight: 600;
   }
 
-  :global(.theme-dark) .rc-item-label {
+  .theme-dark .rc-item-label {
     color: rgb(148, 163, 184);
   }
 

package/src/tool/svgSanitizer/svg-sanitizer.css

@@ -30,7 +30,7 @@
     gap: 1rem;
   }
 
-  :global(.theme-dark) .ss-panel {
+  .theme-dark .ss-panel {
     background: rgba(15, 23, 42, 0.75);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -43,7 +43,7 @@
     letter-spacing: 0.06em;
   }
 
-  :global(.theme-dark) .ss-panel-label {
+  .theme-dark .ss-panel-label {
     color: rgb(148, 163, 184);
   }
 
@@ -63,7 +63,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .ss-textarea {
+  .theme-dark .ss-textarea {
     background: rgba(255, 255, 255, 0.04);
     border-color: rgb(51, 65, 85);
     color: rgb(203, 213, 225);
@@ -95,7 +95,7 @@
     user-select: none;
   }
 
-  :global(.theme-dark) .ss-toggle-label {
+  .theme-dark .ss-toggle-label {
     color: rgb(148, 163, 184);
   }
 
@@ -199,7 +199,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .ss-btn-action {
+  .theme-dark .ss-btn-action {
     background: rgb(30, 41, 59);
     border-color: rgb(51, 65, 85);
     color: rgb(148, 163, 184);
@@ -245,7 +245,7 @@
     border-top: 2px solid rgb(226, 232, 240);
   }
 
-  :global(.theme-dark) .ss-stat-chip {
+  .theme-dark .ss-stat-chip {
     background: rgba(255, 255, 255, 0.04);
     border-color: rgb(51, 65, 85);
   }
@@ -273,7 +273,7 @@
     line-height: 1.2;
   }
 
-  :global(.theme-dark) .ss-chip-value {
+  .theme-dark .ss-chip-value {
     color: white;
   }
 

package/src/tool/svgToCss/svg-to-css-converter.css

@@ -13,7 +13,7 @@
     color: var(--stc-text);
   }
 
-  :global(.theme-dark) .stc-container {
+  .theme-dark .stc-container {
     --stc-card-bg: #1e293b;
     --stc-text: #f8fafc;
     --stc-text-muted: #94a3b8;
@@ -187,7 +187,7 @@
     transition: all 0.2s;
   }
 
-  :global(.stc-tab-btn.active) {
+  .stc-tab-btn.active {
     background: var(--stc-card-bg);
     color: var(--stc-primary);
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

package/src/tool/urlCleaner/url-tracking-cleaner.css

@@ -24,7 +24,7 @@
     gap: 1rem;
   }
 
-  :global(.theme-dark) .uc-input-card {
+  .theme-dark .uc-input-card {
     background: rgba(15, 23, 42, 0.75);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -37,7 +37,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .uc-label {
+  .theme-dark .uc-label {
     color: rgb(148, 163, 184);
   }
 
@@ -58,7 +58,7 @@
     color: rgb(51, 65, 85);
   }
 
-  :global(.theme-dark) .uc-input {
+  .theme-dark .uc-input {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(203, 213, 225);
@@ -114,7 +114,7 @@
     gap: 1rem;
   }
 
-  :global(.theme-dark) .uc-result-card {
+  .theme-dark .uc-result-card {
     background: rgba(15, 23, 42, 0.75);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -134,7 +134,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .uc-card-title {
+  .theme-dark .uc-card-title {
     color: rgb(203, 213, 225);
   }
 
@@ -148,7 +148,7 @@
     border: 1px solid rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .uc-url-display {
+  .theme-dark .uc-url-display {
     background: rgb(30, 41, 59);
     border-color: rgb(51, 65, 85);
     color: rgb(129, 140, 148);
@@ -169,7 +169,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .uc-copy-btn {
+  .theme-dark .uc-copy-btn {
     background: rgb(30, 41, 59);
     border-color: rgb(51, 65, 85);
     color: rgb(148, 163, 184);
@@ -199,7 +199,7 @@
     border-left: 3px solid rgb(59, 130, 246);
   }
 
-  :global(.theme-dark) .uc-removed-item {
+  .theme-dark .uc-removed-item {
     background: rgba(255, 255, 255, 0.03);
   }
 
@@ -209,7 +209,7 @@
     font-size: 0.875rem;
   }
 
-  :global(.theme-dark) .uc-item-key {
+  .theme-dark .uc-item-key {
     color: rgb(203, 213, 225);
   }
 
@@ -225,7 +225,7 @@
     margin: 0.25rem 0;
   }
 
-  :global(.theme-dark) .uc-item-desc {
+  .theme-dark .uc-item-desc {
     color: rgb(148, 163, 184);
   }
 
@@ -248,7 +248,7 @@
     gap: 1.5rem;
   }
 
-  :global(.theme-dark) .uc-stats-card {
+  .theme-dark .uc-stats-card {
     background: rgba(15, 23, 42, 0.75);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -275,6 +275,6 @@
     letter-spacing: 0.04em;
   }
 
-  :global(.theme-dark) .uc-stat-label {
+  .theme-dark .uc-stat-label {
     color: rgb(148, 163, 184);
   }

package/src/tool/urlEncoderDecoder/url-encoder-decoder.css

@@ -15,7 +15,7 @@
     color: var(--urlc-text);
   }
 
-  :global(.theme-dark) .urlc-root {
+  .theme-dark .urlc-root {
     --urlc-card-bg: #1e293b;
     --urlc-bg: #0f172a;
     --urlc-text: #f1f5f9;

package/src/tool/utmGenerator/utm-generator.css

@@ -14,7 +14,7 @@
     box-shadow: 0 8px 32px rgba(31, 38, 135, 0.06);
   }
 
-  :global(.theme-dark) .ug-container {
+  .theme-dark .ug-container {
     background: rgba(15, 23, 42, 0.75);
     border-color: rgba(255, 255, 255, 0.06);
   }
@@ -51,7 +51,7 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .ug-input-group label {
+  .theme-dark .ug-input-group label {
     color: rgb(148, 163, 184);
   }
 
@@ -64,7 +64,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .ug-input {
+  .theme-dark .ug-input {
     background: rgba(255, 255, 255, 0.04);
     border-color: rgb(51, 65, 85);
     color: rgb(203, 213, 225);
@@ -88,7 +88,7 @@
     border: 1px solid rgba(99, 102, 241, 0.2);
   }
 
-  :global(.theme-dark) .ug-result {
+  .theme-dark .ug-result {
     background: rgba(99, 102, 241, 0.05);
     border-color: rgba(99, 102, 241, 0.15);
   }
@@ -108,7 +108,7 @@
     font-size: 0.875rem;
   }
 
-  :global(.theme-dark) .ug-result-label {
+  .theme-dark .ug-result-label {
     color: rgb(203, 213, 225);
   }
 
@@ -122,7 +122,7 @@
     border: 1px solid rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .ug-result-url {
+  .theme-dark .ug-result-url {
     background: rgb(30, 41, 59);
     border-color: rgb(51, 65, 85);
     color: rgb(129, 140, 248);