Tweak some things for launch

src-tauri/yaak-license/src/license.rs

@@ -11,7 +11,7 @@ use yaak_models::queries::UpdateSource;
 
 const KV_NAMESPACE: &str = "license";
 const KV_ACTIVATION_ID_KEY: &str = "activation_id";
-const TRIAL_SECONDS: u64 = 3600 * 24 * 14;
+const TRIAL_SECONDS: u64 = 3600 * 24 * 30;
 
 #[derive(Debug, Clone, Serialize, Deserialize, TS)]
 #[serde(rename_all = "camelCase")]

src-web/components/RecentGrpcConnectionsDropdown.tsx

@@ -53,7 +53,7 @@ export function RecentGrpcConnectionsDropdown({
       <IconButton
         title="Show connection history"
         icon={activeConnection?.id === latestConnectionId ? 'chevron_down' : 'pin'}
-        className="m-0.5"
+        className="m-0.5 text-text-subtle"
         size="sm"
         iconSize="md"
       />

src-web/components/RecentHttpResponsesDropdown.tsx

@@ -81,7 +81,7 @@ export const RecentHttpResponsesDropdown = function ResponsePane({
       <IconButton
         title="Show response history"
         icon={activeResponse?.id === latestResponseId ? 'chevron_down' : 'pin'}
-        className="m-0.5"
+        className="m-0.5 text-text-subtle"
         size="sm"
         iconSize="md"
       />

src-web/components/RecentWebsocketConnectionsDropdown.tsx

@@ -60,7 +60,7 @@ export function RecentWebsocketConnectionsDropdown({
       <IconButton
         title="Show connection history"
         icon={activeConnection?.id === latestConnectionId ? 'chevron_down' : 'pin'}
-        className="m-0.5"
+        className="m-0.5 text-text-subtle"
         size="sm"
         iconSize="md"
       />

src-web/components/Settings/SettingsLicense.tsx

@@ -1,5 +1,5 @@
 import { useLicense } from '@yaakapp-internal/license';
-import { formatDistanceToNow } from 'date-fns';
+import { formatDistanceToNowStrict } from 'date-fns';
 import React, { useState } from 'react';
 import { useToggle } from '../../hooks/useToggle';
 import { Banner } from '../core/Banner';
@@ -30,7 +30,7 @@ export function SettingsLicense() {
           {check.data?.type === 'trialing' && (
             <p className="select-text">
               <strong>
-                You have {formatDistanceToNow(check.data.end)} remaining on your trial.
+                You have {formatDistanceToNowStrict(check.data.end)} remaining on your trial.
               </strong>
             </p>
           )}
@@ -40,11 +40,6 @@ export function SettingsLicense() {
               Learn More
             </Link>
           </p>
-          <p className="select-text">
-            This supports future development and ensures continued growth and improvement. Personal
-            use and running the open-source code directly require no license.
-          </p>
-          <p>~ Gregory</p>
         </Banner>
       )}
 

src-web/components/core/Banner.tsx

@@ -14,8 +14,8 @@ export function Banner({ children, className, color }: Props) {
         className,
         `x-theme-banner--${color}`,
         'whitespace-pre-wrap',
-        'border border-dashed border-border bg-surface',
-        'px-3 py-2 rounded select-auto',
+        'border border-border bg-surface',
+        'px-4 py-3 rounded-lg select-auto',
         'overflow-auto h-auto mb-auto text-text',
       )}
     >

src-web/components/core/Button.tsx

@@ -136,7 +136,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
         {children}
       </div>
       {rightSlot && <div className="ml-1">{rightSlot}</div>}
-      {forDropdown && <Icon icon="chevron_down" size={size} className="ml-1 -mr-1" />}
+      {forDropdown && <Icon icon="check" size={size} className="ml-1 -mr-1" />}
     </button>
   );
 });

src-web/components/core/Tabs/Tabs.tsx

@@ -121,7 +121,10 @@ export function Tabs({
                     <Icon
                       size="sm"
                       icon="chevron_down"
-                      className={classNames('ml-1', !isActive && 'opacity-50')}
+                      className={classNames(
+                        'ml-1',
+                        isActive ? 'text-text-subtle' : 'text-text-subtlest',
+                      )}
                     />
                   </button>
                 </RadioDropdown>

src-web/lib/theme/window.ts

@@ -113,8 +113,8 @@ function bannerColorVariables(color: YaakColor): Partial<CSSVariables> {
     text: color.lift(0.8),
     textSubtle: color.translucify(0.3),
     textSubtlest: color,
-    surface: color.translucify(0.9),
-    border: color.lift(0.3).translucify(0.4),
+    surface: color.translucify(0.95),
+    border: color.lift(0.3).translucify(0.8),
   };
 }