PR comment fix

packages/feedback/src/constants/index.ts

@@ -26,3 +26,5 @@ export const FEEDBACK_WIDGET_SOURCE = 'widget';
 export const FEEDBACK_API_SOURCE = 'api';
 
 export const SUCCESS_MESSAGE_TIMEOUT = 5000;
+
+export const CROP_COLOR = '#ffffff';

packages/feedback/src/constants/theme.ts

@@ -37,8 +37,6 @@ export const LIGHT_THEME = {
 
   formBorderRadius: '20px',
   formContentBorderRadius: '6px',
-
-  cropCornerBorder: '3px solid #ffffff',
 };
 
 export const DEFAULT_THEME = {

packages/feedback/src/core/createMainStyles.ts

@@ -33,8 +33,6 @@ function getThemedCssVariables(theme: FeedbackTheme): string {
 
   --form-border-radius: ${theme.formBorderRadius};
   --form-content-border-radius: ${theme.formContentBorderRadius};
-
-  --crop-corner-border: ${theme.cropCornerBorder};
   `;
 }
 

packages/feedback/src/screenshot/components/ScreenshotEditor.tsx

@@ -3,7 +3,7 @@ import type { ComponentType, VNode, h as hType } from 'preact';
 // biome-ignore lint: needed for preact
 import { h } from 'preact'; // eslint-disable-line @typescript-eslint/no-unused-vars
 import { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';
-import { DOCUMENT, WINDOW } from '../../constants';
+import { DOCUMENT, WINDOW, CROP_COLOR } from '../../constants';
 import type { Dialog } from '../../types';
 import { createScreenshotInputStyles } from './ScreenshotInput.css';
 import { useTakeScreenshot } from './useTakeScreenshot';
@@ -122,7 +122,7 @@ export function makeScreenshotEditorComponent({ h, imageBuffer, dialog }: Factor
       ctx.clearRect(croppingBox.x, croppingBox.y, croppingBox.width, croppingBox.height);
 
       // draw selection border
-      ctx.strokeStyle = '#FFFFFF';
+      ctx.strokeStyle = CROP_COLOR;
       ctx.lineWidth = 3;
       ctx.strokeRect(croppingBox.x + 1, croppingBox.y + 1, croppingBox.width - 2, croppingBox.height - 2);
       ctx.strokeStyle = '#000000';

packages/feedback/src/screenshot/components/ScreenshotInput.css.ts

@@ -1,4 +1,4 @@
-import { DOCUMENT } from '../../constants';
+import { DOCUMENT, CROP_COLOR } from '../../constants';
 
 /**
  * Creates <style> element for widget dialog
@@ -64,7 +64,7 @@ export function createScreenshotInputStyles(): HTMLStyleElement {
   height: 30px;
   position: absolute;
   background: none;
-  border: var(--crop-corner-border);
+  border: 3px solid ${CROP_COLOR};
 }
 
 .editor__crop-corner--top-left {

packages/feedback/src/types/theme.ts

@@ -115,8 +115,4 @@ export interface FeedbackTheme {
    * Border radius for form inputs
    */
   formContentBorderRadius: string;
-  /**
-   * Border styles for cropping corners
-   */
-  cropCornerBorder: string;
 }