| @@ -2,47 +2,55 @@ | |||
| @layer components { | |||
| .premium-badge { | |||
| @apply inline-flex justify-center items-center rounded-md border box-border border-white/95 text-white | |||
| @apply shrink-0 relative inline-flex justify-center items-center rounded-md box-border border border-transparent text-white shadow-xs hover:shadow-lg bg-origin-border overflow-hidden; | |||
| background-clip: padding-box, border-box; | |||
| } | |||
| .allowHover { | |||
| @apply cursor-pointer; | |||
| } | |||
| /* m is for the regular button */ | |||
| .premium-badge-m { | |||
| @apply border shadow-lg !p-1 h-6 w-auto | |||
| @apply !p-1 h-6 w-auto | |||
| } | |||
| .premium-badge-s { | |||
| @apply border-[0.5px] shadow-xs !px-1 !py-[3px] h-[18px] w-auto | |||
| @apply border-[0.5px] !px-1 !py-[3px] h-[18px] w-auto | |||
| } | |||
| .premium-badge-blue { | |||
| @apply bg-gradient-to-r from-[#5289ffe6] to-[#155aefe6] bg-util-colors-blue-blue-200 | |||
| @apply bg-util-colors-blue-blue-200; | |||
| background-image: linear-gradient(90deg, #5289ffe6 0%, #155aefe6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #155aef 100%); | |||
| } | |||
| .premium-badge-indigo { | |||
| @apply bg-gradient-to-r from-[#8098f9e6] to-[#444ce7e6] bg-util-colors-indigo-indigo-200 | |||
| } | |||
| .premium-badge-gray { | |||
| @apply bg-gradient-to-r from-[#98a2b2e6] to-[#676f83e6] bg-util-colors-gray-gray-200 | |||
| } | |||
| .premium-badge-orange { | |||
| @apply bg-gradient-to-r from-[#ff692ee6] to-[#e04f16e6] bg-util-colors-orange-orange-200 | |||
| } | |||
| .premium-badge-blue.allowHover:hover { | |||
| @apply bg-gradient-to-r from-[#296dffe6] to-[#004aebe6] bg-util-colors-blue-blue-300 cursor-pointer | |||
| @apply bg-util-colors-blue-blue-300; | |||
| background-image: linear-gradient(90deg, #296dffe6 0%, #004aebe6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #00329e 100%); | |||
| } | |||
| .premium-badge-indigo { | |||
| @apply bg-util-colors-indigo-indigo-200; | |||
| background-image: linear-gradient(90deg, #8098f9e6 0%, #444ce7e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #6172f3 100%); | |||
| } | |||
| .premium-badge-indigo.allowHover:hover { | |||
| @apply bg-gradient-to-r from-[#6172f3e6] to-[#2d31a6e6] bg-util-colors-indigo-indigo-300 cursor-pointer | |||
| @apply bg-util-colors-indigo-indigo-300; | |||
| background-image: linear-gradient(90deg, #6172f3e6 0%, #2d31a6e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #2d31a6 100%); | |||
| } | |||
| .premium-badge-gray { | |||
| @apply bg-util-colors-gray-gray-200; | |||
| background-image: linear-gradient(90deg, #98a2b2e6 0%, #676f83e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #676f83 100%); | |||
| } | |||
| .premium-badge-gray.allowHover:hover { | |||
| @apply bg-gradient-to-r from-[#676f83e6] to-[#354052e6] bg-util-colors-gray-gray-300 cursor-pointer | |||
| @apply bg-util-colors-gray-gray-300; | |||
| background-image: linear-gradient(90deg, #676f83e6 0%, #354052e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #354052 100%); | |||
| } | |||
| .premium-badge-orange { | |||
| @apply bg-util-colors-orange-orange-200; | |||
| background-image: linear-gradient(90deg, #ff692ee6 0%, #e04f16e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #e62e05 100%); | |||
| } | |||
| .premium-badge-orange.allowHover:hover { | |||
| @apply bg-gradient-to-r from-[#ff4405e6] to-[#b93815e6] bg-util-colors-orange-orange-300 cursor-pointer | |||
| @apply bg-util-colors-orange-orange-300; | |||
| background-image: linear-gradient(90deg, #ff4405e6 0%, #b93815e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #e62e05 100%); | |||
| } | |||
| } | |||
| @@ -61,13 +61,9 @@ const PremiumBadge: React.FC<PremiumBadgeProps> = ({ | |||
| {children} | |||
| <Highlight | |||
| className={classNames( | |||
| 'absolute top-0 opacity-50 hover:opacity-80', | |||
| 'absolute top-0 opacity-50 right-1/2 translate-x-[20%] transition-all duration-100 ease-out hover:opacity-80 hover:translate-x-[30%]', | |||
| size === 's' ? 'h-[18px] w-12' : 'h-6 w-12', | |||
| )} | |||
| style={{ | |||
| right: '50%', | |||
| transform: 'translateX(10%)', | |||
| }} | |||
| /> | |||
| </div> | |||
| ) | |||
| @@ -1,64 +1,65 @@ | |||
| html[data-theme="dark"] { | |||
| --color-premium-yearly-tip-text-background: linear-gradient(91deg, #FDB022 2.18%, #F79009 108.79%); | |||
| --color-premium-badge-background: linear-gradient(95deg, rgba(103, 111, 131, 0.90) 0%, rgba(73, 84, 100, 0.90) 105.58%), var(--util-colors-gray-gray-200, #18222F); | |||
| --color-premium-text-background: linear-gradient(92deg, rgba(249, 250, 251, 0.95) 0%, rgba(233, 235, 240, 0.95) 97.78%); | |||
| --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | |||
| --color-grid-mask-background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(24, 24, 25, 0.1) 62.25%, rgba(24, 24, 25, 0.10) 100%); | |||
| --color-chatbot-bg: linear-gradient(180deg, | |||
| rgba(34, 34, 37, 0.9) 0%, | |||
| rgba(29, 29, 32, 0.9) 90.48%); | |||
| --color-chat-bubble-bg: linear-gradient(180deg, | |||
| rgba(200, 206, 218, 0.08) 0%, | |||
| rgba(200, 206, 218, 0.02) 100%); | |||
| --color-chat-input-mask: linear-gradient(180deg, | |||
| rgba(24, 24, 27, 0.04) 0%, | |||
| rgba(24, 24, 27, 0.60) 100%); | |||
| --color-workflow-process-bg: linear-gradient(90deg, | |||
| rgba(24, 24, 27, 0.25) 0%, | |||
| rgba(24, 24, 27, 0.04) 100%); | |||
| --color-workflow-run-failed-bg: linear-gradient(98deg, | |||
| rgba(240, 68, 56, 0.12) 0%, | |||
| rgba(0, 0, 0, 0) 26.01%); | |||
| --color-workflow-batch-failed-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-marketplace-divider-bg: linear-gradient(90deg, | |||
| rgba(200, 206, 218, 0.14) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-marketplace-plugin-empty: linear-gradient(180deg, | |||
| rgba(0, 0, 0, 0) 0%, | |||
| #222225 100%); | |||
| --color-toast-success-bg: linear-gradient(92deg, | |||
| rgba(23, 178, 106, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-toast-warning-bg: linear-gradient(92deg, | |||
| rgba(247, 144, 9, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-toast-error-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-toast-info-bg: linear-gradient(92deg, | |||
| rgba(11, 165, 236, 0.3) 0%); | |||
| --color-account-teams-bg: linear-gradient(271deg, | |||
| rgba(34, 34, 37, 0.9) -0.1%, | |||
| rgba(29, 29, 32, 0.9) 98.26%); | |||
| --color-app-detail-bg: linear-gradient(169deg, | |||
| #1D1D20 1.18%, | |||
| #222225 99.52%); | |||
| --color-app-detail-overlay-bg: linear-gradient(270deg, | |||
| rgba(0, 0, 0, 0.00) 0%, | |||
| rgba(24, 24, 27, 0.02) 8%, | |||
| rgba(24, 24, 27, 0.54) 100%); | |||
| --color-dataset-chunk-process-success-bg: linear-gradient(92deg, rgba(23, 178, 106, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%); | |||
| --color-dataset-chunk-process-error-bg: linear-gradient(92deg, rgba(240, 68, 56, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%); | |||
| --color-dataset-chunk-detail-card-hover-bg: linear-gradient(180deg, #1D1D20 0%, #222225 100%); | |||
| --color-dataset-child-chunk-expand-btn-bg: linear-gradient(90deg, rgba(24, 24, 27, 0.25) 0%, rgba(24, 24, 27, 0.04) 100%); | |||
| --color-dataset-option-card-blue-gradient: linear-gradient(90deg, #24252E 0%, #1E1E21 100%); | |||
| --color-dataset-option-card-purple-gradient: linear-gradient(90deg, #25242E 0%, #1E1E21 100%); | |||
| --color-dataset-option-card-orange-gradient: linear-gradient(90deg, #2B2322 0%, #1E1E21 100%); | |||
| --color-dataset-chunk-list-mask-bg: linear-gradient(180deg, rgba(34, 34, 37, 0.00) 0%, #222225 100%); | |||
| --mask-top2bottom-gray-50-to-transparent: linear-gradient(180deg, | |||
| rgba(24, 24, 27, 0.08) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-line-divider-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.14) 0%, rgba(0, 0, 0, 0) 100%, ); | |||
| --color-premium-yearly-tip-text-background: linear-gradient(91deg, #FDB022 2.18%, #F79009 108.79%); | |||
| --color-premium-badge-background: linear-gradient(95deg, rgba(103, 111, 131, 0.90) 0%, rgba(73, 84, 100, 0.90) 105.58%), var(--util-colors-gray-gray-200, #18222F); | |||
| --color-premium-text-background: linear-gradient(92deg, rgba(249, 250, 251, 0.95) 0%, rgba(233, 235, 240, 0.95) 97.78%); | |||
| --color-premium-badge-border-highlight-color: #ffffff33; | |||
| --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | |||
| --color-grid-mask-background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(24, 24, 25, 0.1) 62.25%, rgba(24, 24, 25, 0.10) 100%); | |||
| --color-chatbot-bg: linear-gradient(180deg, | |||
| rgba(34, 34, 37, 0.9) 0%, | |||
| rgba(29, 29, 32, 0.9) 90.48%); | |||
| --color-chat-bubble-bg: linear-gradient(180deg, | |||
| rgba(200, 206, 218, 0.08) 0%, | |||
| rgba(200, 206, 218, 0.02) 100%); | |||
| --color-chat-input-mask: linear-gradient(180deg, | |||
| rgba(24, 24, 27, 0.04) 0%, | |||
| rgba(24, 24, 27, 0.60) 100%); | |||
| --color-workflow-process-bg: linear-gradient(90deg, | |||
| rgba(24, 24, 27, 0.25) 0%, | |||
| rgba(24, 24, 27, 0.04) 100%); | |||
| --color-workflow-run-failed-bg: linear-gradient(98deg, | |||
| rgba(240, 68, 56, 0.12) 0%, | |||
| rgba(0, 0, 0, 0) 26.01%); | |||
| --color-workflow-batch-failed-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-marketplace-divider-bg: linear-gradient(90deg, | |||
| rgba(200, 206, 218, 0.14) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-marketplace-plugin-empty: linear-gradient(180deg, | |||
| rgba(0, 0, 0, 0) 0%, | |||
| #222225 100%); | |||
| --color-toast-success-bg: linear-gradient(92deg, | |||
| rgba(23, 178, 106, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-toast-warning-bg: linear-gradient(92deg, | |||
| rgba(247, 144, 9, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-toast-error-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.3) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-toast-info-bg: linear-gradient(92deg, | |||
| rgba(11, 165, 236, 0.3) 0%); | |||
| --color-account-teams-bg: linear-gradient(271deg, | |||
| rgba(34, 34, 37, 0.9) -0.1%, | |||
| rgba(29, 29, 32, 0.9) 98.26%); | |||
| --color-app-detail-bg: linear-gradient(169deg, | |||
| #1D1D20 1.18%, | |||
| #222225 99.52%); | |||
| --color-app-detail-overlay-bg: linear-gradient(270deg, | |||
| rgba(0, 0, 0, 0.00) 0%, | |||
| rgba(24, 24, 27, 0.02) 8%, | |||
| rgba(24, 24, 27, 0.54) 100%); | |||
| --color-dataset-chunk-process-success-bg: linear-gradient(92deg, rgba(23, 178, 106, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%); | |||
| --color-dataset-chunk-process-error-bg: linear-gradient(92deg, rgba(240, 68, 56, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%); | |||
| --color-dataset-chunk-detail-card-hover-bg: linear-gradient(180deg, #1D1D20 0%, #222225 100%); | |||
| --color-dataset-child-chunk-expand-btn-bg: linear-gradient(90deg, rgba(24, 24, 27, 0.25) 0%, rgba(24, 24, 27, 0.04) 100%); | |||
| --color-dataset-option-card-blue-gradient: linear-gradient(90deg, #24252E 0%, #1E1E21 100%); | |||
| --color-dataset-option-card-purple-gradient: linear-gradient(90deg, #25242E 0%, #1E1E21 100%); | |||
| --color-dataset-option-card-orange-gradient: linear-gradient(90deg, #2B2322 0%, #1E1E21 100%); | |||
| --color-dataset-chunk-list-mask-bg: linear-gradient(180deg, rgba(34, 34, 37, 0.00) 0%, #222225 100%); | |||
| --mask-top2bottom-gray-50-to-transparent: linear-gradient(180deg, | |||
| rgba(24, 24, 27, 0.08) 0%, | |||
| rgba(0, 0, 0, 0) 100%); | |||
| --color-line-divider-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.14) 0%, rgba(0, 0, 0, 0) 100%); | |||
| } | |||
| @@ -1,64 +1,65 @@ | |||
| html[data-theme="light"] { | |||
| --color-premium-yearly-tip-text-background: linear-gradient(91deg, #F79009 2.18%, #DC6803 108.79%); | |||
| --color-premium-badge-background: linear-gradient(95deg, rgba(152, 162, 178, 0.90) 0%, rgba(103, 111, 131, 0.90) 105.58%); | |||
| --color-premium-text-background: linear-gradient(92deg, rgba(252, 252, 253, 0.95) 0%, rgba(242, 244, 247, 0.95) 97.78%); | |||
| --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | |||
| --color-grid-mask-background: linear-gradient(0deg, #FFF 0%, rgba(217, 217, 217, 0.10) 62.25%, rgba(217, 217, 217, 0.10) 100%); | |||
| --color-chatbot-bg: linear-gradient(180deg, | |||
| rgba(249, 250, 251, 0.9) 0%, | |||
| rgba(242, 244, 247, 0.9) 90.48%); | |||
| --color-chat-bubble-bg: linear-gradient(180deg, | |||
| #fff 0%, | |||
| rgba(255, 255, 255, 0.6) 100%); | |||
| --color-chat-input-mask: linear-gradient(180deg, | |||
| rgba(255, 255, 255, 0.01) 0%, | |||
| #F2F4F7 100%); | |||
| --color-workflow-process-bg: linear-gradient(90deg, | |||
| rgba(200, 206, 218, 0.2) 0%, | |||
| rgba(200, 206, 218, 0.04) 100%); | |||
| --color-workflow-run-failed-bg: linear-gradient(98deg, | |||
| rgba(240, 68, 56, 0.10) 0%, | |||
| rgba(255, 255, 255, 0) 26.01%); | |||
| --color-workflow-batch-failed-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-marketplace-divider-bg: linear-gradient(90deg, | |||
| rgba(16, 24, 40, 0.08) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-marketplace-plugin-empty: linear-gradient(180deg, | |||
| rgba(255, 255, 255, 0) 0%, | |||
| #fcfcfd 100%); | |||
| --color-toast-success-bg: linear-gradient(92deg, | |||
| rgba(23, 178, 106, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-toast-warning-bg: linear-gradient(92deg, | |||
| rgba(247, 144, 9, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-toast-error-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-toast-info-bg: linear-gradient(92deg, | |||
| rgba(11, 165, 236, 0.25) 0%); | |||
| --color-account-teams-bg: linear-gradient(271deg, | |||
| rgba(249, 250, 251, 0.9) -0.1%, | |||
| rgba(242, 244, 247, 0.9) 98.26%); | |||
| --color-app-detail-bg: linear-gradient(169deg, | |||
| #F2F4F7 1.18%, | |||
| #F9FAFB 99.52%); | |||
| --color-app-detail-overlay-bg: linear-gradient(270deg, | |||
| rgba(0, 0, 0, 0.00) 0%, | |||
| rgba(16, 24, 40, 0.01) 8%, | |||
| rgba(16, 24, 40, 0.18) 100%); | |||
| --color-dataset-chunk-process-success-bg: linear-gradient(92deg, rgba(23, 178, 106, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%); | |||
| --color-dataset-chunk-process-error-bg: linear-gradient(92deg, rgba(240, 68, 56, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%); | |||
| --color-dataset-chunk-detail-card-hover-bg: linear-gradient(180deg, #F2F4F7 0%, #F9FAFB 100%); | |||
| --color-dataset-child-chunk-expand-btn-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.20) 0%, rgba(200, 206, 218, 0.04) 100%); | |||
| --color-dataset-option-card-blue-gradient: linear-gradient(90deg, #F2F4F7 0%, #F9FAFB 100%); | |||
| --color-dataset-option-card-purple-gradient: linear-gradient(90deg, #F0EEFA 0%, #F9FAFB 100%); | |||
| --color-dataset-option-card-orange-gradient: linear-gradient(90deg, #F8F2EE 0%, #F9FAFB 100%); | |||
| --color-dataset-chunk-list-mask-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FCFCFD 100%); | |||
| --mask-top2bottom-gray-50-to-transparent: linear-gradient(180deg, | |||
| rgba(200, 206, 218, 0.2) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-line-divider-bg: linear-gradient(90deg, rgba(16, 24, 40, 0.08) 0%, rgba(255, 255, 255, 0) 100%); | |||
| --color-premium-yearly-tip-text-background: linear-gradient(91deg, #F79009 2.18%, #DC6803 108.79%); | |||
| --color-premium-badge-background: linear-gradient(95deg, rgba(152, 162, 178, 0.90) 0%, rgba(103, 111, 131, 0.90) 105.58%); | |||
| --color-premium-text-background: linear-gradient(92deg, rgba(252, 252, 253, 0.95) 0%, rgba(242, 244, 247, 0.95) 97.78%); | |||
| --color-premium-badge-border-highlight-color: #fffffff2; | |||
| --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | |||
| --color-grid-mask-background: linear-gradient(0deg, #FFF 0%, rgba(217, 217, 217, 0.10) 62.25%, rgba(217, 217, 217, 0.10) 100%); | |||
| --color-chatbot-bg: linear-gradient(180deg, | |||
| rgba(249, 250, 251, 0.9) 0%, | |||
| rgba(242, 244, 247, 0.9) 90.48%); | |||
| --color-chat-bubble-bg: linear-gradient(180deg, | |||
| #fff 0%, | |||
| rgba(255, 255, 255, 0.6) 100%); | |||
| --color-chat-input-mask: linear-gradient(180deg, | |||
| rgba(255, 255, 255, 0.01) 0%, | |||
| #F2F4F7 100%); | |||
| --color-workflow-process-bg: linear-gradient(90deg, | |||
| rgba(200, 206, 218, 0.2) 0%, | |||
| rgba(200, 206, 218, 0.04) 100%); | |||
| --color-workflow-run-failed-bg: linear-gradient(98deg, | |||
| rgba(240, 68, 56, 0.10) 0%, | |||
| rgba(255, 255, 255, 0) 26.01%); | |||
| --color-workflow-batch-failed-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-marketplace-divider-bg: linear-gradient(90deg, | |||
| rgba(16, 24, 40, 0.08) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-marketplace-plugin-empty: linear-gradient(180deg, | |||
| rgba(255, 255, 255, 0) 0%, | |||
| #fcfcfd 100%); | |||
| --color-toast-success-bg: linear-gradient(92deg, | |||
| rgba(23, 178, 106, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-toast-warning-bg: linear-gradient(92deg, | |||
| rgba(247, 144, 9, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-toast-error-bg: linear-gradient(92deg, | |||
| rgba(240, 68, 56, 0.25) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-toast-info-bg: linear-gradient(92deg, | |||
| rgba(11, 165, 236, 0.25) 0%); | |||
| --color-account-teams-bg: linear-gradient(271deg, | |||
| rgba(249, 250, 251, 0.9) -0.1%, | |||
| rgba(242, 244, 247, 0.9) 98.26%); | |||
| --color-app-detail-bg: linear-gradient(169deg, | |||
| #F2F4F7 1.18%, | |||
| #F9FAFB 99.52%); | |||
| --color-app-detail-overlay-bg: linear-gradient(270deg, | |||
| rgba(0, 0, 0, 0.00) 0%, | |||
| rgba(16, 24, 40, 0.01) 8%, | |||
| rgba(16, 24, 40, 0.18) 100%); | |||
| --color-dataset-chunk-process-success-bg: linear-gradient(92deg, rgba(23, 178, 106, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%); | |||
| --color-dataset-chunk-process-error-bg: linear-gradient(92deg, rgba(240, 68, 56, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%); | |||
| --color-dataset-chunk-detail-card-hover-bg: linear-gradient(180deg, #F2F4F7 0%, #F9FAFB 100%); | |||
| --color-dataset-child-chunk-expand-btn-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.20) 0%, rgba(200, 206, 218, 0.04) 100%); | |||
| --color-dataset-option-card-blue-gradient: linear-gradient(90deg, #F2F4F7 0%, #F9FAFB 100%); | |||
| --color-dataset-option-card-purple-gradient: linear-gradient(90deg, #F0EEFA 0%, #F9FAFB 100%); | |||
| --color-dataset-option-card-orange-gradient: linear-gradient(90deg, #F8F2EE 0%, #F9FAFB 100%); | |||
| --color-dataset-chunk-list-mask-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FCFCFD 100%); | |||
| --mask-top2bottom-gray-50-to-transparent: linear-gradient(180deg, | |||
| rgba(200, 206, 218, 0.2) 0%, | |||
| rgba(255, 255, 255, 0) 100%); | |||
| --color-line-divider-bg: linear-gradient(90deg, rgba(16, 24, 40, 0.08) 0%, rgba(255, 255, 255, 0) 100%); | |||
| } | |||