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

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

declare const _default: "\n  --brand-blue1-color: #111d2c; \n  --brand-blue2-color-value: 27,47,68;\n  --brand-blue2-color: rgba(27,47,68,1);\n  --brand-blue3-color: #203E5A;\n  --brand-blue5-color: #1A66AC;\n  --brand-blue6-color: #167CDB;\n  --brand-blue7-color: #3895EB;\n  --brand-blue7-color-value: 56,149,235;\n\n  --neutral-grey0-color-value: 18,19,20;\n  --neutral-grey1-color: #1C1D1F;\n  --neutral-grey2-color: #26292B;\n  --neutral-grey3-color: #2D3033;\n  --neutral-grey4-color: #363A3D;\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: rgba(29,55,18,0.4);\n  --function-green3-color: #274916;\n  --function-green6-color: #49AA19;\n  --green-8-color-value: 143,212,96;\n\n  --function-gold2-color: rgba(68,49,17,0.4);\n  --function-gold3-color: #594214;\n  --function-gold6-color: #D89614;\n  --function-gold8-color: rgba(216,150,20,0.4);\n\n  --function-red2-color: rgba(67,20,24,0.4);\n  --function-red3-color: #58181C;\n  --function-red6-color: #D32029;\n  --function-red8-color: rgba(243,115,112,0.4);\n  --function-red8-color-value: 243,115,112;\n\n  --code-normal-color: rgba(255,255,255,0.85);\n  --code-blue-color: #5099FB;\n  --code-green-color: #98D782;\n  --code-red-color: #E47D8D;\n\n  --icon-blue-color: #509DE6;\n  --icon-geekblue-color: #5069E6;\n  --icon-cyan-color: #59B3AF;\n  --icon-green-color: #81B350;\n  --icon-purple-color: #A179F2;\n  --icon-magenta-color: #D96CA5;\n  --icon-orange-color: #D9924C;\n  --icon-yellow-color: #E8D639;\n\n  --background-normal-color: var(--neutral-grey2-color);\n  --background-primary-color: var(--neutral-grey1-color);\n  --background-secondry-color: var(--neutral-grey2-color);\n  --background-tertraiy-color: var(--neutral-grey3-color);\n  --navigation-background-color: var(--neutral-grey4-color);\n  --tab-background-color: var(--neutral-grey4-color);\n  --dropdown-background-color: var(--neutral-grey4-color);\n  --tooltips-background-color: var(--neutral-grey4-color);\n  --mask-color: rgba(0,0,0,0.65);\n  --hover-color: rgba(255,255,255,0.6);\n\n  --divider-color: rgba(var(--neutral-grey0-color-value), 0.65);\n  --odc-border-color: var(--neutral-grey4-color);\n\n  --text-color-primary: rgba(255,255,255,0.85);\n  --text-color-secondary: rgba(255,255,255,0.65);\n  --text-color-hint: rgba(255,255,255,0.5);\n  --text-color-placeholder: rgba(255,255,255,0.3);\n  --text-color-inverse: rgba(255,255,255,1);\n  --text-color-link: var(--brand-blue6-color);\n  --text-color-error: var(--function-red6-color);\n\n  --icon-color-normal: rgba(255,255,255,0.65);\n  --icon-color-focus: var(--brand-blue6-color);\n  --icon-color-disable: rgba(255,255,255,0.3);\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-grey3-color);\n  --table-focus-color: var(--brand-blue2-color);\n  --table-hover-color: var(--brand-blue6-color);\n  --table-new-color: rgba(var(--green-8-color-value), 0.4);\n  --table-edit-color: var(--function-gold8-color);\n  --table-delete-color: var(--function-red8-color);\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-blue7-color-value), 0.5);\n  --code-background-highlight-color: rgba(var(--green-8-color-value), 0.12);\n  --code-background-error-color: rgba(var(--function-red8-color-value), 0.12);\n  ";
export default _default;
//# sourceMappingURL=darkTheme.d.ts.map