@oceanbase-odc/ob-react-data-grid/lib/style/whiteTheme.d.ts

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like

declare const theme = "\n  --brand-blue1-color: #D6E4FF; \n  --brand-blue2-color: #bae7ff;\n  --brand-blue2-color-value: 186,231,255;\n  --brand-blue3-color: #91d5ff;\n  --brand-blue5-color: #40a9ff;\n  --brand-blue6-color: #006AFF;\n  --brand-blue7-color: #096dd9;\n  --brand-blue7-color-value: 9,109,217;\n\n  --neutral-grey0-color-value: 31,41,61;\n  --neutral-grey1-color: #F7F9FB;\n  --neutral-grey2-color: #F3F6FC;\n  --neutral-grey3-color: #F0F2F5;\n  --neutral-grey4-color: #E2E8F3;\n\n  --neutral-White6-color: rgba(255,255,255,0.06);\n  --neutral-White20-color: #434343;\n  --neutral-White30-color: rgba(255,255,255,0.3);\n  --neutral-White50-color: rgba(255,255,255,0.5);\n  --neutral-White65-color: rgba(255,255,255,0.65);\n  --neutral-White85-color: rgba(255,255,255,0.85);\n  --neutral-White100-color: #ffffff;\n\n  --neutral-black45-color: rgba(0,0,0,0.45);\n\n  --function-green2-color: #d9f7be;\n  --function-green3-color: #b7eb8f;\n  --function-green6-color: #52c41a;\n  --function-green6-color-value: 82,196,26;\n  --green-8-color-value: 35,120,4;\n\n  --function-gold2-color: #fff1b8;\n  --function-gold2-color-value: 255,241,184;\n  --function-gold3-color: #ffe58f;\n  --function-gold6-color: #faad14;\n  --function-gold6-color-value: 250,173,20;\n  --function-gold8-color: #ad6800;\n\n  --function-red2-color: #ffccc7;\n  --function-red2-color-value: 255,204,199;\n  --function-red3-color: #ffa39e;\n  --function-red3-color-value: 255,163,158;\n  --function-red6-color: #f5222d;\n  --function-red6-color-value: 245,34,45;\n  --function-red8-color: #a8071a;\n  --function-red8-color-value: 168,7,26;\n\n  --code-normal-color: rgba(0,0,0,0.85);\n  --code-blue-color: #0000FF;\n  --code-green-color: #09885A;\n  --code-red-color: #FF0000;\n\n  --icon-blue-color: #40a9ff;\n  --icon-geekblue-color: #597ef7;\n  --icon-cyan-color: #36cfc9;\n  --icon-green-color: #73d13d;\n  --icon-purple-color: #9254de;\n  --icon-magenta-color: #f759ab;\n  --icon-orange-color: #ffa940;\n  --icon-yellow-color: #ffec3d;\n\n  --background-normal-color: var(--neutral-grey3-color);\n  --background-primary-color: var(--neutral-White100-color);\n  --background-secondry-color: var(--neutral-White100-color);\n  --background-tertraiy-color: var(--neutral-grey1-color);\n  --navigation-background-color: var(--neutral-grey0-color);\n  --tab-background-color: var(--neutral-grey2-color);\n  --dropdown-background-color: var(--neutral-White100-color);\n  --tooltips-background-color: rgba(0,0,0,0.75);\n  --mask-color: rgba(0,0,0,0.25);\n  --hover-color: rgba(0,0,0,0.06);\n\n  --divider-color: var(--neutral-grey4-color);\n  --odc-border-color: var(--neutral-grey4-color);\n\n  --text-color-primary: #132039;\n  --text-color-secondary: rgba(0,0,0,0.65);\n  --text-color-hint: rgba(0,0,0,0.5);\n  --text-color-placeholder: rgba(0,0,0,0.3);\n  --text-color-inverse: rgba(0,0,0,1);\n  --text-color-link: var(--brand-blue6-color);\n  --text-color-error: var(--function-red6-color);\n\n  --icon-color-normal: rgba(0,0,0,0.65);\n  --icon-color-focus: var(--brand-blue6-color);\n  --icon-color-disable: rgba(0,0,0,0.25);\n  --icon-color-1: var(--icon-blue-color);\n  --icon-color-2: var(--icon-green-color);\n  --icon-color-3: var(--icon-orange-color);\n  --icon-color-4: var(--icon-magenta-color);\n  --icon-color-5: var(--icon-purple-color);\n  --icon-color-6: var(--icon-cyan-color);\n  --icon-color-7: var(--icon-yellow-color);\n  --icon-color-8: var(--icon-geekblue-color);\n  \n  --table-border-color: var(--border-color);\n  --table-header-background-color: var(--neutral-grey2-color);\n  --table-focus-color: var(--brand-blue1-color);\n  --table-hover-color: var(--brand-blue6-color);\n  --table-new-color: rgba(var(--function-green6-color-value), 0.25);\n  --table-edit-color: rgba(var(--function-gold6-color-value),0.25);\n  --table-delete-color: rgba(var(--function-red3-color-value), 0.25);\n\n  --code-common-color: var(--text-color-primary);\n  --code-comment-color: var(--code-green-color);\n  --code-keyword-color: var(--code-blue-color);\n  --code-number-color: var(--code-red-color);\n  --code-string-color: var(--code-red-color);\n  --code-background-selected-color: rgba(var(--brand-blue2-color-value), 0.65);\n  --code-background-highlight-color: rgba(var(--function-gold2-color-value), 0.65);\n  --code-background-error-color: rgba(var(--function-red2-color-value), 0.65);\n  ";
export default theme;
//# sourceMappingURL=whiteTheme.d.ts.map