import { PiEditorStyle , PiStyle } from "@projectit/core" ; export const editorStyle = { global : { light : { label : { color : "black" , "font-weight" : "bold" } , text : { color : "darkblue" , "font-weight" : "normal" } , list : { color : "magenta" } } , dark : { label : { color : "white" , "font-weight" : "bold" } , text : { color : "yellow" , "font-weight" : "normal" } } } , NumberLiteralExpression : { light : { text : { color : "blue" } } , dark : { } } , StringLiteralExpression : { light : { text : { color : "green" } , label : { color : "green" } } , dark : { } } , Entity : { light : { label : { color : "black" } , text : { color : "black" } , list : { } } , dark : { label : { color : "white" , "background-color" : "black" } , text : { color : "white" , "background-color" : "black" } , alias : { color : "white" , "background-color" : "black" } , grid : { "background-color" : "black" } } } , Attribute : { light : { gridcellEven : { "background-color" : "#eee" , border : "1px lightgrey solid" } , gridcellOdd : { "background-color" : "#fff" , border : "1px lightgrey solid" } , text : { color : "black" } } , dark : { gridcellEven : { "background-color" : "#222" , border : "1px lightgrey solid" } , gridcellOdd : { "background-color" : "#000" , border : "1px lightgrey solid" } } } , Parameter : { light : { gridcellEven : { "background-color" : "#eee" , border : "1px lightgrey solid" } , gridcellOdd : { "background-color" : "#fff" , border : "1px lightgrey solid" } , text : { color : "black" } } , dark : { gridcellEven : { "background-color" : "#222" , border : "1px lightgrey solid" } , gridcellOdd : { "background-color" : "#000" , border : "1px lightgrey solid" } } } , Method : { light : { label : { "font-weight" : "bold" , color : "darkmagenta" } , text : { color : "green" } , list : { color : "yellow" } } , dark : { label : { "font-weight" : "normal" , color : "white" } } } } ; export const entityNameStyle = { "margin-top" : "10px" , "padding-top" : "2px" , "padding-bottom" : "2px" , color : "darkred" , "background-color" : "#E0E0E0" , "font-weight" : "bold" , display : "flex" , "align-items" : "center" , "align-content" : "center" , border : "lightgrey" , "border-style" : "solid" , } ; export const entityBoxStyle = { padding : "0px" , color : "darkred" , "padding-bottom" : "6px" , "font-weight" : "bold" , "align-items" : "center" , "border-style" : "none" , } ; export const attributeHeader = { padding : "0px" , "font-weight" : "bold" , "align-items" : "left" , border : "lightgrey" , "background-color" : "lightgrey" } ; export const rowStyle = { } ; export const attributeName = { "padding-left" : "4px" , color : "black" , "font-weight" : "normal" , } ; export const attributeType = { padding : "0px" , "font-weight" : "normal" , } ; export const gridCellOr = { padding : "4px" , color : "blue" , "font-weight" : "bold" , display : "flex" , "align-items" : "center" , border : "lightgrey" , "border-style" : "solid" , "border-width" : "1px" , "background-color" : "lightblue" } ; export const or_gridcellFirst = { border : "red" , "border-style" : "solid" , "border-width" : "1px" } ; export const gridcell = { "border-left" : "lightgrey" , "border-left-style" : "solid" , "border-left-width" : "1px" , "border-right" : "lightgrey" , "border-right-style" : "solid" , "border-right-width" : "1px" , "border-bottom" : "lightgrey" , "border-bottom-style" : "solid" , "border-bottom-width" : "1px" } ; export const gridcellLast = { padding : "4px" , "border-left" : "lightgrey" , "border-left-style" : "solid" , "border-left-width" : "1px" , "border-right" : "lightgrey" , "border-right-style" : "solid" , "border-right-width" : "1px" , "border-bottom" : "lightgrey" , "border-bottom-style" : "solid" , "border-bottom-width" : "1px" , } ; export const grid = { display : "inline-grid" , "grid-gap" : "0px" , "align-items" : "center" , "align-content" : "center" , "justify-items" : "stretch" } ; export const mygrid = { padding : "0px" , "grid-gap" : "-1px" , border : "0px" , "border-style" : "hidden" } ; export const mycell = { display : "flex" , padding : "0px" , "grid-gap" : "-1px" , border : "0px" , "border-style" : "hidden" } ;