react-native-feedback-hub
Version:
React Native feedback SDK with Slack, Jira, Discord and Microsoft Teams integration
88 lines • 2.82 kB
TypeScript
/**
* Color Tokens for React Native Feedback App
*/
export declare const colors: {
readonly gray: {
readonly 50: "#f9fafb";
readonly 100: "#f3f4f6";
readonly 200: "#e5e7eb";
readonly 300: "#d1d5db";
readonly 400: "#9ca3af";
readonly 500: "#6b7280";
readonly 600: "#4b5563";
readonly 700: "#374151";
readonly 800: "#1f2937";
readonly 900: "#111827";
};
readonly background: {
readonly primary: "#1f2937";
readonly secondary: "#374151";
readonly tertiary: "#111827";
readonly overlay: "rgba(0,0,0,0.4)";
readonly overlayLight: "rgba(0,0,0,0.6)";
};
readonly text: {
readonly primary: "#f9fafb";
readonly secondary: "#d1d5db";
readonly muted: "#9ca3af";
readonly inverse: "#374151";
readonly white: "#ffffff";
};
readonly border: {
readonly default: "#4b5563";
readonly light: "#d1d5db";
readonly focus: "#3b82f6";
};
readonly status: {
readonly error: {
readonly text: "#dc2626";
readonly textLight: "#b91c1c";
readonly background: "#fef2f2";
readonly border: "#fecaca";
};
readonly success: {
readonly text: "#059669";
readonly textLight: "#047857";
readonly background: "#f0fdf4";
readonly border: "#bbf7d0";
};
readonly warning: {
readonly text: "#d97706";
readonly background: "#fffbeb";
readonly border: "#fed7aa";
};
};
readonly interactive: {
readonly primary: "#2563eb";
readonly primaryHover: "#1d4ed8";
readonly primaryDisabled: "#6b7280";
readonly secondary: "#374151";
readonly secondaryHover: "#4b5563";
readonly recording: "#dc2626";
readonly recordingHover: "#b91c1c";
readonly floating: "#374151";
readonly floatingHover: "#4b5563";
};
readonly semantic: {
readonly bug: {
readonly text: "#dc2626";
readonly background: "#fef2f2";
readonly border: "#fecaca";
};
readonly suggestion: {
readonly text: "#059669";
readonly background: "#f0fdf4";
readonly border: "#bbf7d0";
};
};
readonly legacy: {
readonly red: "#dc2626";
};
};
export type ColorTokens = typeof colors;
export type BackgroundColors = keyof typeof colors.background;
export type TextColors = keyof typeof colors.text;
export type BorderColors = keyof typeof colors.border;
export type StatusColors = keyof typeof colors.status;
export type InteractiveColors = keyof typeof colors.interactive;
//# sourceMappingURL=colors.d.ts.map