Theme Builder

/* Generated by gridcraft Theme Builder */
.gc-theme-custom {
  /* Core */
  --gc-primary: #2563eb;
  --gc-bg: #ffffff;
  --gc-text: #0f172a;
  --gc-text-muted: #64748b;
  --gc-border-color: #e2e8f0;
  --gc-border-radius: 8px;
  --gc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --gc-font-size: 14px;

  /* Header */
  --gc-header-bg: #f1f3f6;
  --gc-header-text: #0f172a;
  --gc-header-hover-bg: #e5e8ec;
  --gc-header-sorted-bg: rgba(37, 99, 235, 0.06);
  --gc-header-font-size: 12.5px;
  --gc-header-font-weight: 600;

  /* Rows */
  --gc-row-bg: #ffffff;
  --gc-row-even-bg: #ffffff;
  --gc-row-hover-bg: #f7f8fa;
  --gc-row-selected-bg: rgba(37, 99, 235, 0.08);
  --gc-row-selected-hover-bg: rgba(37, 99, 235, 0.14);
  --gc-row-selected-pinned-bg: #eef3fd;
  --gc-row-span-overlay-bg: #ffffff;
  --gc-row-span-pending-edge: #cbd5e1;
  --gc-row-selected-hover-pinned-bg: #e0e9fc;
  --gc-cell-numeric-align: end;

  /* Pinned */
  --gc-pin-shadow-left: 0 0 0 0 transparent;
  --gc-pin-shadow-right: 0 0 0 0 transparent;
  --gc-pin-edge: #cbd5e1;

  /* Sort / Drag */
  --gc-sort-color: #94a3b8;
  --gc-sort-active-color: #2563eb;
  --gc-sort-badge-text: #ffffff;
  --gc-drag-over-bg: rgba(37, 99, 235, 0.08);
  --gc-resize-handle: rgba(15, 23, 42, 0.20);
  --gc-resize-handle-hover: #2563eb;
  --gc-cell-focus-outline: #2563eb;
  --gc-cell-focus-outline-width: 2px;
  --gc-cell-focus-outline-offset: -2px;

  /* Summary / Sub */
  --gc-summary-top-bg: #eef3fd;
  --gc-summary-bottom-bg: #f1f3f6;
  --gc-sub-header-bg: rgba(37, 99, 235, 0.07);
  --gc-sub-row-bg: rgba(37, 99, 235, 0.03);
  --gc-sub-row-even-bg: rgba(37, 99, 235, 0.06);
  --gc-sub-row-hover-bg: rgba(37, 99, 235, 0.10);

  /* Grouping */
  --gc-group-bg: #eef3fd;
  --gc-group-hover-bg: #e0e9fc;
  --gc-group-sticky-bg: #ffffff;
  --gc-tree-toggle-color: #64748b;
  --gc-tree-toggle-hover: #2563eb;
  --gc-tree-icon-color: #64748b;
  --gc-tree-indent-guide: rgba(100, 116, 139, 0.16);

  /* Filter */
  --gc-filter-focus-bg: #ffffff;
  --gc-filter-active-bg: rgba(37, 99, 235, 0.07);

  /* States */
  --gc-skeleton-base: #e5e8ec;
  --gc-skeleton-highlight: #f1f3f6;
  --gc-error-color: #dc2626;

  /* Scrollbar */
  --gc-scrollbar-width: 8px;
  --gc-scrollbar-thumb: #cbd5e1;
  --gc-scrollbar-track: transparent;

  /* Live Flash */
  --gc-flash-up-text: #16a34a;
  --gc-flash-down-text: #dc2626;
  --gc-flash-neutral-text: #2563eb;
  --gc-flash-duration: 700ms;

  /* Context Menu */
  --gc-cm-bg: #ffffff;
  --gc-cm-text: #0f172a;
  --gc-cm-text-muted: #64748b;
  --gc-cm-hover-bg: #f1f3f6;
  --gc-cm-disabled: #94a3b8;
  --gc-cm-border: #e2e8f0;
  --gc-cm-sep: #e2e8f0;
  --gc-cm-shadow: 0 10px 38px -10px rgba(15, 23, 42, 0.35), 0 0 0 1px rgba(15, 23, 42, 0.05);
  --gc-cm-radius: 10px;
  --gc-cm-item-radius: 6px;

  /* Kanban */
  --gc-kanban-board-bg: #ffffff;
  --gc-kanban-lane-bg: #f1f3f6;
  --gc-kanban-lane-header-bg: transparent;
  --gc-kanban-lane-width: 300px;
  --gc-kanban-lane-gap: 12px;
  --gc-kanban-card-bg: #ffffff;
  --gc-kanban-card-border: #e2e8f0;
  --gc-kanban-card-radius: 8px;
  --gc-kanban-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  --gc-kanban-card-gap: 8px;
  --gc-kanban-lane-drop-bg: rgba(37, 99, 235, 0.08);
  --gc-kanban-wip-over-color: #dc2626;
  --gc-kanban-wip-over-fg: #ffffff;

  /* Temporal */
  --gc-temporal-bar-bg: #f1f3f6;
  --gc-temporal-bar-past-bg: rgba(245, 158, 11, 0.10);
  --gc-temporal-past-accent: #f59e0b;
  --gc-temporal-live-text: #16a34a;
  --gc-temporal-track: #cbd5e1;
  --gc-temporal-thumb: #2563eb;
  --gc-temporal-tick: #2563eb;
  --gc-temporal-tick-live: #16a34a;
  --gc-temporal-diff-change-bg: rgba(37, 99, 235, 0.12);
  --gc-temporal-diff-add-bg: rgba(22, 163, 74, 0.12);
  --gc-temporal-diff-remove-bg: rgba(220, 38, 38, 0.12);
}