Changeset 3401684

Timestamp:

11/24/2025 09:17:12 AM (4 months ago)

Author:

getbowtied

Message:

Update to version 7.0 from GitHub

Location:

shopkeeper-extender

Files:

• tags/7.0 (copied) (copied from shopkeeper-extender/trunk)
• tags/7.0/README.txt (modified) (1 diff)
• tags/7.0/core/updater/assets/plugin.json (modified) (3 diffs)
• tags/7.0/dashboard/css/dashboard.css (modified) (56 diffs)
• tags/7.0/dashboard/inc/pages/content/license.php (modified) (28 diffs)
• tags/7.0/includes/shortcodes/wp/banner.php (modified) (1 diff)
• tags/7.0/shopkeeper-extender.php (modified) (1 diff)
• trunk/README.txt (modified) (1 diff)
• trunk/core/updater/assets/plugin.json (modified) (3 diffs)
• trunk/dashboard/css/dashboard.css (modified) (56 diffs)
• trunk/dashboard/inc/pages/content/license.php (modified) (28 diffs)
• trunk/includes/shortcodes/wp/banner.php (modified) (1 diff)
• trunk/shopkeeper-extender.php (modified) (1 diff)

shopkeeper-extender/tags/7.0/README.txt

@@ -4 +4 @@
 Requires at least: 6.0
 Tested up to: 6.8
-Stable tag: 6.9.1
+Stable tag: 7.0
 Requires PHP: 7.4.1
 License: GPLv2 or later

shopkeeper-extender/tags/7.0/core/updater/assets/plugin.json

@@ -1 +1 @@
 {
     "name": "Shopkeeper Extender",
-    "version": "6.9.1",
+    "version": "7.0",
     "download_url": "https://getbowtied.github.io/repository/plugins/shopkeeper-extender/shopkeeper-extender.zip",
 
@@ -7 +7 @@
     "requires": "6.0",
     "tested": "6.8",
-    "last_updated": "2025-11-12 12:00:00",
+    "last_updated": "2025-11-24 12:00:00",
 
     "author": "Get Bowtied",
@@ -14 +14 @@
     "sections": {
         "description": "<p>Companion plugin for the <b>Shopkeeper</b> theme. Extends the functionality by adding theme specific features.</p><h4>Features:</h4><ul><li>Adds 'Social Media' section in Customizer for easy management of links to social media profiles</li><li>Adds header image option for WooCommerce product categories</li><li>Adds 'Additional JS' section in Customizer allowing for site customization with custom JavaScript code</li><li>Adds social sharing buttons for WooCommerce products</li><li>Adds 'Background URL' field for menu items</li></ul><h4>Gutenberg Blocks:</h4><ul><li>Image Slider</li><li>Banner</li><li>Posts Grid</li><li>Product Categories Grid</li><li>Social Media Profiles</li></ul><h4>Widgets:</h4><ul><li>Social Media Profiles</li></ul><h4>WPBakery Page Builder Elements:</h4><ul><li>Slider</li><li>Banner</li><li>Posts Slider</li><li>Product Categories Grid</li><li>Social Media Profiles</li></ul>",
-        "changelog": "<h4>6.9.1</h4><ul><li>Maintenance update</li></ul>"
+        "changelog": "<h4>7.0</h4><ul><li>Ensures the banner link URL is properly escaped and sanitized before being used</li></ul>"
     },
 

shopkeeper-extender/tags/7.0/dashboard/css/dashboard.css

@@ -1 @@
-/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
 .gbt-dashboard-scope {
   @layer base {
@@ -12 +13 @@
       -webkit-text-size-adjust: 100%;
       tab-size: 4;
-      font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );
+      font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
       font-feature-settings: var(--default-font-feature-settings, normal);
       font-variation-settings: var(--default-font-variation-settings, normal);
       -webkit-tap-highlight-color: transparent;
-    }
-    body {
-      line-height: inherit;
     }
     hr {
@@ -42 +40 @@
     }
     code, kbd, samp, pre {
-      font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );
+      font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
       font-feature-settings: var(--default-mono-font-feature-settings, normal);
       font-variation-settings: var(--default-mono-font-variation-settings, normal);
@@ -108 +106 @@
     ::placeholder {
       opacity: 1;
-      color: color-mix(in oklab, currentColor 50%, transparent);
+    }
+    @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+      ::placeholder {
+        color: currentcolor;
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, currentcolor 50%, transparent);
+        }
+      }
     }
     textarea {
@@ -128 +133 @@
     ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
       padding-block: 0;
+    }
+    ::-webkit-calendar-picker-indicator {
+      line-height: 1;
     }
     :-moz-ui-invalid {
@@ -164 +172 @@
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
-  --color-gray-50: oklch(0.985 0.002 247.839);
-  --color-gray-100: oklch(0.967 0.003 264.542);
-  --color-gray-200: oklch(0.928 0.006 264.531);
-  --color-gray-300: oklch(0.872 0.01 258.338);
-  --color-gray-400: oklch(0.707 0.022 261.325);
-  --color-gray-500: oklch(0.551 0.027 264.364);
-  --color-gray-600: oklch(0.446 0.03 256.802);
-  --color-gray-700: oklch(0.373 0.034 259.733);
-  --color-gray-800: oklch(0.278 0.033 256.848);
-  --color-gray-900: oklch(0.21 0.034 264.665);
+  --color-gray-50: oklch(98.5% 0.002 247.839);
+  --color-gray-100: oklch(96.7% 0.003 264.542);
+  --color-gray-200: oklch(92.8% 0.006 264.531);
+  --color-gray-300: oklch(87.2% 0.01 258.338);
+  --color-gray-400: oklch(70.7% 0.022 261.325);
+  --color-gray-500: oklch(55.1% 0.027 264.364);
+  --color-gray-600: oklch(44.6% 0.03 256.802);
+  --color-gray-700: oklch(37.3% 0.034 259.733);
+  --color-gray-800: oklch(27.8% 0.033 256.848);
+  --color-gray-900: oklch(21% 0.034 264.665);
   --color-white: #fff;
   --spacing: 0.25rem;
@@ -222 +230 @@
   --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   --default-font-family: var(--font-sans);
-  --default-font-feature-settings: var(--font-sans--font-feature-settings);
-  --default-font-variation-settings: var(--font-sans--font-variation-settings);
   --default-mono-font-family: var(--font-mono);
-  --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
-  --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
   --color-wp-blue: #2271b1;
   --color-wp-blue-darker: #135e96;
@@ -251 +255 @@
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
@@ -441 +445 @@
     margin-bottom: calc(var(--spacing) * 8);
   }
-  .-ml-0 {
-    margin-left: calc(var(--spacing) * -0);
-  }
   .-ml-0\.5 {
     margin-left: calc(var(--spacing) * -0.5);
@@ -560 +561 @@
     width: calc(var(--spacing) * 1);
   }
-  .w-3 {
-    width: calc(var(--spacing) * 3);
-  }
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
@@ -628 +626 @@
   .flex-none {
     flex: none;
-  }
-  .flex-shrink {
-    flex-shrink: 1;
   }
   .flex-shrink-0 {
@@ -668 +663 @@
   }
   .transform {
-    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
   .transform-gpu {
-    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
   .\[animation\:coin-flip_4s_ease-in-out_infinite\] {
@@ -807 +802 @@
     }
   }
-  .gap-x-1 {
-    column-gap: calc(var(--spacing) * 1);
-  }
   .gap-x-1\.5 {
     column-gap: calc(var(--spacing) * 1.5);
@@ -819 +811 @@
     column-gap: calc(var(--spacing) * 3);
   }
-  .gap-x-4 {
-    column-gap: calc(var(--spacing) * 4);
-  }
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
-  }
-  .gap-y-2 {
-    row-gap: calc(var(--spacing) * 2);
   }
   .gap-y-6 {
@@ -892 +878 @@
   }
   .border-\[var\(--color-wp-blue\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-blue) 20%, transparent);
+    border-color: color-mix(in srgb, #2271b1 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-blue) 20%, transparent);
+    }
   }
   .border-\[var\(--color-wp-gray-light\)\] {
@@ -901 +890 @@
   }
   .border-\[var\(--color-wp-green\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    border-color: color-mix(in srgb, #00a32a 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    }
   }
   .border-\[var\(--color-wp-red\)\] {
@@ -907 +899 @@
   }
   .border-\[var\(--color-wp-red\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    border-color: color-mix(in srgb, #d63638 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    }
   }
   .border-\[var\(--color-wp-yellow\)\] {
@@ -913 +908 @@
   }
   .border-\[var\(--color-wp-yellow\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    border-color: color-mix(in srgb, #dba617 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    }
   }
   .border-gray-100 {
@@ -940 +938 @@
   }
   .bg-\[var\(--color-wp-blue\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    background-color: color-mix(in srgb, #2271b1 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-gray-dark\)\] {
@@ -955 +956 @@
   }
   .bg-\[var\(--color-wp-green\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-green) 10%, transparent);
+    background-color: color-mix(in srgb, #00a32a 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-green) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-green\)\]\/20 {
-    background-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    background-color: color-mix(in srgb, #00a32a 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-red\)\] {
@@ -964 +971 @@
   }
   .bg-\[var\(--color-wp-red\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-red) 10%, transparent);
+    background-color: color-mix(in srgb, #d63638 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-red) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-red\)\]\/20 {
-    background-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    background-color: color-mix(in srgb, #d63638 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-yellow\)\] {
@@ -973 +986 @@
   }
   .bg-\[var\(--color-wp-yellow\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-yellow) 10%, transparent);
+    background-color: color-mix(in srgb, #dba617 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-yellow) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-yellow\)\]\/20 {
-    background-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    background-color: color-mix(in srgb, #dba617 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    }
   }
   .bg-gray-50 {
@@ -991 +1010 @@
   }
   .bg-gray-500\/75 {
-    background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
+    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
+    }
   }
   .bg-gray-600 {
@@ -997 +1019 @@
   }
   .bg-gray-600\/20 {
-    background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
+    background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
+    }
   }
   .bg-white {
@@ -1003 +1028 @@
   }
   .bg-white\/60 {
-    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    background-color: color-mix(in srgb, #fff 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
   }
   .bg-wp-blue {
@@ -1009 +1037 @@
   }
   .bg-wp-blue\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    background-color: color-mix(in srgb, #2271b1 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    }
+  }
+  .bg-linear-to-tr {
+    --tw-gradient-position: to top right;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to top right in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
   }
   .bg-gradient-to-b {
@@ -1015 +1053 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-linear-to-tr {
-    --tw-gradient-position: to top right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
   .from-\[\#80a2ff\] {
     --tw-gradient-from: #80a2ff;
@@ -1024 +1058 @@
   }
   .from-\[var\(--color-wp-red\)\]\/80 {
-    --tw-gradient-from: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    --tw-gradient-from: color-mix(in srgb, #d63638 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
   .from-\[var\(--color-wp-yellow\)\]\/80 {
-    --tw-gradient-from: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    --tw-gradient-from: color-mix(in srgb, #dba617 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
@@ -1046 +1086 @@
   }
   .to-\[var\(--color-wp-red\)\]\/80 {
-    --tw-gradient-to: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    --tw-gradient-to: color-mix(in srgb, #d63638 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
   .to-\[var\(--color-wp-yellow\)\]\/80 {
-    --tw-gradient-to: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    --tw-gradient-to: color-mix(in srgb, #dba617 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
@@ -1074 +1120 @@
     padding: calc(var(--spacing) * 8);
   }
-  .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
-  }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
@@ -1110 +1153 @@
     padding-inline: calc(var(--spacing) * 36);
   }
-  .py-0 {
-    padding-block: calc(var(--spacing) * 0);
-  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
@@ -1143 +1183 @@
     padding-block: calc(var(--spacing) * 24);
   }
-  .pt-3 {
-    padding-top: calc(var(--spacing) * 3);
-  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
@@ -1172 +1209 @@
   .pl-5 {
     padding-left: calc(var(--spacing) * 5);
-  }
-  .pl-8 {
-    padding-left: calc(var(--spacing) * 8);
   }
   .pl-8\.5 {
@@ -1291 +1325 @@
     text-wrap: pretty;
   }
-  .text-wrap {
-    text-wrap: wrap;
-  }
   .whitespace-nowrap {
     white-space: nowrap;
@@ -1340 +1371 @@
   }
   .text-white\/50 {
-    color: color-mix(in oklab, var(--color-white) 50%, transparent);
-  }
-  .text-white\/70 {
-    color: color-mix(in oklab, var(--color-white) 70%, transparent);
+    color: color-mix(in srgb, #fff 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 50%, transparent);
+    }
   }
   .text-white\/80 {
-    color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    color: color-mix(in srgb, #fff 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
   }
   .text-wp-blue {
@@ -1420 +1454 @@
   }
   .ring-1 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .ring-2 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
@@ -1434 +1468 @@
   }
   .ring-\[var\(--color-wp-gray-dark\)\]\/10 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 10%, transparent);
+    --tw-ring-color: color-mix(in srgb, #1f2428 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 10%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-gray-dark\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #1f2428 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-gray-light\)\] {
@@ -1446 +1486 @@
   }
   .ring-\[var\(--color-wp-green\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #00a32a 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-red\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #d63638 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-red\)\]\/30 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 30%, transparent);
+    --tw-ring-color: color-mix(in srgb, #d63638 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 30%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-yellow\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #dba617 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-yellow\)\]\/30 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 30%, transparent);
+    --tw-ring-color: color-mix(in srgb, #dba617 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 30%, transparent);
+    }
   }
   .ring-gray-300 {
     --tw-ring-color: var(--color-gray-300);
   }
-  .ring-gray-400 {
-    --tw-ring-color: var(--color-gray-400);
-  }
   .ring-gray-400\/10 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
-  }
-  .ring-gray-500 {
-    --tw-ring-color: var(--color-gray-500);
+    --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
+    }
   }
   .ring-gray-500\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
-  }
-  .ring-gray-600 {
-    --tw-ring-color: var(--color-gray-600);
+    --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+    }
   }
   .ring-gray-600\/30 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent);
-  }
-  .ring-gray-900 {
-    --tw-ring-color: var(--color-gray-900);
+    --tw-ring-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent);
+    }
   }
   .ring-gray-900\/10 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
-  }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
+    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
+    }
   }
   .blur-3xl {
@@ -1503 +1554 @@
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
@@ -1589 +1640 @@
     &:hover {
       @media (hover: hover) {
-        border-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        border-color: color-mix(in srgb, #2271b1 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        }
       }
     }
@@ -1610 +1664 @@
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in oklab, var(--color-wp-red) 90%, transparent);
+        background-color: color-mix(in srgb, #d63638 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-wp-red) 90%, transparent);
+        }
       }
     }
@@ -1617 +1674 @@
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in oklab, var(--color-wp-yellow) 90%, transparent);
+        background-color: color-mix(in srgb, #dba617 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-wp-yellow) 90%, transparent);
+        }
       }
     }
@@ -1631 +1691 @@
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        background-color: color-mix(in srgb, #2271b1 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        }
       }
     }
@@ -1652 +1715 @@
     &:hover {
       @media (hover: hover) {
-        color: color-mix(in oklab, var(--color-white) 80%, transparent);
+        color: color-mix(in srgb, #fff 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, var(--color-white) 80%, transparent);
+        }
       }
     }
@@ -1659 +1725 @@
     &:hover {
       @media (hover: hover) {
-        color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        color: color-mix(in srgb, #2271b1 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        }
       }
     }
@@ -1696 +1765 @@
     &:hover {
       @media (hover: hover) {
-        --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
+        --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
+        }
       }
     }
@@ -1707 +1779 @@
   .focus\:ring-0 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1713 +1785 @@
   .focus\:ring-1 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1719 +1791 @@
   .focus\:ring-2 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1763 +1835 @@
   .focus-visible\:ring-0 {
     &:focus-visible {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1906 +1978 @@
     }
   }
-  .sm\:max-w-4xl {
-    @media (width >= 60rem) {
-      max-width: var(--container-4xl);
-    }
-  }
   .sm\:max-w-lg {
     @media (width >= 60rem) {
@@ -2165 +2232 @@
   syntax: "*";
   inherits: false;
-  initial-value: rotateX(0);
 }
 @property --tw-rotate-y {
   syntax: "*";
   inherits: false;
-  initial-value: rotateY(0);
 }
 @property --tw-rotate-z {
   syntax: "*";
   inherits: false;
-  initial-value: rotateZ(0);
 }
 @property --tw-skew-x {
   syntax: "*";
   inherits: false;
-  initial-value: skewX(0);
 }
 @property --tw-skew-y {
   syntax: "*";
   inherits: false;
-  initial-value: skewY(0);
 }
 @property --tw-space-y-reverse {
@@ -2260 +2322 @@
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
@@ -2268 +2335 @@
   syntax: "*";
   inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
 }
 @property --tw-ring-color {
@@ -2306 +2378 @@
   initial-value: 0 0 #0000;
 }
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
 }
 @keyframes pulse {
@@ -2364 +2449 @@
   }
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-outline-style: solid;
+    }
+  }
+}

shopkeeper-extender/tags/7.0/dashboard/inc/pages/content/license.php

@@ -499 +499 @@
                         <?php gbt_display_version_badge(); ?>
                         <h3 class="mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl"><?php echo esc_html($theme_name_gbt_dash); ?></h3>
-                        <p class="mt-5 text-base/7 text-white/70">
+                        <p class="mt-5 text-base/7 text-gray-400">
                             <?php if ($is_license_active): ?>
                                 <?php if ($is_support_active): ?>
@@ -518 +518 @@
                                     <div class="flex items-center justify-between mb-2">
                                         <div class="flex items-center gap-2">
-                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5 text-white/70">
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5 text-gray-400">
                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
                                             </svg>
@@ -631 +631 @@
                             <div class="border-t border-gray-600 pt-6 mt-6">
                                 <h4 class="text-base font-medium text-white mb-1">Need help with activation or your license?</h4>
-                                <p class="text-sm text-white/70">
+                                <p class="text-sm text-gray-400">
                                     Contact us through <a href="https://1.envato.market/getbowtied-profile-contact" target="_blank" class="text-[var(--color-wp-blue)] hover:underline">our author contact page</a> for help with activation or licensing.
                                 </p>
@@ -661 +661 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">License status</span>
+                                                <span class="text-gray-400">License status</span>
                                                 <span class="font-medium <?php echo $license_status === 'active' ? 'text-[var(--color-wp-green)]' : 'text-[var(--color-wp-red)]'; ?> flex items-center">
                                                     <?php if ($license_status === 'active'): ?>
@@ -680 +680 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">License username</span>
+                                                <span class="text-gray-400">License username</span>
                                                 <span class="font-medium text-white">
                                                     <?php echo !empty($license_info['buyer_username']) ? esc_html($license_info['buyer_username']) : '—'; ?>
@@ -689 +689 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Purchase date</span>
+                                                <span class="text-gray-400">Purchase date</span>
                                                 <span class="font-medium text-white">
                                                     <?php
@@ -710 +710 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Subscription until</span>
+                                                <span class="text-gray-400">Subscription until</span>
                                                 <span class="font-medium <?php echo $envato_support_expired ? 'text-[var(--color-wp-red)]' : 'text-white'; ?>">
                                                     <?php
@@ -729 +729 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Subscription status</span>
+                                                <span class="text-gray-400">Subscription status</span>
                                                 <span class="font-medium <?php echo $envato_support_expired ? 'text-[var(--color-wp-red)]' : 'text-[var(--color-wp-green)]'; ?> flex items-center">
                                                     <?php if (!$envato_support_expired): ?>
@@ -748 +748 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70 flex items-center">
-                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                <span class="text-gray-400 flex items-center">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                         <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                     </svg>
@@ -772 +772 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70 flex items-center">
-                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                <span class="text-gray-400 flex items-center">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                         <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                     </svg>
@@ -835 +835 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                             <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5a2.25 2.25 0 0 0 2.25-2.25m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5a2.25 2.25 0 0 1 2.25 2.25v7.5" />
                                                         </svg>
@@ -849 +849 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                             </svg>
@@ -875 +875 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5a2.25 2.25 0 0 0 2.25-2.25m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5a2.25 2.25 0 0 1 2.25 2.25v7.5" />
                                                             </svg>
@@ -889 +889 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                             </svg>
@@ -960 +960 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="text-white/70 flex items-center">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                        <span class="text-gray-400 flex items-center">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
                                                             </svg>
@@ -977 +977 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="text-white/70 flex items-center">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                        <span class="text-gray-400 flex items-center">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" />
                                                             </svg>
@@ -998 +998 @@
                                         <div class="<?php echo ($has_bonus_updates || $has_bonus_support) ? 'py-3' : 'border-t border-gray-600 py-3'; ?>">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Subscription auto-renewal</span>
+                                                <span class="text-gray-400">Subscription auto-renewal</span>
                                                 <span class="font-medium text-white">No</span>
                                             </div>
@@ -1007 +1007 @@
                                                 <div class="flex items-start justify-between">
                                                     <div class="flex flex-col">
-                                                        <span class="text-white/70">Last verified</span>
+                                                        <span class="text-gray-400">Last verified</span>
                                                         <a href="#" id="reload-license-data-link" class="mt-1 text-[var(--color-wp-blue)] hover:text-[var(--color-wp-blue-darker)] transition duration-150 ease-in-out inline-flex items-center gap-1">
                                                             Refresh now
@@ -1082 +1082 @@
                                         Get a license today
                                     </h3>
-                                    <p class="text-base text-white/70">Pay once, own it forever!</p>
+                                    <p class="text-base text-gray-400">Pay once, own it forever!</p>
                                     <div class="mt-6">
                                         <div class="relative mb-4">
                                             <?php if ($regular_license_is_sale): ?>
                                                 <div class="flex items-baseline justify-center gap-x-2">
-                                                    <span class="text-5xl line-through text-white/70"><?php echo esc_html($original_price_regular_license_display); ?></span>
+                                                    <span class="text-5xl line-through text-gray-400"><?php echo esc_html($original_price_regular_license_display); ?></span>
                                                     <span class="text-5xl font-bold tracking-tight text-white"><?php echo esc_html($theme_default_price_display); ?></span>
-                                                    <span class="text-sm/6 font-semibold tracking-wide text-white/70">USD</span>
+                                                    <span class="text-sm/6 font-semibold tracking-wide text-gray-400">USD</span>
                                                 </div>
                                             <?php else: ?>
                                                 <div class="flex items-baseline justify-center gap-x-2">
                                                     <span class="text-5xl font-bold tracking-tight text-white"><?php echo esc_html($theme_default_price_display); ?></span>
-                                                    <span class="text-sm/6 font-semibold tracking-wide text-white/70">USD</span>
+                                                    <span class="text-sm/6 font-semibold tracking-wide text-gray-400">USD</span>
                                                 </div>
                                             <?php endif; ?>
@@ -1105 +1105 @@
                                             </div>
                                             <a href="<?php echo esc_url($gbt_dashboard_setup->get_theme_config('theme_sales_page_url')); ?>" target="_blank" class="block w-full rounded-md bg-wp-blue px-4 pt-5 pb-5 text-center text-base font-semibold text-white shadow-sm hover:bg-wp-blue/90 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wp-blue transition duration-150 ease-in-out cursor-pointer">Get regular license</a>
-                                            <p class="mt-2 text-xs text-center text-white/70 px-4">Ideal for most websites and client projects</p>
+                                            <p class="mt-2 text-xs text-center text-gray-400 px-4">Ideal for most websites and client projects</p>
                                         </div>
                                     </div>
@@ -1114 +1114 @@
                                         </div>
                                         <div class="relative flex justify-center">
-                                            <span class="bg-[var(--color-wp-gray-light)] px-3 text-sm text-white/70">OR</span>
+                                            <span class="bg-[var(--color-wp-gray-light)] px-3 text-sm text-gray-400">OR</span>
                                         </div>
                                     </div>
@@ -1123 +1123 @@
                                                 <div class="relative mb-1">
                                                     <span class="bg-[var(--color-wp-red)] text-white text-xs font-bold px-3 py-1 rounded-full absolute -top-3 right-0">SALE</span>
-                                                    <span class="text-lg line-through text-white/70"><?php echo esc_html($original_price_extended_license_display); ?></span>
+                                                    <span class="text-lg line-through text-gray-400"><?php echo esc_html($original_price_extended_license_display); ?></span>
                                                 </div>
                                                 <div class="flex items-center justify-center gap-x-2">
@@ -1147 +1147 @@
                                     </div>
 
-                                    <p class="mt-6 text-xs/5 text-white/70 flex items-center justify-start">
-                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-white/70">
+                                    <p class="mt-6 text-xs/5 text-gray-400 flex items-center justify-start">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-gray-400">
                                             <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
                                         </svg>
                                         Quality checked by Envato
                                     </p>
-                                    <p class="mt-2 text-xs/5 text-white/70 flex items-center justify-start">
-                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-white/70">
+                                    <p class="mt-2 text-xs/5 text-gray-400 flex items-center justify-start">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-gray-400">
                                             <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
                                         </svg>
@@ -1197 +1197 @@
                             <div class="flex items-baseline gap-x-2">
                                 <?php if ($regular_license_is_sale): ?>
-                                    <span class="text-5xl line-through text-white/70"><?php echo esc_html($original_price_regular_license_display); ?></span>
+                                    <span class="text-5xl line-through text-gray-400"><?php echo esc_html($original_price_regular_license_display); ?></span>
                                 <?php endif; ?>
                                 <span class="text-5xl font-semibold tracking-tight text-gray-900"><?php echo esc_html($theme_default_price_display); ?></span>
@@ -1275 +1275 @@
                             <div class="flex items-baseline gap-x-2">
                                 <?php if ($professional_license_is_sale): ?>
-                                    <span class="text-5xl line-through text-white/70"><?php echo esc_html($original_professional_price_display); ?></span>
+                                    <span class="text-5xl line-through text-gray-400"><?php echo esc_html($original_professional_price_display); ?></span>
                                 <?php endif; ?>
                                 <span class="text-5xl font-semibold tracking-tight text-white"><?php echo esc_html($professional_price_display); ?></span>
                             </div>
-                            <span class="text-base text-white/70 mt-1"><?php echo esc_html($professional_price_text); ?></span>
+                            <span class="text-base text-gray-400 mt-1"><?php echo esc_html($professional_price_text); ?></span>
                         </div>
                         </p>
@@ -1365 +1365 @@
                         
                         <div class="mt-6 space-y-2 text-center">
-                            <a href="javascript:void(0)" class="show-video-modal inline-flex items-center justify-center gap-1.5 text-sm text-white/70 hover:text-white transition-colors duration-200 underline decoration-dotted">
+                            <a href="javascript:void(0)" class="show-video-modal inline-flex items-center justify-center gap-1.5 text-sm text-gray-400 hover:text-white transition-colors duration-200 underline decoration-dotted">
                                 <svg class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                                     <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
@@ -1371 +1371 @@
                                 Watch how subscription works (1 minute video)
                             </a>
-                            <a href="https://1.envato.market/extend-or-renew-items" target="_blank" class="inline-flex items-center justify-center gap-1.5 text-sm text-white/70 hover:text-white transition-colors duration-200 underline decoration-dotted">
+                            <a href="https://1.envato.market/extend-or-renew-items" target="_blank" class="inline-flex items-center justify-center gap-1.5 text-sm text-gray-400 hover:text-white transition-colors duration-200 underline decoration-dotted">
                                 <svg class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                                     <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
@@ -1394 +1394 @@
                             <div class="flex items-baseline gap-x-2">
                                 <?php if ($extended_license_is_sale): ?>
-                                    <span class="text-2xl line-through text-white/70"><?php echo esc_html($original_price_extended_license_display); ?></span>
+                                    <span class="text-2xl line-through text-gray-400"><?php echo esc_html($original_price_extended_license_display); ?></span>
                                 <?php endif; ?>
                                 <span class="text-5xl font-semibold tracking-tight text-gray-900"><?php echo esc_html($theme_default_price_extended_display); ?></span>

shopkeeper-extender/tags/7.0/includes/shortcodes/wp/banner.php

@@ -35 +35 @@
     $content = do_shortcode($content);
 
-    if ($new_tab == 'true')
-    {
-        $link_tab = 'onclick="window.open(\''.$link_url.'\', \'_blank\');"';
-    }
-    else 
-    {
-        $link_tab = 'onclick="location.href=\''.$link_url.'\';"';
+    $link_tab = '';
+
+    if ( ! empty( $link_url ) ) {
+        $link_url   = esc_url_raw( $link_url );
+        $link_value = esc_js( $link_url );
+
+        if ($new_tab == 'true')
+        {
+            $link_tab = 'onclick="window.open(\''.$link_value.'\', \'_blank\');"';
+        }
+        else 
+        {
+            $link_tab = 'onclick="location.href=\''.$link_value.'\';"';
+        }
     }
     

shopkeeper-extender/tags/7.0/shopkeeper-extender.php

@@ -5 +5 @@
  * Plugin URI:              https://shopkeeper.wp-theme.design/
  * Description:             Extends the functionality of Shopkeeper with theme specific features.
- * Version:                 6.9.1
+ * Version:                 7.0
  * Author:                  Get Bowtied
  * Author URI:              https://getbowtied.com

shopkeeper-extender/trunk/README.txt

@@ -4 +4 @@
 Requires at least: 6.0
 Tested up to: 6.8
-Stable tag: 6.9.1
+Stable tag: 7.0
 Requires PHP: 7.4.1
 License: GPLv2 or later

shopkeeper-extender/trunk/core/updater/assets/plugin.json

@@ -1 +1 @@
 {
     "name": "Shopkeeper Extender",
-    "version": "6.9.1",
+    "version": "7.0",
     "download_url": "https://getbowtied.github.io/repository/plugins/shopkeeper-extender/shopkeeper-extender.zip",
 
@@ -7 +7 @@
     "requires": "6.0",
     "tested": "6.8",
-    "last_updated": "2025-11-12 12:00:00",
+    "last_updated": "2025-11-24 12:00:00",
 
     "author": "Get Bowtied",
@@ -14 +14 @@
     "sections": {
         "description": "<p>Companion plugin for the <b>Shopkeeper</b> theme. Extends the functionality by adding theme specific features.</p><h4>Features:</h4><ul><li>Adds 'Social Media' section in Customizer for easy management of links to social media profiles</li><li>Adds header image option for WooCommerce product categories</li><li>Adds 'Additional JS' section in Customizer allowing for site customization with custom JavaScript code</li><li>Adds social sharing buttons for WooCommerce products</li><li>Adds 'Background URL' field for menu items</li></ul><h4>Gutenberg Blocks:</h4><ul><li>Image Slider</li><li>Banner</li><li>Posts Grid</li><li>Product Categories Grid</li><li>Social Media Profiles</li></ul><h4>Widgets:</h4><ul><li>Social Media Profiles</li></ul><h4>WPBakery Page Builder Elements:</h4><ul><li>Slider</li><li>Banner</li><li>Posts Slider</li><li>Product Categories Grid</li><li>Social Media Profiles</li></ul>",
-        "changelog": "<h4>6.9.1</h4><ul><li>Maintenance update</li></ul>"
+        "changelog": "<h4>7.0</h4><ul><li>Ensures the banner link URL is properly escaped and sanitized before being used</li></ul>"
     },
 

shopkeeper-extender/trunk/dashboard/css/dashboard.css

@@ -1 @@
-/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
 .gbt-dashboard-scope {
   @layer base {
@@ -12 +13 @@
       -webkit-text-size-adjust: 100%;
       tab-size: 4;
-      font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );
+      font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
       font-feature-settings: var(--default-font-feature-settings, normal);
       font-variation-settings: var(--default-font-variation-settings, normal);
       -webkit-tap-highlight-color: transparent;
-    }
-    body {
-      line-height: inherit;
     }
     hr {
@@ -42 +40 @@
     }
     code, kbd, samp, pre {
-      font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );
+      font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
       font-feature-settings: var(--default-mono-font-feature-settings, normal);
       font-variation-settings: var(--default-mono-font-variation-settings, normal);
@@ -108 +106 @@
     ::placeholder {
       opacity: 1;
-      color: color-mix(in oklab, currentColor 50%, transparent);
+    }
+    @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+      ::placeholder {
+        color: currentcolor;
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, currentcolor 50%, transparent);
+        }
+      }
     }
     textarea {
@@ -128 +133 @@
     ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
       padding-block: 0;
+    }
+    ::-webkit-calendar-picker-indicator {
+      line-height: 1;
     }
     :-moz-ui-invalid {
@@ -164 +172 @@
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
-  --color-gray-50: oklch(0.985 0.002 247.839);
-  --color-gray-100: oklch(0.967 0.003 264.542);
-  --color-gray-200: oklch(0.928 0.006 264.531);
-  --color-gray-300: oklch(0.872 0.01 258.338);
-  --color-gray-400: oklch(0.707 0.022 261.325);
-  --color-gray-500: oklch(0.551 0.027 264.364);
-  --color-gray-600: oklch(0.446 0.03 256.802);
-  --color-gray-700: oklch(0.373 0.034 259.733);
-  --color-gray-800: oklch(0.278 0.033 256.848);
-  --color-gray-900: oklch(0.21 0.034 264.665);
+  --color-gray-50: oklch(98.5% 0.002 247.839);
+  --color-gray-100: oklch(96.7% 0.003 264.542);
+  --color-gray-200: oklch(92.8% 0.006 264.531);
+  --color-gray-300: oklch(87.2% 0.01 258.338);
+  --color-gray-400: oklch(70.7% 0.022 261.325);
+  --color-gray-500: oklch(55.1% 0.027 264.364);
+  --color-gray-600: oklch(44.6% 0.03 256.802);
+  --color-gray-700: oklch(37.3% 0.034 259.733);
+  --color-gray-800: oklch(27.8% 0.033 256.848);
+  --color-gray-900: oklch(21% 0.034 264.665);
   --color-white: #fff;
   --spacing: 0.25rem;
@@ -222 +230 @@
   --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   --default-font-family: var(--font-sans);
-  --default-font-feature-settings: var(--font-sans--font-feature-settings);
-  --default-font-variation-settings: var(--font-sans--font-variation-settings);
   --default-mono-font-family: var(--font-mono);
-  --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
-  --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
   --color-wp-blue: #2271b1;
   --color-wp-blue-darker: #135e96;
@@ -251 +255 @@
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
@@ -441 +445 @@
     margin-bottom: calc(var(--spacing) * 8);
   }
-  .-ml-0 {
-    margin-left: calc(var(--spacing) * -0);
-  }
   .-ml-0\.5 {
     margin-left: calc(var(--spacing) * -0.5);
@@ -560 +561 @@
     width: calc(var(--spacing) * 1);
   }
-  .w-3 {
-    width: calc(var(--spacing) * 3);
-  }
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
@@ -628 +626 @@
   .flex-none {
     flex: none;
-  }
-  .flex-shrink {
-    flex-shrink: 1;
   }
   .flex-shrink-0 {
@@ -668 +663 @@
   }
   .transform {
-    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
   .transform-gpu {
-    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
   .\[animation\:coin-flip_4s_ease-in-out_infinite\] {
@@ -807 +802 @@
     }
   }
-  .gap-x-1 {
-    column-gap: calc(var(--spacing) * 1);
-  }
   .gap-x-1\.5 {
     column-gap: calc(var(--spacing) * 1.5);
@@ -819 +811 @@
     column-gap: calc(var(--spacing) * 3);
   }
-  .gap-x-4 {
-    column-gap: calc(var(--spacing) * 4);
-  }
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
-  }
-  .gap-y-2 {
-    row-gap: calc(var(--spacing) * 2);
   }
   .gap-y-6 {
@@ -892 +878 @@
   }
   .border-\[var\(--color-wp-blue\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-blue) 20%, transparent);
+    border-color: color-mix(in srgb, #2271b1 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-blue) 20%, transparent);
+    }
   }
   .border-\[var\(--color-wp-gray-light\)\] {
@@ -901 +890 @@
   }
   .border-\[var\(--color-wp-green\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    border-color: color-mix(in srgb, #00a32a 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    }
   }
   .border-\[var\(--color-wp-red\)\] {
@@ -907 +899 @@
   }
   .border-\[var\(--color-wp-red\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    border-color: color-mix(in srgb, #d63638 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    }
   }
   .border-\[var\(--color-wp-yellow\)\] {
@@ -913 +908 @@
   }
   .border-\[var\(--color-wp-yellow\)\]\/20 {
-    border-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    border-color: color-mix(in srgb, #dba617 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    }
   }
   .border-gray-100 {
@@ -940 +938 @@
   }
   .bg-\[var\(--color-wp-blue\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    background-color: color-mix(in srgb, #2271b1 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-gray-dark\)\] {
@@ -955 +956 @@
   }
   .bg-\[var\(--color-wp-green\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-green) 10%, transparent);
+    background-color: color-mix(in srgb, #00a32a 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-green) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-green\)\]\/20 {
-    background-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    background-color: color-mix(in srgb, #00a32a 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-red\)\] {
@@ -964 +971 @@
   }
   .bg-\[var\(--color-wp-red\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-red) 10%, transparent);
+    background-color: color-mix(in srgb, #d63638 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-red) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-red\)\]\/20 {
-    background-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    background-color: color-mix(in srgb, #d63638 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-yellow\)\] {
@@ -973 +986 @@
   }
   .bg-\[var\(--color-wp-yellow\)\]\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-yellow) 10%, transparent);
+    background-color: color-mix(in srgb, #dba617 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-yellow) 10%, transparent);
+    }
   }
   .bg-\[var\(--color-wp-yellow\)\]\/20 {
-    background-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    background-color: color-mix(in srgb, #dba617 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    }
   }
   .bg-gray-50 {
@@ -991 +1010 @@
   }
   .bg-gray-500\/75 {
-    background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
+    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
+    }
   }
   .bg-gray-600 {
@@ -997 +1019 @@
   }
   .bg-gray-600\/20 {
-    background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
+    background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
+    }
   }
   .bg-white {
@@ -1003 +1028 @@
   }
   .bg-white\/60 {
-    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    background-color: color-mix(in srgb, #fff 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
   }
   .bg-wp-blue {
@@ -1009 +1037 @@
   }
   .bg-wp-blue\/10 {
-    background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    background-color: color-mix(in srgb, #2271b1 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-wp-blue) 10%, transparent);
+    }
+  }
+  .bg-linear-to-tr {
+    --tw-gradient-position: to top right;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to top right in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
   }
   .bg-gradient-to-b {
@@ -1015 +1053 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-linear-to-tr {
-    --tw-gradient-position: to top right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
   .from-\[\#80a2ff\] {
     --tw-gradient-from: #80a2ff;
@@ -1024 +1058 @@
   }
   .from-\[var\(--color-wp-red\)\]\/80 {
-    --tw-gradient-from: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    --tw-gradient-from: color-mix(in srgb, #d63638 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
   .from-\[var\(--color-wp-yellow\)\]\/80 {
-    --tw-gradient-from: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    --tw-gradient-from: color-mix(in srgb, #dba617 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
@@ -1046 +1086 @@
   }
   .to-\[var\(--color-wp-red\)\]\/80 {
-    --tw-gradient-to: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    --tw-gradient-to: color-mix(in srgb, #d63638 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-wp-red) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
   .to-\[var\(--color-wp-yellow\)\]\/80 {
-    --tw-gradient-to: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    --tw-gradient-to: color-mix(in srgb, #dba617 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-wp-yellow) 80%, transparent);
+    }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
@@ -1074 +1120 @@
     padding: calc(var(--spacing) * 8);
   }
-  .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
-  }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
@@ -1110 +1153 @@
     padding-inline: calc(var(--spacing) * 36);
   }
-  .py-0 {
-    padding-block: calc(var(--spacing) * 0);
-  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
@@ -1143 +1183 @@
     padding-block: calc(var(--spacing) * 24);
   }
-  .pt-3 {
-    padding-top: calc(var(--spacing) * 3);
-  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
@@ -1172 +1209 @@
   .pl-5 {
     padding-left: calc(var(--spacing) * 5);
-  }
-  .pl-8 {
-    padding-left: calc(var(--spacing) * 8);
   }
   .pl-8\.5 {
@@ -1291 +1325 @@
     text-wrap: pretty;
   }
-  .text-wrap {
-    text-wrap: wrap;
-  }
   .whitespace-nowrap {
     white-space: nowrap;
@@ -1340 +1371 @@
   }
   .text-white\/50 {
-    color: color-mix(in oklab, var(--color-white) 50%, transparent);
-  }
-  .text-white\/70 {
-    color: color-mix(in oklab, var(--color-white) 70%, transparent);
+    color: color-mix(in srgb, #fff 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 50%, transparent);
+    }
   }
   .text-white\/80 {
-    color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    color: color-mix(in srgb, #fff 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
   }
   .text-wp-blue {
@@ -1420 +1454 @@
   }
   .ring-1 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .ring-2 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
@@ -1434 +1468 @@
   }
   .ring-\[var\(--color-wp-gray-dark\)\]\/10 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 10%, transparent);
+    --tw-ring-color: color-mix(in srgb, #1f2428 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 10%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-gray-dark\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #1f2428 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-gray-dark) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-gray-light\)\] {
@@ -1446 +1486 @@
   }
   .ring-\[var\(--color-wp-green\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #00a32a 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-green) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-red\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #d63638 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-red\)\]\/30 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 30%, transparent);
+    --tw-ring-color: color-mix(in srgb, #d63638 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-red) 30%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-yellow\)\]\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    --tw-ring-color: color-mix(in srgb, #dba617 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 20%, transparent);
+    }
   }
   .ring-\[var\(--color-wp-yellow\)\]\/30 {
-    --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 30%, transparent);
+    --tw-ring-color: color-mix(in srgb, #dba617 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-wp-yellow) 30%, transparent);
+    }
   }
   .ring-gray-300 {
     --tw-ring-color: var(--color-gray-300);
   }
-  .ring-gray-400 {
-    --tw-ring-color: var(--color-gray-400);
-  }
   .ring-gray-400\/10 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
-  }
-  .ring-gray-500 {
-    --tw-ring-color: var(--color-gray-500);
+    --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
+    }
   }
   .ring-gray-500\/20 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
-  }
-  .ring-gray-600 {
-    --tw-ring-color: var(--color-gray-600);
+    --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+    }
   }
   .ring-gray-600\/30 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent);
-  }
-  .ring-gray-900 {
-    --tw-ring-color: var(--color-gray-900);
+    --tw-ring-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent);
+    }
   }
   .ring-gray-900\/10 {
-    --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
-  }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
+    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
+    }
   }
   .blur-3xl {
@@ -1503 +1554 @@
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
@@ -1589 +1640 @@
     &:hover {
       @media (hover: hover) {
-        border-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        border-color: color-mix(in srgb, #2271b1 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        }
       }
     }
@@ -1610 +1664 @@
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in oklab, var(--color-wp-red) 90%, transparent);
+        background-color: color-mix(in srgb, #d63638 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-wp-red) 90%, transparent);
+        }
       }
     }
@@ -1617 +1674 @@
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in oklab, var(--color-wp-yellow) 90%, transparent);
+        background-color: color-mix(in srgb, #dba617 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-wp-yellow) 90%, transparent);
+        }
       }
     }
@@ -1631 +1691 @@
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        background-color: color-mix(in srgb, #2271b1 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        }
       }
     }
@@ -1652 +1715 @@
     &:hover {
       @media (hover: hover) {
-        color: color-mix(in oklab, var(--color-white) 80%, transparent);
+        color: color-mix(in srgb, #fff 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, var(--color-white) 80%, transparent);
+        }
       }
     }
@@ -1659 +1725 @@
     &:hover {
       @media (hover: hover) {
-        color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        color: color-mix(in srgb, #2271b1 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, var(--color-wp-blue) 90%, transparent);
+        }
       }
     }
@@ -1696 +1765 @@
     &:hover {
       @media (hover: hover) {
-        --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
+        --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
+        }
       }
     }
@@ -1707 +1779 @@
   .focus\:ring-0 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1713 +1785 @@
   .focus\:ring-1 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1719 +1791 @@
   .focus\:ring-2 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1763 +1835 @@
   .focus-visible\:ring-0 {
     &:focus-visible {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
@@ -1906 +1978 @@
     }
   }
-  .sm\:max-w-4xl {
-    @media (width >= 60rem) {
-      max-width: var(--container-4xl);
-    }
-  }
   .sm\:max-w-lg {
     @media (width >= 60rem) {
@@ -2165 +2232 @@
   syntax: "*";
   inherits: false;
-  initial-value: rotateX(0);
 }
 @property --tw-rotate-y {
   syntax: "*";
   inherits: false;
-  initial-value: rotateY(0);
 }
 @property --tw-rotate-z {
   syntax: "*";
   inherits: false;
-  initial-value: rotateZ(0);
 }
 @property --tw-skew-x {
   syntax: "*";
   inherits: false;
-  initial-value: skewX(0);
 }
 @property --tw-skew-y {
   syntax: "*";
   inherits: false;
-  initial-value: skewY(0);
 }
 @property --tw-space-y-reverse {
@@ -2260 +2322 @@
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
@@ -2268 +2335 @@
   syntax: "*";
   inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
 }
 @property --tw-ring-color {
@@ -2306 +2378 @@
   initial-value: 0 0 #0000;
 }
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
 }
 @keyframes pulse {
@@ -2364 +2449 @@
   }
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-outline-style: solid;
+    }
+  }
+}

shopkeeper-extender/trunk/dashboard/inc/pages/content/license.php

@@ -499 +499 @@
                         <?php gbt_display_version_badge(); ?>
                         <h3 class="mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl"><?php echo esc_html($theme_name_gbt_dash); ?></h3>
-                        <p class="mt-5 text-base/7 text-white/70">
+                        <p class="mt-5 text-base/7 text-gray-400">
                             <?php if ($is_license_active): ?>
                                 <?php if ($is_support_active): ?>
@@ -518 +518 @@
                                     <div class="flex items-center justify-between mb-2">
                                         <div class="flex items-center gap-2">
-                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5 text-white/70">
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5 text-gray-400">
                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
                                             </svg>
@@ -631 +631 @@
                             <div class="border-t border-gray-600 pt-6 mt-6">
                                 <h4 class="text-base font-medium text-white mb-1">Need help with activation or your license?</h4>
-                                <p class="text-sm text-white/70">
+                                <p class="text-sm text-gray-400">
                                     Contact us through <a href="https://1.envato.market/getbowtied-profile-contact" target="_blank" class="text-[var(--color-wp-blue)] hover:underline">our author contact page</a> for help with activation or licensing.
                                 </p>
@@ -661 +661 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">License status</span>
+                                                <span class="text-gray-400">License status</span>
                                                 <span class="font-medium <?php echo $license_status === 'active' ? 'text-[var(--color-wp-green)]' : 'text-[var(--color-wp-red)]'; ?> flex items-center">
                                                     <?php if ($license_status === 'active'): ?>
@@ -680 +680 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">License username</span>
+                                                <span class="text-gray-400">License username</span>
                                                 <span class="font-medium text-white">
                                                     <?php echo !empty($license_info['buyer_username']) ? esc_html($license_info['buyer_username']) : '—'; ?>
@@ -689 +689 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Purchase date</span>
+                                                <span class="text-gray-400">Purchase date</span>
                                                 <span class="font-medium text-white">
                                                     <?php
@@ -710 +710 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Subscription until</span>
+                                                <span class="text-gray-400">Subscription until</span>
                                                 <span class="font-medium <?php echo $envato_support_expired ? 'text-[var(--color-wp-red)]' : 'text-white'; ?>">
                                                     <?php
@@ -729 +729 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Subscription status</span>
+                                                <span class="text-gray-400">Subscription status</span>
                                                 <span class="font-medium <?php echo $envato_support_expired ? 'text-[var(--color-wp-red)]' : 'text-[var(--color-wp-green)]'; ?> flex items-center">
                                                     <?php if (!$envato_support_expired): ?>
@@ -748 +748 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70 flex items-center">
-                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                <span class="text-gray-400 flex items-center">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                         <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                     </svg>
@@ -772 +772 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70 flex items-center">
-                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                <span class="text-gray-400 flex items-center">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                         <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                     </svg>
@@ -835 +835 @@
                                         <div class="border-t border-gray-600 py-3">
                                             <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                             <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5a2.25 2.25 0 0 0 2.25-2.25m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5a2.25 2.25 0 0 1 2.25 2.25v7.5" />
                                                         </svg>
@@ -849 +849 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                             </svg>
@@ -875 +875 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5a2.25 2.25 0 0 0 2.25-2.25m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5a2.25 2.25 0 0 1 2.25 2.25v7.5" />
                                                             </svg>
@@ -889 +889 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-white/70'; ?>">
+                                                        <span class="flex items-center <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 <?php echo $should_disable_special_benefits ? 'text-gray-400' : 'text-gray-400'; ?>">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
                                                             </svg>
@@ -960 +960 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="text-white/70 flex items-center">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                        <span class="text-gray-400 flex items-center">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
                                                             </svg>
@@ -977 +977 @@
                                                 <div class="border-t border-gray-600 py-3">
                                                     <div class="flex items-center justify-between">
-                                                        <span class="text-white/70 flex items-center">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-white/70">
+                                                        <span class="text-gray-400 flex items-center">
+                                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-2 text-gray-400">
                                                                 <path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" />
                                                             </svg>
@@ -998 +998 @@
                                         <div class="<?php echo ($has_bonus_updates || $has_bonus_support) ? 'py-3' : 'border-t border-gray-600 py-3'; ?>">
                                             <div class="flex items-center justify-between">
-                                                <span class="text-white/70">Subscription auto-renewal</span>
+                                                <span class="text-gray-400">Subscription auto-renewal</span>
                                                 <span class="font-medium text-white">No</span>
                                             </div>
@@ -1007 +1007 @@
                                                 <div class="flex items-start justify-between">
                                                     <div class="flex flex-col">
-                                                        <span class="text-white/70">Last verified</span>
+                                                        <span class="text-gray-400">Last verified</span>
                                                         <a href="#" id="reload-license-data-link" class="mt-1 text-[var(--color-wp-blue)] hover:text-[var(--color-wp-blue-darker)] transition duration-150 ease-in-out inline-flex items-center gap-1">
                                                             Refresh now
@@ -1082 +1082 @@
                                         Get a license today
                                     </h3>
-                                    <p class="text-base text-white/70">Pay once, own it forever!</p>
+                                    <p class="text-base text-gray-400">Pay once, own it forever!</p>
                                     <div class="mt-6">
                                         <div class="relative mb-4">
                                             <?php if ($regular_license_is_sale): ?>
                                                 <div class="flex items-baseline justify-center gap-x-2">
-                                                    <span class="text-5xl line-through text-white/70"><?php echo esc_html($original_price_regular_license_display); ?></span>
+                                                    <span class="text-5xl line-through text-gray-400"><?php echo esc_html($original_price_regular_license_display); ?></span>
                                                     <span class="text-5xl font-bold tracking-tight text-white"><?php echo esc_html($theme_default_price_display); ?></span>
-                                                    <span class="text-sm/6 font-semibold tracking-wide text-white/70">USD</span>
+                                                    <span class="text-sm/6 font-semibold tracking-wide text-gray-400">USD</span>
                                                 </div>
                                             <?php else: ?>
                                                 <div class="flex items-baseline justify-center gap-x-2">
                                                     <span class="text-5xl font-bold tracking-tight text-white"><?php echo esc_html($theme_default_price_display); ?></span>
-                                                    <span class="text-sm/6 font-semibold tracking-wide text-white/70">USD</span>
+                                                    <span class="text-sm/6 font-semibold tracking-wide text-gray-400">USD</span>
                                                 </div>
                                             <?php endif; ?>
@@ -1105 +1105 @@
                                             </div>
                                             <a href="<?php echo esc_url($gbt_dashboard_setup->get_theme_config('theme_sales_page_url')); ?>" target="_blank" class="block w-full rounded-md bg-wp-blue px-4 pt-5 pb-5 text-center text-base font-semibold text-white shadow-sm hover:bg-wp-blue/90 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wp-blue transition duration-150 ease-in-out cursor-pointer">Get regular license</a>
-                                            <p class="mt-2 text-xs text-center text-white/70 px-4">Ideal for most websites and client projects</p>
+                                            <p class="mt-2 text-xs text-center text-gray-400 px-4">Ideal for most websites and client projects</p>
                                         </div>
                                     </div>
@@ -1114 +1114 @@
                                         </div>
                                         <div class="relative flex justify-center">
-                                            <span class="bg-[var(--color-wp-gray-light)] px-3 text-sm text-white/70">OR</span>
+                                            <span class="bg-[var(--color-wp-gray-light)] px-3 text-sm text-gray-400">OR</span>
                                         </div>
                                     </div>
@@ -1123 +1123 @@
                                                 <div class="relative mb-1">
                                                     <span class="bg-[var(--color-wp-red)] text-white text-xs font-bold px-3 py-1 rounded-full absolute -top-3 right-0">SALE</span>
-                                                    <span class="text-lg line-through text-white/70"><?php echo esc_html($original_price_extended_license_display); ?></span>
+                                                    <span class="text-lg line-through text-gray-400"><?php echo esc_html($original_price_extended_license_display); ?></span>
                                                 </div>
                                                 <div class="flex items-center justify-center gap-x-2">
@@ -1147 +1147 @@
                                     </div>
 
-                                    <p class="mt-6 text-xs/5 text-white/70 flex items-center justify-start">
-                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-white/70">
+                                    <p class="mt-6 text-xs/5 text-gray-400 flex items-center justify-start">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-gray-400">
                                             <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
                                         </svg>
                                         Quality checked by Envato
                                     </p>
-                                    <p class="mt-2 text-xs/5 text-white/70 flex items-center justify-start">
-                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-white/70">
+                                    <p class="mt-2 text-xs/5 text-gray-400 flex items-center justify-start">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-1.5 text-gray-400">
                                             <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
                                         </svg>
@@ -1197 +1197 @@
                             <div class="flex items-baseline gap-x-2">
                                 <?php if ($regular_license_is_sale): ?>
-                                    <span class="text-5xl line-through text-white/70"><?php echo esc_html($original_price_regular_license_display); ?></span>
+                                    <span class="text-5xl line-through text-gray-400"><?php echo esc_html($original_price_regular_license_display); ?></span>
                                 <?php endif; ?>
                                 <span class="text-5xl font-semibold tracking-tight text-gray-900"><?php echo esc_html($theme_default_price_display); ?></span>
@@ -1275 +1275 @@
                             <div class="flex items-baseline gap-x-2">
                                 <?php if ($professional_license_is_sale): ?>
-                                    <span class="text-5xl line-through text-white/70"><?php echo esc_html($original_professional_price_display); ?></span>
+                                    <span class="text-5xl line-through text-gray-400"><?php echo esc_html($original_professional_price_display); ?></span>
                                 <?php endif; ?>
                                 <span class="text-5xl font-semibold tracking-tight text-white"><?php echo esc_html($professional_price_display); ?></span>
                             </div>
-                            <span class="text-base text-white/70 mt-1"><?php echo esc_html($professional_price_text); ?></span>
+                            <span class="text-base text-gray-400 mt-1"><?php echo esc_html($professional_price_text); ?></span>
                         </div>
                         </p>
@@ -1365 +1365 @@
                         
                         <div class="mt-6 space-y-2 text-center">
-                            <a href="javascript:void(0)" class="show-video-modal inline-flex items-center justify-center gap-1.5 text-sm text-white/70 hover:text-white transition-colors duration-200 underline decoration-dotted">
+                            <a href="javascript:void(0)" class="show-video-modal inline-flex items-center justify-center gap-1.5 text-sm text-gray-400 hover:text-white transition-colors duration-200 underline decoration-dotted">
                                 <svg class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                                     <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
@@ -1371 +1371 @@
                                 Watch how subscription works (1 minute video)
                             </a>
-                            <a href="https://1.envato.market/extend-or-renew-items" target="_blank" class="inline-flex items-center justify-center gap-1.5 text-sm text-white/70 hover:text-white transition-colors duration-200 underline decoration-dotted">
+                            <a href="https://1.envato.market/extend-or-renew-items" target="_blank" class="inline-flex items-center justify-center gap-1.5 text-sm text-gray-400 hover:text-white transition-colors duration-200 underline decoration-dotted">
                                 <svg class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                                     <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
@@ -1394 +1394 @@
                             <div class="flex items-baseline gap-x-2">
                                 <?php if ($extended_license_is_sale): ?>
-                                    <span class="text-2xl line-through text-white/70"><?php echo esc_html($original_price_extended_license_display); ?></span>
+                                    <span class="text-2xl line-through text-gray-400"><?php echo esc_html($original_price_extended_license_display); ?></span>
                                 <?php endif; ?>
                                 <span class="text-5xl font-semibold tracking-tight text-gray-900"><?php echo esc_html($theme_default_price_extended_display); ?></span>

shopkeeper-extender/trunk/includes/shortcodes/wp/banner.php

@@ -35 +35 @@
     $content = do_shortcode($content);
 
-    if ($new_tab == 'true')
-    {
-        $link_tab = 'onclick="window.open(\''.$link_url.'\', \'_blank\');"';
-    }
-    else 
-    {
-        $link_tab = 'onclick="location.href=\''.$link_url.'\';"';
+    $link_tab = '';
+
+    if ( ! empty( $link_url ) ) {
+        $link_url   = esc_url_raw( $link_url );
+        $link_value = esc_js( $link_url );
+
+        if ($new_tab == 'true')
+        {
+            $link_tab = 'onclick="window.open(\''.$link_value.'\', \'_blank\');"';
+        }
+        else 
+        {
+            $link_tab = 'onclick="location.href=\''.$link_value.'\';"';
+        }
     }
     

shopkeeper-extender/trunk/shopkeeper-extender.php

@@ -5 +5 @@
  * Plugin URI:              https://shopkeeper.wp-theme.design/
  * Description:             Extends the functionality of Shopkeeper with theme specific features.
- * Version:                 6.9.1
+ * Version:                 7.0
  * Author:                  Get Bowtied
  * Author URI:              https://getbowtied.com