| apps/storybook/src/App.css:15 |
color |
hex |
#646cffaa |
filter: drop-shadow(0 0 2em #646cffaa); |
| apps/storybook/src/App.css:18 |
color |
hex |
#61dafbaa |
filter: drop-shadow(0 0 2em #61dafbaa); |
| apps/storybook/src/App.css:41 |
color |
hex |
#888 |
color: #888; |
| apps/web/app/(app)/organizations/[organizationId]/settings/enterprise/page.tsx:93 |
color |
hex |
#759c1415 |
fill="url(#759c1415-0410-454c-8f7c-9a820de03641)" |
| apps/web/app/(app)/organizations/[organizationId]/settings/enterprise/page.tsx:98 |
color |
hex |
#00E6CA |
<stop stopColor="#00E6CA" /> |
| apps/web/app/(app)/organizations/[organizationId]/settings/enterprise/page.tsx:99 |
color |
hex |
#00C4B8 |
<stop offset={0} stopColor="#00C4B8" /> |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/CESSummary.tsx:29 |
color |
rgb |
rgb(250 204 21) |
…cale === "star") return <StarIcon fill="rgb(250 204 21)" className="size-4 text-… |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/CSATSummary.tsx:31 |
color |
rgb |
rgb(250 204 21) |
…cale === "star") return <StarIcon fill="rgb(250 204 21)" className="size-4 text-… |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/MatrixElementSummary.tsx:80 |
color |
rgb |
rgba(0,196,184,${getOpacityLevel(percentage) |
style={{ backgroundColor: `rgba(0,196,184,${getOpacityLevel(percentage)})` }} |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/RatingLikeSummary.tsx:95 |
color |
rgb |
rgb(226, 232, 240) |
borderRight: isLast ? "none" : "1px solid rgb(226, 232, 240)", |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/RatingLikeSummary.tsx:127 |
color |
rgb |
rgb(226, 232, 240) |
? "1px solid rgb(226, 232, 240)" |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/RatingSummary.tsx:29 |
color |
rgb |
rgb(250 204 21) |
…cale === "star") return <StarIcon fill="rgb(250 204 21)" className="size-4 text-… |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/SummaryDropOffs.tsx:21 |
spacing |
tailwind-arbitrary |
mt-[3px] |
return <Icon className="mt-[3px] size-5 shrink-0 text-slate-600" />; |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/shareEmbedModal/email-tab.tsx:60 |
color |
hex |
#ffffff |
background: #ffffff; |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/components/shareEmbedModal/success-view.tsx:42 |
spacing |
tailwind-arbitrary |
py-[100px] |
…x-col items-center justify-center gap-8 py-[100px] text-center"> |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/lib/get-qr-code-options.ts:22 |
color |
hex |
#000000 |
color: "#000000", |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/lib/get-qr-code-options.ts:26 |
color |
hex |
#ffffff |
color: "#ffffff", |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/lib/get-qr-code-options.ts:30 |
color |
hex |
#000000 |
color: "#000000", |
| apps/web/app/(app)/workspaces/[workspaceId]/surveys/[surveyId]/(analysis)/summary/lib/get-qr-code-options.ts:34 |
color |
hex |
#000000 |
color: "#000000", |
| apps/web/app/api/v1/client/[workspaceId]/environment/lib/data.ts:182 |
color |
hex |
#7931 |
// Backwards-compat response shape for SDKs from before PR #7931. Those |
| apps/web/app/api/v1/client/og/route.tsx:16 |
color |
hex |
#0000BFBF |
…olor: brandColor ? brandColor + "BF" : "#0000BFBF", // /75 opacity is approximat… |
| apps/web/app/api/v1/client/og/route.tsx:25 |
color |
named |
white |
backgroundColor: "white", |
| apps/web/app/api/v1/client/og/route.tsx:40 |
color |
named |
white |
backgroundColor: "white", |
| apps/web/app/api/v1/client/og/route.tsx:57 |
color |
named |
white |
backgroundColor: "white", |
| apps/web/app/api/v1/client/og/route.tsx:61 |
spacing |
rem |
2.3rem |
top: "2.3rem", |
| apps/web/app/api/v1/client/og/route.tsx:87 |
color |
hex |
#0f172a |
color: "#0f172a", |
| apps/web/app/api/v1/client/og/route.tsx:109 |
color |
hex |
#000 |
backgroundColor: brandColor ?? "#000", |
| apps/web/app/api/v1/client/og/route.tsx:119 |
color |
rgb |
rgb(0 0 0 / 0.1) |
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)", |
| apps/web/app/api/v1/client/og/route.tsx:119 |
color |
rgb |
rgb(0 0 0 / 0.1) |
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)", |
| apps/web/app/api/v1/client/og/route.tsx:128 |
color |
hex |
#000 |
backgroundColor: brandColor ?? "#000", |
| apps/web/app/api/v1/client/og/route.tsx:130 |
color |
named |
white |
color: "white", |
| apps/web/lib/brand-color.ts:1 |
color |
hex |
#1e40af |
export const DEFAULT_BRAND_COLOR = "#1e40af"; |
| apps/web/lib/constants.ts:127 |
color |
hex |
#FFFFFF |
"#FFFFFF", |
| apps/web/lib/constants.ts:128 |
color |
hex |
#FFF2D8 |
"#FFF2D8", |
| apps/web/lib/constants.ts:129 |
color |
hex |
#EAD7BB |
"#EAD7BB", |
| apps/web/lib/constants.ts:130 |
color |
hex |
#BCA37F |
"#BCA37F", |
| apps/web/lib/constants.ts:131 |
color |
hex |
#113946 |
"#113946", |
| apps/web/lib/constants.ts:132 |
color |
hex |
#04364A |
"#04364A", |
| apps/web/lib/constants.ts:133 |
color |
hex |
#176B87 |
"#176B87", |
| apps/web/lib/constants.ts:134 |
color |
hex |
#64CCC5 |
"#64CCC5", |
| apps/web/lib/constants.ts:135 |
color |
hex |
#DAFFFB |
"#DAFFFB", |
| apps/web/lib/constants.ts:136 |
color |
hex |
#132043 |
"#132043", |
| apps/web/lib/constants.ts:137 |
color |
hex |
#1F4172 |
"#1F4172", |
| apps/web/lib/constants.ts:138 |
color |
hex |
#F1B4BB |
"#F1B4BB", |
| apps/web/lib/constants.ts:139 |
color |
hex |
#FDF0F0 |
"#FDF0F0", |
| apps/web/lib/constants.ts:140 |
color |
hex |
#001524 |
"#001524", |
| apps/web/lib/constants.ts:141 |
color |
hex |
#445D48 |
"#445D48", |
| apps/web/lib/constants.ts:142 |
color |
hex |
#D6CC99 |
"#D6CC99", |
| apps/web/lib/constants.ts:143 |
color |
hex |
#FDE5D4 |
"#FDE5D4", |
| apps/web/lib/constants.ts:144 |
color |
hex |
#BEADFA |
"#BEADFA", |
| apps/web/lib/constants.ts:145 |
color |
hex |
#D0BFFF |
"#D0BFFF", |
| apps/web/lib/constants.ts:146 |
color |
hex |
#DFCCFB |
"#DFCCFB", |
| apps/web/lib/constants.ts:147 |
color |
hex |
#FFF8C9 |
"#FFF8C9", |
| apps/web/lib/constants.ts:148 |
color |
hex |
#FF8080 |
"#FF8080", |
| apps/web/lib/constants.ts:149 |
color |
hex |
#FFCF96 |
"#FFCF96", |
| apps/web/lib/constants.ts:150 |
color |
hex |
#F6FDC3 |
"#F6FDC3", |
| apps/web/lib/constants.ts:151 |
color |
hex |
#CDFAD5 |
"#CDFAD5", |
| apps/web/lib/styling/constants.ts:7 |
color |
hex |
#1e40af |
brandColor: "#1e40af", |
| apps/web/lib/styling/constants.ts:8 |
color |
hex |
#142a72 |
elementHeadlineColor: "#142a72", |
| apps/web/lib/styling/constants.ts:9 |
color |
hex |
#edf0f9 |
inputBgColor: "#edf0f9", |
| apps/web/lib/styling/constants.ts:10 |
color |
hex |
#a5b3df |
inputBorderColor: "#a5b3df", |
| apps/web/lib/styling/constants.ts:11 |
color |
hex |
#f8f9fd |
cardBackgroundColor: "#f8f9fd", |
| apps/web/lib/styling/constants.ts:12 |
color |
hex |
#d2d9ef |
cardBorderColor: "#d2d9ef", |
| apps/web/lib/styling/constants.ts:13 |
color |
hex |
#1e40af |
highlightBorderColor: "#1e40af", |
| apps/web/lib/styling/constants.ts:28 |
color |
hex |
#ffffff |
const inputBg = mixColor(brandColor, "#ffffff", 0.92); |
| apps/web/lib/styling/constants.ts:30 |
color |
hex |
#ffffff |
const inputBorder = mixColor(brandColor, "#ffffff", 0.6); |
| apps/web/lib/styling/constants.ts:32 |
color |
hex |
#ffffff |
const cardBg = "#ffffff"; |
| apps/web/lib/styling/constants.ts:33 |
color |
hex |
#ffffff |
const cardBorder = mixColor(brandColor, "#ffffff", 0.8); |
| apps/web/lib/styling/constants.ts:35 |
color |
hex |
#ffffff |
const pageBg = mixColor(brandColor, "#ffffff", 0.855); |
| apps/web/lib/styling/constants.ts:40 |
color |
hex |
#000000 |
const optionSelectedBg = mixColor(inputBg, "#000000", 0.05); |
| apps/web/lib/styling/constants.ts:45 |
color |
hex |
#000000 |
… = ensureReadable(mixColor(brandColor, "#000000", 0.35), optionSelectedBg); |
| apps/web/lib/styling/constants.ts:77 |
color |
hex |
#ffffff |
"highlightBorderColor.light": mixColor(brandColor, "#ffffff", 0.25), |
| apps/web/lib/styling/constants.ts:81 |
color |
hex |
#ffffff |
"progressTrackBgColor.light": mixColor(brandColor, "#ffffff", 0.8), |
| apps/web/lib/styling/constants.ts:94 |
color |
hex |
#1e40af |
* Color values are derived from the default brand color (#1e40af) via |
| apps/web/lib/styling/constants.ts:134 |
color |
rgb |
rgb(0 0 0 / 0.05) |
inputShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)", |
| apps/web/lib/styling/footer-link-color.ts:7 |
color |
hex |
#334155 |
const SUBTLE_DARK = "#334155"; // slate-700 |
| apps/web/lib/styling/footer-link-color.ts:8 |
color |
hex |
#f1f5f9 |
const SUBTLE_LIGHT = "#f1f5f9"; // slate-100 |
| apps/web/lib/styling/footer-link-color.ts:10 |
color |
hex |
#0f172a |
const STRONG_DARK = "#0f172a"; // slate-900 |
| apps/web/lib/styling/footer-link-color.ts:11 |
color |
hex |
#ffffff |
const STRONG_LIGHT = "#ffffff"; |
| apps/web/lib/styling/footer-link-color.ts:15 |
color |
rgb |
rgba(255, 255, 255, 0.9) |
export const FOOTER_MEDIA_BACKDROP = "rgba(255, 255, 255, 0.9)"; |
| apps/web/lib/styling/footer-link-color.ts:17 |
color |
hex |
#ffffff |
const FOOTER_MEDIA_SURFACE = "#ffffff"; |
| apps/web/lib/styling/footer-link-color.ts:35 |
color |
hex |
#000000 |
return mixColor(hex, brightness < 100 ? "#000000" : "#ffffff", amount); |
| apps/web/lib/styling/footer-link-color.ts:35 |
color |
hex |
#ffffff |
return mixColor(hex, brightness < 100 ? "#000000" : "#ffffff", amount); |
| apps/web/modules/analysis/components/SingleResponseCard/components/ElementSkip.tsx:46 |
color |
rgb |
rgb(148, 163, 184) |
"repeating-linear-gradient(rgb(148, 163, 184), rgb(148, 163, 184) 5… |
| apps/web/modules/analysis/components/SingleResponseCard/components/ElementSkip.tsx:46 |
color |
rgb |
rgb(148, 163, 184) |
…ing-linear-gradient(rgb(148, 163, 184), rgb(148, 163, 184) 5px, transparent 5px,… |
| apps/web/modules/analysis/components/SingleResponseCard/components/ElementSkip.tsx:60 |
color |
rgb |
rgb(148 163 184) |
"repeating-linear-gradient(to bottom, rgb(148 163 184), rgb(148 163 184) 8px,… |
| apps/web/modules/analysis/components/SingleResponseCard/components/ElementSkip.tsx:60 |
color |
rgb |
rgb(148 163 184) |
…radient(to bottom, rgb(148 163 184), rgb(148 163 184) 8px, transparent 5px, t… |
| apps/web/modules/analysis/components/SingleResponseCard/components/ElementSkip.tsx:108 |
color |
rgb |
rgb(148 163 184) |
"repeating-linear-gradient(to bottom, rgb(148 163 184), rgb(148 163 184) 2px,… |
| apps/web/modules/analysis/components/SingleResponseCard/components/ElementSkip.tsx:108 |
color |
rgb |
rgb(148 163 184) |
…gradient(to bottom, rgb(148 163 184), rgb(148 163 184) 2px, transparent 2px, t… |
| apps/web/modules/auth/lib/mcp-oauth-provider-options.ts:50 |
color |
hex |
#8447 |
// masking a real problem. See PR #8447. |
| apps/web/modules/auth/login/page.tsx:56 |
color |
tailwind-arbitrary |
bg-[#D9F6F4] |
…reen w-full items-center justify-center bg-[#D9F6F4]"> |
| apps/web/modules/auth/signup/page.tsx:61 |
color |
tailwind-arbitrary |
bg-[#D9F6F4] |
…reen w-full items-center justify-center bg-[#D9F6F4]"> |
| apps/web/modules/ee/analysis/charts/components/chart-renderer.tsx:266 |
color |
hex |
#fff |
activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: "#fff" }} |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:6 |
color |
hex |
#00C4B8 |
export const CHART_BRAND_DARK = "#00C4B8"; |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:7 |
color |
hex |
#00E6CA |
export const CHART_BRAND_LIGHT = "#00E6CA"; |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:13 |
color |
hex |
#00C4B8 |
…. The previous 6-hue set repeated teal (#00C4B8 vs #14b8a6) and blue/violet, |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:13 |
color |
hex |
#14b8a6 |
…ous 6-hue set repeated teal (#00C4B8 vs #14b8a6) and blue/violet, |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:18 |
color |
hex |
#2a78d6 |
"#2a78d6", // blue |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:19 |
color |
hex |
#eda100 |
"#eda100", // yellow |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:20 |
color |
hex |
#e34948 |
"#e34948", // red |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:21 |
color |
hex |
#4a3aa7 |
"#4a3aa7", // violet |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:22 |
color |
hex |
#eb6834 |
"#eb6834", // orange |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:23 |
color |
hex |
#e87ba4 |
"#e87ba4", // magenta |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:24 |
color |
hex |
#008300 |
"#008300", // green |
| apps/web/modules/ee/analysis/charts/lib/chart-utils.ts:29 |
color |
hex |
#94a3b8 |
export const CHART_NOT_ENRICHED_COLOR = "#94a3b8"; // slate-400 |
| apps/web/modules/ee/billing/components/plan-comparison.tsx:41 |
color |
tailwind-arbitrary |
bg-[#D1EFED] |
const HIGHLIGHT = "bg-[#D1EFED]/60"; |
| apps/web/modules/email/components/preview-email-template.tsx:126 |
spacing |
px |
9px |
marginTop: "9px", |
| apps/web/modules/email/fixtures/embed-survey-preview-email-fixture.ts:51 |
color |
hex |
#22c55e |
brandColor: { light: "#22c55e" }, |
| apps/web/modules/email/fixtures/embed-survey-preview-email-fixture.ts:52 |
color |
hex |
#4a865f |
cardBackgroundColor: { light: "#4a865f" }, |
| apps/web/modules/email/fixtures/embed-survey-preview-email-fixture.ts:53 |
color |
hex |
#4a865f |
cardBorderColor: { light: "#4a865f" }, |
| apps/web/modules/email/fixtures/embed-survey-preview-email-fixture.ts:54 |
color |
hex |
#ffffff |
inputBgColor: { light: "#ffffff" }, |
| apps/web/modules/email/fixtures/embed-survey-preview-email-fixture.ts:55 |
color |
hex |
#d6e4dc |
inputBorderColor: { light: "#d6e4dc" }, |
| apps/web/modules/email/fixtures/embed-survey-preview-email-fixture.ts:56 |
color |
hex |
#1f2937 |
elementHeadlineColor: { light: "#1f2937" }, |
| apps/web/modules/email/lib/preview-email-template-styles.ts:67 |
color |
hex |
#d1fae5 |
"bg-emerald-100": "#d1fae5", |
| apps/web/modules/email/lib/preview-email-template-styles.ts:68 |
color |
hex |
#ffedd5 |
"bg-orange-100": "#ffedd5", |
| apps/web/modules/email/lib/preview-email-template-styles.ts:69 |
color |
hex |
#ffe4e6 |
"bg-rose-100": "#ffe4e6", |
| apps/web/modules/email/lib/preview-email-template-styles.ts:70 |
color |
hex |
#d1fae5 |
"emerald-100": "#d1fae5", |
| apps/web/modules/email/lib/preview-email-template-styles.ts:71 |
color |
hex |
#ffedd5 |
"orange-100": "#ffedd5", |
| apps/web/modules/email/lib/preview-email-template-styles.ts:72 |
color |
hex |
#ffe4e6 |
"rose-100": "#ffe4e6", |
| apps/web/modules/email/lib/preview-email-template-styles.ts:171 |
color |
hex |
#ffffff |
const inputPlaceholderColor = mixColor(inputTextColor, "#ffffff", 0.3); |
| apps/web/modules/email/lib/preview-email-template-styles.ts:184 |
color |
hex |
#000000 |
? mixColor(questionColor, "#000000", 0.2) |
| apps/web/modules/email/lib/preview-email-template-styles.ts:185 |
color |
hex |
#ffffff |
: mixColor(questionColor, "#ffffff", 0.2); |
| apps/web/modules/email/lib/preview-email-template-styles.ts:188 |
color |
hex |
#ffffff |
…BgColor?.light ?? mixColor(brandColor, "#ffffff", 0.8), |
| apps/web/modules/email/lib/preview-email-template-styles.ts:200 |
color |
hex |
#0f172a |
…t ?? (isLight(buttonBackgroundColor) ? "#0f172a" : "#ffffff"), |
| apps/web/modules/email/lib/preview-email-template-styles.ts:200 |
color |
hex |
#ffffff |
…t(buttonBackgroundColor) ? "#0f172a" : "#ffffff"), |
| apps/web/modules/email/lib/preview-email-template-styles.ts:488 |
color |
hex |
#ffffff |
: getForcedBackgroundStyle("#ffffff")), |
| apps/web/modules/survey/editor/components/color-survey-bg.tsx:11 |
color |
hex |
#FFFFFF |
const [color, setColor] = useState(background || "#FFFFFF"); |
| apps/web/modules/survey/editor/components/logo-settings-card.tsx:103 |
color |
hex |
#f8f8f8 |
setLogoBgColor(enabled ? logoBgColor || "#f8f8f8" : undefined); |
| apps/web/modules/survey/editor/components/logo-settings-card.tsx:234 |
color |
hex |
#f8f8f8 |
color={logoBgColor || "#f8f8f8"} |
| apps/web/modules/ui/components/avatars/index.tsx:3 |
color |
hex |
#00C4B8 |
const colors = ["#00C4B8", "#ccfbf1", "#334155"]; |
| apps/web/modules/ui/components/avatars/index.tsx:3 |
color |
hex |
#ccfbf1 |
const colors = ["#00C4B8", "#ccfbf1", "#334155"]; |
| apps/web/modules/ui/components/avatars/index.tsx:3 |
color |
hex |
#334155 |
const colors = ["#00C4B8", "#ccfbf1", "#334155"]; |
| apps/web/modules/ui/components/card-styling-settings/index.tsx:105 |
color |
hex |
#ffffff |
color={field.value || STYLE_DEFAULTS.cardBackgroundColor?.light || "#ffffff"} |
| apps/web/modules/ui/components/card-styling-settings/index.tsx:124 |
color |
hex |
#f8fafc |
color={field.value || STYLE_DEFAULTS.cardBorderColor?.light || "#f8fafc"} |
| apps/web/modules/ui/components/chart/index.tsx:51 |
color |
hex |
#ccc |
…&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-cu… |
| apps/web/modules/ui/components/chart/index.tsx:51 |
color |
hex |
#ccc |
…border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radia… |
| apps/web/modules/ui/components/chart/index.tsx:51 |
color |
hex |
#ccc |
…ed [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video … |
| apps/web/modules/ui/components/chart/index.tsx:51 |
color |
hex |
#fff |
…center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-… |
| apps/web/modules/ui/components/chart/index.tsx:51 |
color |
hex |
#fff |
…line-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-… |
| apps/web/modules/ui/components/code-block/style.css:3 |
color |
hex |
#e2e8f0 |
scrollbar-color: #e2e8f0 #ffffff; |
| apps/web/modules/ui/components/code-block/style.css:3 |
color |
hex |
#ffffff |
scrollbar-color: #e2e8f0 #ffffff; |
| apps/web/modules/ui/components/code-block/style.css:12 |
color |
hex |
#e2e8f0 |
background: #e2e8f0; |
| apps/web/modules/ui/components/code-block/style.css:17 |
color |
hex |
#cbd5e1 |
background-color: #cbd5e1; |
| apps/web/modules/ui/components/code-block/style.css:18 |
color |
hex |
#cbd5e1 |
border: 2px solid #cbd5e1; |
| apps/web/modules/ui/components/color-picker/stories.tsx:41 |
color |
hex |
#f24768 |
color: "#f24768", |
| apps/web/modules/ui/components/confetti/index.tsx:11 |
color |
hex |
#00C4B8 |
colors = ["#00C4B8", "#eee"], |
| apps/web/modules/ui/components/confetti/index.tsx:11 |
color |
hex |
#eee |
colors = ["#00C4B8", "#eee"], |
| apps/web/modules/ui/components/editor/components/add-variables-dropdown.tsx:18 |
spacing |
tailwind-arbitrary |
pt-[6px] |
<DropdownMenuTrigger className="focus:bg-muted pt-[6px]"> |
| apps/web/modules/ui/components/editor/components/add-variables-dropdown.tsx:24 |
spacing |
tailwind-arbitrary |
mt-[2px] |
<ChevronDownIcon className="ml-1 mt-[2px] size-4" /> |
| apps/web/modules/ui/components/editor/components/add-variables-dropdown.tsx:31 |
spacing |
tailwind-arbitrary |
mt-[2px] |
<ChevronDownIcon className="ml-1 mt-[2px] size-4" /> |
| apps/web/modules/ui/components/editor/styles-editor-frontend.css:18 |
color |
hex |
#dd4a68 |
color: #dd4a68 !important; |
| apps/web/modules/ui/components/editor/styles-editor.css:7 |
spacing |
em |
1.28571429em |
padding-left: 1.28571429em; |
| apps/web/modules/ui/components/editor/styles-editor.css:24 |
color |
hex |
#cbd5e1 |
border-color: #cbd5e1; |
| apps/web/modules/ui/components/editor/styles-editor.css:51 |
spacing |
px |
5px |
padding: 5px 10px 10px 10px; |
| apps/web/modules/ui/components/editor/styles-editor.css:61 |
color |
hex |
#999 |
background: #999; |
| apps/web/modules/ui/components/editor/styles-editor.css:121 |
color |
hex |
#777 |
color: #777; |
| apps/web/modules/ui/components/editor/styles-editor.css:143 |
color |
hex |
#efefef |
background-color: #efefef; |
| apps/web/modules/ui/components/editor/styles-editor.css:147 |
color |
named |
blue |
border-color: blue; |
| apps/web/modules/ui/components/editor/styles-editor.css:155 |
color |
rgb |
rgba(0, 0, 0, 0.2) |
0 12px 28px 0 rgba(0, 0, 0, 0.2), |
| apps/web/modules/ui/components/editor/styles-editor.css:156 |
color |
rgb |
rgba(0, 0, 0, 0.1) |
0 2px 4px 0 rgba(0, 0, 0, 0.1), |
| apps/web/modules/ui/components/editor/styles-editor.css:157 |
color |
rgb |
rgba(255, 255, 255, 0.5) |
inset 0 0 0 1px rgba(255, 255, 255, 0.5); |
| apps/web/modules/ui/components/editor/styles-editor.css:161 |
color |
hex |
#fff |
background-color: #fff; |
| apps/web/modules/ui/components/editor/styles-editor.css:167 |
color |
hex |
#050505 |
color: #050505; |
| apps/web/modules/ui/components/editor/styles-editor.css:176 |
color |
hex |
#fff |
background-color: #fff; |
| apps/web/modules/ui/components/editor/styles-editor.css:198 |
color |
hex |
#eee |
background-color: #eee; |
| apps/web/modules/ui/components/editor/styles-editor.css:228 |
color |
hex |
#fff |
background-color: #fff; |
| apps/web/modules/ui/components/editor/styles-editor.css:229 |
color |
rgb |
rgba(0, 0, 0, 0.3) |
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); |
| apps/web/modules/ui/components/editor/styles-editor.css:241 |
color |
hex |
#eee |
background-color: #eee; |
| apps/web/modules/ui/components/editor/styles-editor.css:243 |
color |
rgb |
rgb(5, 5, 5) |
color: rgb(5, 5, 5); |
| apps/web/modules/ui/components/editor/styles-editor.css:265 |
color |
rgb |
rgb(33, 111, 219) |
color: rgb(33, 111, 219); |
| apps/web/modules/ui/components/editor/styles-editor.css:270 |
spacing |
px |
30px |
margin-right: 30px; |
| apps/web/modules/ui/components/editor/styles-editor.css:292 |
color |
hex |
#eee |
background-color: #eee; |
| apps/web/modules/ui/components/editor/styles-editor.css:346 |
color |
hex |
#000000 |
color: #000000; |
| apps/web/modules/ui/components/editor/styles-editor.css:350 |
color |
hex |
#777 |
color: #777; |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:82 |
color |
hex |
#00C4B8 |
<circle cx="21.4498" cy="179.212" r="53.13" fill="#00C4B8" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:85 |
color |
hex |
#00C4B8 |
<circle cx="21.4498" cy="44.6163" r="53.13" fill="#00C4B8" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:142 |
color |
hex |
#00C4B8 |
<stop offset="1" stopColor="#00C4B8" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:151 |
color |
hex |
#00DDD0 |
<stop stopColor="#00DDD0" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:152 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:161 |
color |
hex |
#00DDD0 |
<stop stopColor="#00DDD0" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:162 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:171 |
color |
hex |
#00FFE1 |
<stop stopColor="#00FFE1" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:172 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:181 |
color |
hex |
#00FFE1 |
<stop stopColor="#00FFE1" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:182 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:191 |
color |
hex |
#00FFE1 |
<stop stopColor="#00FFE1" /> |
| apps/web/modules/ui/components/formbricks-logo/index.tsx:192 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/highlighted-text/index.tsx:19 |
color |
tailwind-arbitrary |
bg-[#FFFF00] |
<mark key={`${part}-${index}`} className="bg-[#FFFF00]"> |
| apps/web/modules/ui/components/icons/casual-card-arrangement-icon.tsx:4 |
color |
hex |
#1E293B |
<g fill="#1E293B" clipPath="url(#clip0_604_1310)"> |
| apps/web/modules/ui/components/icons/casual-card-arrangement-icon.tsx:25 |
color |
hex |
#fff |
<path fill="#fff" d="M0 0H17V17H0z"></path> |
| apps/web/modules/ui/components/icons/facebook-icon.tsx:6 |
color |
hex |
#0F172A |
stroke="#0F172A" |
| apps/web/modules/ui/components/icons/linkedin-icon.tsx:6 |
color |
hex |
#0F172A |
stroke="#0F172A" |
| apps/web/modules/ui/components/icons/linkedin-icon.tsx:13 |
color |
hex |
#0F172A |
stroke="#0F172A" |
| apps/web/modules/ui/components/icons/linkedin-icon.tsx:20 |
color |
hex |
#0F172A |
stroke="#0F172A" |
| apps/web/modules/ui/components/icons/reddit-icon.tsx:7 |
color |
hex |
#0F172A |
fill="#0F172A" |
| apps/web/modules/ui/components/icons/reddit-icon.tsx:11 |
color |
hex |
#0F172A |
fill="#0F172A" |
| apps/web/modules/ui/components/icons/reddit-icon.tsx:15 |
color |
hex |
#0F172A |
fill="#0F172A" |
| apps/web/modules/ui/components/icons/reddit-icon.tsx:21 |
color |
hex |
#0F172A |
fill="#0F172A" |
| apps/web/modules/ui/components/icons/simple-card-arrangement-icon.tsx:4 |
color |
hex |
#1E293B |
<rect width="14" height="11" y="1" fill="#1E293B" rx="1.031"></rect> |
| apps/web/modules/ui/components/icons/straight-card-arrangement-icon.tsx:4 |
color |
hex |
#1E293B |
…width="10" height="9" x="2" y="1" fill="#1E293B" fillOpacity="0.25" rx="1.031"><… |
| apps/web/modules/ui/components/icons/straight-card-arrangement-icon.tsx:5 |
color |
hex |
#1E293B |
…width="12" height="9" x="1" y="3" fill="#1E293B" fillOpacity="0.6" rx="1.031"></… |
| apps/web/modules/ui/components/icons/straight-card-arrangement-icon.tsx:6 |
color |
hex |
#1E293B |
<rect width="14" height="11" y="5" fill="#1E293B" rx="1.031"></rect> |
| apps/web/modules/ui/components/icons/threads-icon.tsx:6 |
color |
hex |
#0F172A |
fill="#0F172A" |
| apps/web/modules/ui/components/logo/index.tsx:6 |
color |
hex |
#0F172A |
fill="#0F172A" |
| apps/web/modules/ui/components/logo/index.tsx:76 |
color |
hex |
#00C4B8 |
<circle cx="13.0756" cy="107.906" r="23.7736" fill="#00C4B8" /> |
| apps/web/modules/ui/components/logo/index.tsx:79 |
color |
hex |
#00C4B8 |
<circle cx="13.0756" cy="47.6793" r="23.7736" fill="#00C4B8" /> |
| apps/web/modules/ui/components/logo/index.tsx:82 |
color |
hex |
#CBD5E1 |
…5" y1="33" x2="123.75" y2="120" stroke="#CBD5E1" strokeWidth="1.5" /> |
| apps/web/modules/ui/components/logo/index.tsx:137 |
color |
hex |
#00E6CA |
<stop stopColor="#00E6CA" /> |
| apps/web/modules/ui/components/logo/index.tsx:138 |
color |
hex |
#00C4B8 |
<stop offset="1" stopColor="#00C4B8" /> |
| apps/web/modules/ui/components/logo/index.tsx:147 |
color |
hex |
#00E6CA |
<stop stopColor="#00E6CA" /> |
| apps/web/modules/ui/components/logo/index.tsx:148 |
color |
hex |
#00C4B8 |
<stop offset="1" stopColor="#00C4B8" /> |
| apps/web/modules/ui/components/logo/index.tsx:157 |
color |
hex |
#00E6CA |
<stop stopColor="#00E6CA" /> |
| apps/web/modules/ui/components/logo/index.tsx:158 |
color |
hex |
#00C4B8 |
<stop offset="1" stopColor="#00C4B8" /> |
| apps/web/modules/ui/components/logo/index.tsx:167 |
color |
hex |
#00FFE1 |
<stop stopColor="#00FFE1" /> |
| apps/web/modules/ui/components/logo/index.tsx:168 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/logo/index.tsx:177 |
color |
hex |
#00FFE1 |
<stop stopColor="#00FFE1" /> |
| apps/web/modules/ui/components/logo/index.tsx:178 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/logo/index.tsx:187 |
color |
hex |
#00FFE1 |
<stop stopColor="#00FFE1" /> |
| apps/web/modules/ui/components/logo/index.tsx:188 |
color |
hex |
#01E0C6 |
<stop offset="1" stopColor="#01E0C6" /> |
| apps/web/modules/ui/components/media-background/index.tsx:88 |
color |
hex |
#ffffff |
…={{ backgroundColor: background?.bg || "#ffffff", filter: `${filterStyle}` }} |
| apps/web/modules/ui/components/rating-response/index.tsx:32 |
color |
rgb |
rgb(250 204 21) |
<StarIcon fill="rgb(250 204 21)" className="size-6 text-yellow-400" /> |
| apps/web/modules/ui/components/rating-response/index.tsx:45 |
color |
rgb |
rgb(250 204 21) |
<StarIcon fill="rgb(250 204 21)" className="size-5 text-yellow-400" /> |
| apps/web/modules/ui/components/rating-response/index.tsx:53 |
color |
rgb |
rgb(250 204 21) |
fill={i < answer ? "rgb(250 204 21)" : "none"} |
| apps/web/modules/ui/components/theme-styling-preview-survey/index.tsx:31 |
color |
rgb |
rgba(0, 0, 0, 0.4) |
backgroundColor: "rgba(0, 0, 0, 0.4)", |
| apps/web/modules/ui/components/theme-styling-preview-survey/index.tsx:44 |
color |
rgb |
rgba(0, 0, 0, 0.0) |
backgroundColor: "rgba(0, 0, 0, 0.0)", |
| apps/web/modules/ui/components/theme-styling-preview-survey/index.tsx:77 |
color |
rgb |
rgba(169, 169, 169, 0.25) |
boxShadow: "0px 4px 5px 4px rgba(169, 169, 169, 0.25)", |
| apps/web/modules/ui/components/typography/index.tsx:174 |
spacing |
tailwind-arbitrary |
px-[0.3rem] |
"bg-muted relative rounded-sm px-[0.3rem] py-[0.2rem] font-mono text-s… |
| apps/web/modules/ui/components/typography/index.tsx:174 |
spacing |
tailwind-arbitrary |
py-[0.2rem] |
…g-muted relative rounded-sm px-[0.3rem] py-[0.2rem] font-mono text-sm font-semib… |
| apps/web/modules/ui/globals.css:211 |
color |
named |
gray |
border-color: var(--color-gray-200, currentcolor); |
| apps/web/modules/ui/globals.css:301 |
color |
hex |
#e2e8f0 |
background: #e2e8f0; |
| apps/web/modules/ui/globals.css:306 |
color |
hex |
#cbd5e1 |
background-color: #cbd5e1; |
| apps/web/modules/ui/globals.css:307 |
color |
hex |
#cbd5e1 |
border: 1px solid #cbd5e1; |
| apps/web/modules/ui/globals.css:345 |
color |
hex |
#0f172a |
background-color: #0f172a; |
| apps/web/modules/ui/globals.css:346 |
color |
named |
white |
color: white; |
| apps/web/modules/ui/globals.css:349 |
color |
hex |
#0f172a |
background-color: #0f172a; |
| apps/web/modules/ui/globals.css:350 |
color |
named |
white |
color: white; |
| apps/web/modules/ui/globals.css:358 |
color |
hex |
#0f172a |
background: #0f172a; |
| apps/web/modules/workspaces/settings/look/components/edit-logo.tsx:133 |
color |
hex |
#f8f8f8 |
setLogoBgColor("#f8f8f8"); |
| apps/web/modules/workspaces/settings/look/components/edit-logo.tsx:211 |
color |
hex |
#f8f8f8 |
color={logoBgColor || "#f8f8f8"} |
| apps/web/playwright/utils/accessibility.ts:215 |
color |
hex |
#8390 |
…post language-code canonicalization, PR #8390): stored |
| apps/web/playwright/utils/helper.ts:41 |
color |
hex |
#0f172a |
…"64"><rect width="64" height="64" fill="#0f172a"/><circle cx="32" cy="32" r="18"… |
| apps/web/playwright/utils/helper.ts:41 |
color |
hex |
#22c55e |
…"/><circle cx="32" cy="32" r="18" fill="#22c55e"/></svg>`, |
| packages/database/src/seed/constants.ts:15 |
color |
hex |
#123 |
ADMIN: { email: "admin@formbricks.com", password: "Password#123" }, |
| packages/database/src/seed/constants.ts:16 |
color |
hex |
#123 |
MANAGER: { email: "manager@formbricks.com", password: "Password#123" }, |
| packages/database/src/seed/constants.ts:17 |
color |
hex |
#123 |
MEMBER: { email: "member@formbricks.com", password: "Password#123" }, |
| packages/email/src/components/email-template.tsx:46 |
color |
hex |
#f8fafc |
? { backgroundColor: "#f8fafc", color: "#1e293b", colorScheme:… |
| packages/email/src/components/email-template.tsx:46 |
color |
hex |
#1e293b |
? { backgroundColor: "#f8fafc", color: "#1e293b", colorScheme: FORCE_LIGHT_COLOR… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:9 |
color |
hex |
#4a865f |
bgcolor="#4a865f" |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:10 |
color |
hex |
#4a865f |
style="background-color:#4a865f !important;border-color:rgb(74,1… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:10 |
color |
rgb |
rgb(74,134,95) |
…d-color:#4a865f !important;border-color:rgb(74,134,95);border-radius:8px;margin-… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:10 |
color |
hex |
#1f2937 |
…lid;border-width:1px;padding:2rem;color:#1f2937 !important;background:#4a865f !i… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:10 |
color |
hex |
#4a865f |
…rem;color:#1f2937 !important;background:#4a865f !important;color-scheme:only lig… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:10 |
color |
hex |
#4a865f |
…olor-scheme:only light;border:1px solid #4a865f !important;font-family:Inter, He… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:21 |
color |
hex |
#1f2937 |
style="max-width:37.5em;color:#1f2937 !important;margin:0rem;display:b… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:52 |
color |
hex |
#1f2937 |
style="color:#1f2937 !important;text-decoration-line:… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:52 |
color |
hex |
#ffffff |
…t-decoration-line:none;background-color:#ffffff !important;border-color:rgb(214,… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:52 |
color |
rgb |
rgb(214,228,220) |
…d-color:#ffffff !important;border-color:rgb(214,228,220);display:block;border-ra… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:52 |
color |
hex |
#ffffff |
…ight:400;line-height:1.25rem;background:#ffffff !important;color-scheme:only lig… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:52 |
color |
hex |
#d6e4dc |
…olor-scheme:only light;border:1px solid #d6e4dc !important;text-decoration:none" |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:55 |
color |
hex |
#ffffff |
…t:1rem;border-radius:0.25rem;background:#ffffff !important;background-color:#fff… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:55 |
color |
hex |
#ffffff |
…und:#ffffff !important;background-color:#ffffff !important;color-scheme:only lig… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:55 |
color |
hex |
#d6e4dc |
…olor-scheme:only light;border:1px solid #d6e4dc !important" |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:76 |
color |
hex |
#1f2937 |
style="color:#1f2937 !important;text-decoration-line:… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:76 |
color |
hex |
#ffffff |
…t-decoration-line:none;background-color:#ffffff !important;border-color:rgb(214,… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:76 |
color |
rgb |
rgb(214,228,220) |
…d-color:#ffffff !important;border-color:rgb(214,228,220);display:block;border-ra… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:76 |
color |
hex |
#ffffff |
…ight:400;line-height:1.25rem;background:#ffffff !important;color-scheme:only lig… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:76 |
color |
hex |
#d6e4dc |
…olor-scheme:only light;border:1px solid #d6e4dc !important;text-decoration:none" |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:79 |
color |
hex |
#ffffff |
…t:1rem;border-radius:0.25rem;background:#ffffff !important;background-color:#fff… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:79 |
color |
hex |
#ffffff |
…und:#ffffff !important;background-color:#ffffff !important;color-scheme:only lig… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:79 |
color |
hex |
#d6e4dc |
…olor-scheme:only light;border:1px solid #d6e4dc !important" |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:100 |
color |
hex |
#1f2937 |
style="color:#1f2937 !important;text-decoration-line:… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:100 |
color |
hex |
#ffffff |
…t-decoration-line:none;background-color:#ffffff !important;border-color:rgb(214,… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:100 |
color |
rgb |
rgb(214,228,220) |
…d-color:#ffffff !important;border-color:rgb(214,228,220);display:block;border-ra… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:100 |
color |
hex |
#ffffff |
…ight:400;line-height:1.25rem;background:#ffffff !important;color-scheme:only lig… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:100 |
color |
hex |
#d6e4dc |
…olor-scheme:only light;border:1px solid #d6e4dc !important;text-decoration:none" |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:103 |
color |
hex |
#ffffff |
…t:1rem;border-radius:0.25rem;background:#ffffff !important;background-color:#fff… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:103 |
color |
hex |
#ffffff |
…und:#ffffff !important;background-color:#ffffff !important;color-scheme:only lig… |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:103 |
color |
hex |
#d6e4dc |
…olor-scheme:only light;border:1px solid #d6e4dc !important" |
| packages/email/src/lib/fixtures/embed-survey-preview-email-html.ts:130 |
color |
hex |
#4c545f |
style="color:#4c545f !important;text-decoration-line:… |
| packages/jobs/src/processors/response-pipeline.ts:6 |
color |
hex |
#1548 |
// TODO(#1548): Keep this fallback until every r… |
| packages/js-core/src/lib/common/tests/__mocks__/config.mock.ts:71 |
color |
hex |
#2B6CB0 |
brandColor: { light: "#2B6CB0" }, |
| packages/js-core/src/lib/common/tests/__mocks__/config.mock.ts:93 |
color |
hex |
#319795 |
brandColor: { light: "#319795" }, |
| packages/js-core/src/lib/survey/tests/__mocks__/widget.mock.ts:77 |
color |
hex |
#2B6CB0 |
brandColor: { light: "#2B6CB0" }, |
| packages/survey-ui/src/components/elements/nps.tsx:114 |
spacing |
tailwind-arbitrary |
ml-[1px] |
? "bg-brand-20 border-brand z-10 -ml-[1px] border-2 first:ml-0" |
| packages/survey-ui/src/components/elements/nps.tsx:177 |
spacing |
tailwind-arbitrary |
px-[2px] |
<fieldset className="w-full px-[2px]" dir={dir}> |
| packages/survey-ui/src/components/elements/picture-select.tsx:128 |
spacing |
tailwind-arbitrary |
inset-[2px] |
"rounded-option absolute inset-[2px] overflow-hidden", |
| packages/survey-ui/src/components/elements/picture-select.tsx:180 |
spacing |
tailwind-arbitrary |
inset-[2px] |
"rounded-option absolute inset-[2px] overflow-hidden", |
| packages/survey-ui/src/components/elements/rating.stories.tsx:86 |
color |
hex |
#1e293b |
elementHeadlineColor: "#1e293b", |
| packages/survey-ui/src/components/elements/rating.stories.tsx:90 |
color |
hex |
#64748b |
elementDescriptionColor: "#64748b", |
| packages/survey-ui/src/components/elements/rating.stories.tsx:94 |
color |
hex |
#64748b |
labelColor: "#64748b", |
| packages/survey-ui/src/components/elements/rating.tsx:224 |
spacing |
tailwind-arbitrary |
ml-[1px] |
? "bg-brand-20 border-brand z-10 -ml-[1px] border-2 first:ml-0" |
| packages/survey-ui/src/components/elements/rating.tsx:406 |
spacing |
tailwind-arbitrary |
px-[2px] |
<div className="flex w-full px-[2px]"> |
| packages/survey-ui/src/components/general/element-header.tsx:51 |
spacing |
tailwind-arbitrary |
mb-[3px] |
…{required ? <span className="label-card mb-[3px]">{requiredLabel}</span> : null}… |
| packages/survey-ui/src/components/general/input.stories.tsx:203 |
color |
rgb |
rgb(0 0 0 / 0.05) |
defaultValue: { summary: "0 1px 2px 0 rgb(0 0 0 / 0.05)" }, |
| packages/survey-ui/src/components/general/label.stories.tsx:309 |
color |
hex |
#1e293b |
headlineColor: "#1e293b", |
| packages/survey-ui/src/components/general/label.stories.tsx:344 |
color |
hex |
#64748b |
descriptionColor: "#64748b", |
| packages/survey-ui/src/components/general/label.stories.tsx:379 |
color |
hex |
#1e293b |
labelColor: "#1e293b", |
| packages/survey-ui/src/components/general/progress.stories.tsx:112 |
color |
hsl |
hsl(0 0% 0% / 0.3) |
trackBgColor: "hsl(0 0% 0% / 0.3)", |
| packages/survey-ui/src/components/general/progress.stories.tsx:114 |
color |
hsl |
hsl(142 76% 36%) |
indicatorBgColor: "hsl(142 76% 36%)", |
| packages/survey-ui/src/components/general/progress.stories.tsx:143 |
color |
hex |
#64748b |
defaultValue: { summary: "brand color (#64748b)" }, |
| packages/survey-ui/src/components/general/textarea.stories.tsx:141 |
color |
hex |
#f8f9fa |
backgroundColor: "#f8f9fa", |
| packages/survey-ui/src/components/general/textarea.stories.tsx:142 |
color |
hex |
#e9ecef |
border: "2px solid #e9ecef", |
| packages/survey-ui/src/styles/globals.css:60 |
color |
hex |
#1e40af |
Color values MUST match the output of getSuggestedColors("#1e40af") in |
| packages/survey-ui/src/styles/globals.css:68 |
color |
hex |
#1e40af |
Derived colour palette for brand #1e40af: |
| packages/survey-ui/src/styles/globals.css:69 |
color |
hex |
#142a72 |
questionColor = #142a72 (brand mixed with black @ 0.35) |
| packages/survey-ui/src/styles/globals.css:70 |
color |
hex |
#edf0f9 |
inputBg = #edf0f9 (brand mixed with white @ 0.92) |
| packages/survey-ui/src/styles/globals.css:71 |
color |
hex |
#a5b3df |
inputBorder = #a5b3df (brand mixed with white @ 0.60) |
| packages/survey-ui/src/styles/globals.css:72 |
color |
hex |
#f8f9fd |
cardBg = #f8f9fd (brand mixed with white @ 0.97) |
| packages/survey-ui/src/styles/globals.css:73 |
color |
hex |
#d2d9ef |
cardBorder = #d2d9ef (brand mixed with white @ 0.80) |
| packages/survey-ui/src/styles/globals.css:74 |
color |
hex |
#d2d9ef |
progressTrack = #d2d9ef (brand mixed with white @ 0.80) |
| packages/survey-ui/src/styles/globals.css:332 |
color |
hsl |
hsl(215.4 16.3% 46.9% / 0.3) |
scrollbar-color: hsl(215.4 16.3% 46.9% / 0.3) transparent; |
| packages/survey-ui/src/styles/globals.css:346 |
color |
hsl |
hsl(215.4 16.3% 46.9% / 0.3) |
background-color: hsl(215.4 16.3% 46.9% / 0.3); |
| packages/survey-ui/src/styles/globals.css:351 |
color |
hsl |
hsl(215.4 16.3% 46.9% / 0.5) |
background-color: hsl(215.4 16.3% 46.9% / 0.5); |
| packages/surveys/src/components/general/ending-card.tsx:69 |
spacing |
tailwind-arbitrary |
mb-[10px] |
<span className="bg-brand mb-[10px] inline-block h-1 w-16 rounded-[100%]" /> |
| packages/surveys/src/components/general/headline.tsx:36 |
spacing |
tailwind-arbitrary |
mb-[3px] |
<div className="text-heading mb-[3px] flex flex-col"> |
| packages/surveys/src/components/general/headline.tsx:39 |
spacing |
tailwind-arbitrary |
mb-[3px] |
className="label-card mb-[3px] text-xs leading-6 font-normal" |
| packages/surveys/src/components/general/language-switch.tsx:36 |
color |
hex |
#000000 |
const hoverColorWithOpacity = hoverColor ?? mixColor("#000000", "#ffffff", 0.8); |
| packages/surveys/src/components/general/language-switch.tsx:36 |
color |
hex |
#ffffff |
const hoverColorWithOpacity = hoverColor ?? mixColor("#000000", "#ffffff", 0.8); |
| packages/surveys/src/components/general/survey-close-button.tsx:16 |
color |
hex |
#000000 |
const hoverColorWithOpacity = hoverColor ?? mixColor("#000000", "#ffffff", 0.8); |
| packages/surveys/src/components/general/survey-close-button.tsx:16 |
color |
hex |
#ffffff |
const hoverColorWithOpacity = hoverColor ?? mixColor("#000000", "#ffffff", 0.8); |
| packages/surveys/src/components/general/survey.tsx:1085 |
color |
hex |
#f8fafc |
hoverColor={styling.inputBgColor?.light ?? "#f8fafc"} |
| packages/surveys/src/components/general/survey.tsx:1110 |
color |
hex |
#f8fafc |
hoverColor={styling.inputBgColor?.light ?? "#f8fafc"} |
| packages/surveys/src/components/general/survey.tsx:1243 |
color |
hex |
#f8fafc |
hoverColor={styling.inputBgColor?.light ?? "#f8fafc"} |
| packages/surveys/src/components/general/survey.tsx:1256 |
color |
hex |
#f8fafc |
hoverColor={styling.inputBgColor?.light ?? "#f8fafc"} |
| packages/surveys/src/components/wrappers/cardless-survey-layout.tsx:47 |
color |
hex |
#ffffff |
return "#ffffff"; |
| packages/surveys/src/lib/i18n.ts:48 |
color |
hex |
#7515 |
// the user's selected language (see issue #7515). |
| packages/surveys/src/lib/styles.ts:102 |
color |
hex |
#ffffff |
appendCssVariable("brand-text-color", "#ffffff"); |
| packages/surveys/src/lib/styles.ts:114 |
color |
hex |
#ffffff |
…color", mixColor(placeholderBaseColor, "#ffffff", 0.3)); |
| packages/surveys/src/lib/styles.ts:115 |
color |
hex |
#ffffff |
…color", mixColor(placeholderBaseColor, "#ffffff", 0.3)); |
| packages/surveys/src/lib/styles.ts:121 |
color |
hex |
#000000 |
…xColor(styling.inputBorderColor.light, "#000000", 0.1)); |
| packages/surveys/src/lib/styles.ts:152 |
color |
hex |
#000000 |
isLightHeadlineColor ? "#000000" : "#ffffff", |
| packages/surveys/src/lib/styles.ts:152 |
color |
hex |
#ffffff |
isLightHeadlineColor ? "#000000" : "#ffffff", |
| packages/surveys/src/lib/styles.ts:157 |
color |
hex |
#000000 |
isLightHeadlineColor ? "#000000" : "#ffffff", |
| packages/surveys/src/lib/styles.ts:157 |
color |
hex |
#ffffff |
isLightHeadlineColor ? "#000000" : "#ffffff", |
| packages/surveys/src/lib/styles.ts:167 |
color |
hex |
#fff |
styling.inputBgColor.light === "#fff" || |
| packages/surveys/src/lib/styles.ts:168 |
color |
hex |
#ffffff |
styling.inputBgColor.light === "#ffffff" || |
| packages/surveys/src/lib/styles.ts:175 |
color |
hex |
#000000 |
mixColor(styling.inputBgColor.light, "#000000", 0.025) |
| packages/surveys/src/lib/styles.ts:183 |
color |
hex |
#ffffff |
const accentColor = mixColor(brandColor, "#ffffff", 0.8); |
| packages/surveys/src/lib/styles.ts:184 |
color |
hex |
#ffffff |
const accentColorSelected = mixColor(brandColor, "#ffffff", 0.7); |
| packages/surveys/src/lib/styles.ts:190 |
color |
hex |
#000000 |
appendCssVariable("calendar-tile-color", mixColor(brandColor, "#000000", 0.7)); |
| packages/surveys/src/lib/styles.ts:198 |
color |
hex |
#0f172a |
buttonText = isLight(buttonBg) ? "#0f172a" : "#ffffff"; |
| packages/surveys/src/lib/styles.ts:198 |
color |
hex |
#ffffff |
buttonText = isLight(buttonBg) ? "#0f172a" : "#ffffff"; |
| packages/surveys/src/lib/styles.ts:205 |
color |
hex |
#ffffff |
const backButtonSurface = styling.cardBackgroundColor?.light ?? "#ffffff"; |
| packages/surveys/src/lib/styles.ts:226 |
color |
hex |
#ffffff |
…older-color", mixColor(inputTextColor, "#ffffff", 0.3)); |
| packages/surveys/src/styles/global.css:25 |
color |
named |
gray |
border-color: var(--color-gray-200, currentcolor); |
| packages/surveys/src/styles/preflight.css:242 |
color |
named |
gray |
color: theme("colors.gray.400", #9ca3af); |
| packages/surveys/src/styles/preflight.css:242 |
color |
hex |
#9ca3af |
color: theme("colors.gray.400", #9ca3af); |
| packages/types/colors.ts:41 |
color |
rgb |
rgba(${r.toString() |
return `rgba(${r.toString()}, ${g.toString()}, $… |
| packages/types/colors.ts:113 |
color |
hex |
#0f172a |
darkText = "#0f172a", |
| packages/types/colors.ts:114 |
color |
hex |
#ffffff |
lightText = "#ffffff", |
| packages/types/colors.ts:121 |
color |
hex |
#000000 |
return getContrastRatio("#000000", surface) >= getContrastRatio("… |
| packages/types/colors.ts:121 |
color |
hex |
#ffffff |
…#000000", surface) >= getContrastRatio("#ffffff", surface) ? "#000000" : "#fffff… |
| packages/types/colors.ts:121 |
color |
hex |
#000000 |
…getContrastRatio("#ffffff", surface) ? "#000000" : "#ffffff"; |
| packages/types/colors.ts:121 |
color |
hex |
#ffffff |
…atio("#ffffff", surface) ? "#000000" : "#ffffff"; |
| packages/types/colors.ts:134 |
color |
hex |
#000000 |
const pole = isLight(surface) ? "#000000" : "#ffffff"; |
| packages/types/colors.ts:134 |
color |
hex |
#ffffff |
const pole = isLight(surface) ? "#000000" : "#ffffff"; |