@orion-studios/payload-studio 0.5.0-beta.102 → 0.5.0-beta.104

package/dist/admin/client.js

@@ -3140,10 +3140,10 @@ function AdminStudioPageEditView(props) {
                 "div",
                 {
                   style: {
-                    background: hasUnpublishedChanges ? "#fff3cd" : "#e7f7ee",
-                    border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "#87c79e"}`,
+                    background: hasUnpublishedChanges ? "#fff3cd" : "var(--theme-success-50)",
+                    border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "var(--theme-success-300)"}`,
                     borderRadius: 999,
-                    color: hasUnpublishedChanges ? "#6a4a00" : "#0e5a2a",
+                    color: hasUnpublishedChanges ? "#6a4a00" : "var(--theme-success-700)",
                     fontSize: "0.75rem",
                     fontWeight: 800,
                     padding: "0.2rem 0.55rem",
@@ -3207,7 +3207,7 @@ function AdminStudioPageEditView(props) {
                   disabled: !canPublish || saving !== null,
                   onClick: () => requestSave("published"),
                   style: {
-                    background: canPublish ? "var(--theme-elevation-900)" : "var(--theme-elevation-300)",
+                    background: canPublish ? "var(--theme-success-700)" : "var(--theme-elevation-300)",
                     border: "none",
                     borderRadius: 12,
                     color: canPublish ? "var(--theme-elevation-0)" : "var(--theme-elevation-700)",

package/dist/admin/client.mjs

@@ -1957,10 +1957,10 @@ function AdminStudioPageEditView(props) {
                 "div",
                 {
                   style: {
-                    background: hasUnpublishedChanges ? "#fff3cd" : "#e7f7ee",
-                    border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "#87c79e"}`,
+                    background: hasUnpublishedChanges ? "#fff3cd" : "var(--theme-success-50)",
+                    border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "var(--theme-success-300)"}`,
                     borderRadius: 999,
-                    color: hasUnpublishedChanges ? "#6a4a00" : "#0e5a2a",
+                    color: hasUnpublishedChanges ? "#6a4a00" : "var(--theme-success-700)",
                     fontSize: "0.75rem",
                     fontWeight: 800,
                     padding: "0.2rem 0.55rem",
@@ -2024,7 +2024,7 @@ function AdminStudioPageEditView(props) {
                   disabled: !canPublish || saving !== null,
                   onClick: () => requestSave("published"),
                   style: {
-                    background: canPublish ? "var(--theme-elevation-900)" : "var(--theme-elevation-300)",
+                    background: canPublish ? "var(--theme-success-700)" : "var(--theme-elevation-300)",
                     border: "none",
                     borderRadius: 12,
                     color: canPublish ? "var(--theme-elevation-0)" : "var(--theme-elevation-700)",

package/dist/admin-app/client.js

@@ -1214,10 +1214,10 @@ function PageEditorFrame({ src }) {
               {
                 style: {
                   alignItems: "center",
-                  background: hasUnpublishedChanges ? "#fff3cd" : "#e7f7ee",
-                  border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "#87c79e"}`,
+                  background: hasUnpublishedChanges ? "#fff3cd" : "var(--orion-admin-accent-subtle)",
+                  border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "color-mix(in srgb, var(--orion-admin-accent) 36%, transparent)"}`,
                   borderRadius: 999,
-                  color: hasUnpublishedChanges ? "#6a4a00" : "#0e5a2a",
+                  color: hasUnpublishedChanges ? "#6a4a00" : "var(--orion-admin-accent)",
                   display: "inline-flex",
                   fontSize: "0.75rem",
                   fontWeight: 800,
@@ -1268,7 +1268,7 @@ function PageEditorFrame({ src }) {
                 className: "orion-admin-action-button",
                 disabled: saving !== null,
                 onClick: () => sendSave("published"),
-                style: { background: "#0f7d52" },
+                style: { background: "var(--orion-admin-accent)" },
                 type: "button",
                 children: saving === "published" ? "Publishing..." : "Publish"
               }
@@ -1277,7 +1277,7 @@ function PageEditorFrame({ src }) {
         ]
       }
     ),
-    message ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { color: "#0f7d52", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
+    message ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { color: "var(--orion-admin-accent)", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
     error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "orion-admin-error", children: error }) : null,
     sessionExpired ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "div",

package/dist/admin-app/client.mjs

@@ -1092,10 +1092,10 @@ function PageEditorFrame({ src }) {
               {
                 style: {
                   alignItems: "center",
-                  background: hasUnpublishedChanges ? "#fff3cd" : "#e7f7ee",
-                  border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "#87c79e"}`,
+                  background: hasUnpublishedChanges ? "#fff3cd" : "var(--orion-admin-accent-subtle)",
+                  border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "color-mix(in srgb, var(--orion-admin-accent) 36%, transparent)"}`,
                   borderRadius: 999,
-                  color: hasUnpublishedChanges ? "#6a4a00" : "#0e5a2a",
+                  color: hasUnpublishedChanges ? "#6a4a00" : "var(--orion-admin-accent)",
                   display: "inline-flex",
                   fontSize: "0.75rem",
                   fontWeight: 800,
@@ -1146,7 +1146,7 @@ function PageEditorFrame({ src }) {
                 className: "orion-admin-action-button",
                 disabled: saving !== null,
                 onClick: () => sendSave("published"),
-                style: { background: "#0f7d52" },
+                style: { background: "var(--orion-admin-accent)" },
                 type: "button",
                 children: saving === "published" ? "Publishing..." : "Publish"
               }
@@ -1155,7 +1155,7 @@ function PageEditorFrame({ src }) {
         ]
       }
     ),
-    message ? /* @__PURE__ */ jsx7("div", { style: { color: "#0f7d52", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
+    message ? /* @__PURE__ */ jsx7("div", { style: { color: "var(--orion-admin-accent)", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
     error ? /* @__PURE__ */ jsx7("div", { className: "orion-admin-error", children: error }) : null,
     sessionExpired ? /* @__PURE__ */ jsx7(
       "div",

package/dist/admin-app/styles.css

@@ -8,6 +8,19 @@
   --orion-admin-muted: #5d6664;
   --orion-admin-card-bg: #ffffff;
   --orion-admin-card-border: #dce2e0;
+  --orion-admin-accent: #2563eb;
+  --orion-admin-accent-hover: color-mix(in srgb, var(--orion-admin-accent) 84%, black);
+  --orion-admin-accent-subtle: color-mix(in srgb, var(--orion-admin-accent) 10%, white);
+  --orion-admin-accent-soft: color-mix(in srgb, var(--orion-admin-accent) 14%, transparent);
+  --orion-admin-accent-border: color-mix(in srgb, var(--orion-admin-accent) 36%, transparent);
+  --orion-admin-selection-bg: color-mix(in srgb, var(--orion-admin-accent) 18%, white);
+}
+
+.orion-admin-shell ::selection,
+.orion-admin-main ::selection,
+.orion-admin-page ::selection,
+.orion-admin-login-shell ::selection {
+  background: var(--orion-admin-selection-bg);
 }
 
 .orion-admin-shell {
@@ -146,7 +159,7 @@
 }
 
 .orion-admin-nav-editor-add {
-  background: #111;
+  background: var(--orion-admin-accent);
   border: 0;
   border-radius: 999px;
   color: #fff;
@@ -157,7 +170,7 @@
 }
 
 .orion-admin-action-button {
-  background: #111;
+  background: var(--orion-admin-accent);
   border: 0;
   border-radius: 10px;
   color: #fff;
@@ -166,6 +179,11 @@
   padding: 0.55rem 0.8rem;
 }
 
+.orion-admin-nav-editor-add:hover,
+.orion-admin-action-button:hover {
+  background: var(--orion-admin-accent-hover);
+}
+
 .orion-admin-nav-editor-help {
   color: var(--orion-admin-muted);
   font-size: 0.84rem;
@@ -196,14 +214,14 @@
 }
 
 .orion-admin-nav-editor-row.is-dragging {
-  border-color: rgba(24, 95, 69, 0.55);
-  box-shadow: 0 10px 24px rgba(15, 42, 33, 0.16);
+  border-color: var(--orion-admin-accent-border);
+  box-shadow: 0 10px 24px color-mix(in srgb, var(--orion-admin-accent) 16%, transparent);
   transform: scale(0.996);
 }
 
 .orion-admin-nav-editor-row.is-drop-target {
-  border-color: rgba(24, 95, 69, 0.7);
-  box-shadow: inset 0 0 0 2px rgba(24, 95, 69, 0.12);
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 56%, transparent);
+  box-shadow: inset 0 0 0 2px var(--orion-admin-accent-soft);
 }
 
 .orion-admin-nav-editor-row-head {
@@ -213,9 +231,9 @@
 }
 
 .orion-admin-nav-editor-drag {
-  background: #e8efeb;
+  background: var(--orion-admin-accent-subtle);
   border-radius: 999px;
-  color: #255543;
+  color: var(--orion-admin-accent);
   cursor: grab;
   font-size: 0.75rem;
   font-weight: 800;
@@ -308,8 +326,8 @@
 }
 
 .orion-admin-dropzone.is-dragging {
-  background: rgba(24, 95, 69, 0.06);
-  border-color: rgba(24, 95, 69, 0.5);
+  background: color-mix(in srgb, var(--orion-admin-accent) 7%, white);
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 50%, transparent);
 }
 
 .orion-admin-dropzone.has-file {

package/dist/admin.css

@@ -222,6 +222,14 @@ html {
   transition: background-color 0.2s ease, color 0.2s ease;
 }
 
+html[data-orion-brand] ::selection {
+  background: color-mix(in srgb, var(--brand-primary) 18%, white);
+}
+
+html[data-orion-brand][data-theme='dark'] ::selection {
+  background: color-mix(in srgb, var(--brand-primary) 26%, black);
+}
+
 /* ============================================================
    Collapsible sections — card-like styling
    ============================================================ */

package/dist/studio-pages/client.js

@@ -2068,10 +2068,10 @@ function InlineText({
         style: {
           background: "transparent",
           borderRadius: 6,
-          boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
+          boxShadow: "0 0 0 4px var(--orion-studio-accent-soft-strong)",
           cursor: "text",
           minHeight: multiline ? "1.6em" : void 0,
-          outline: "3px solid rgba(21, 125, 82, 0.95)",
+          outline: "3px solid var(--orion-studio-selection-outline)",
           outlineOffset: 2,
           ...style
         },

package/dist/studio-pages/client.mjs

@@ -1948,10 +1948,10 @@ function InlineText({
         style: {
           background: "transparent",
           borderRadius: 6,
-          boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
+          boxShadow: "0 0 0 4px var(--orion-studio-accent-soft-strong)",
           cursor: "text",
           minHeight: multiline ? "1.6em" : void 0,
-          outline: "3px solid rgba(21, 125, 82, 0.95)",
+          outline: "3px solid var(--orion-studio-selection-outline)",
           outlineOffset: 2,
           ...style
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.5.0-beta.102",
+  "version": "0.5.0-beta.104",
   "description": "Unified Payload CMS toolkit for Orion Studios",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",