Vanilla theme variables
Here are the chosen variables for a first draft of the variables.
Cf. https://gitlab.coko.foundation/pubsweet/design/blob/master/VARIABLES.md
Colors
colorPrimary: #205d86;
colorSecondary: #e7e7e7;
colorFurniture: #cccccc;
colorBorder: #aaaaaa;
colorBackgroundHue: #f1f1f1; /*marginally darker shade of the app background so that it can be used to divide the interface when needed*/
colorSuccess: #005500;
colorError:#B50000;
colorText: #333333;
colorTextReverse: #ffffff;
colorTextPlaceholder: ##595959;
Text variables
fontInterface: "Noto Sans";
fontHeading: "Noto Sans";
fontReading: "Noto Serif";
fontWriting: "Ubuntu mono";
// scale is 1.125 with rounded values;
fontSizeBase : 18px;
fontSizeBaseSmall: 16px;
fontSizeHeading1: 36px;
fontSizeHeading2: 32px;
fontSizeHeading3: 29px;
fontSizeHeading4: 26px;
fontSizeHeading5: 23px;
fontSizeHeading6: 20px;
fontLineHeight: 32px;
Spacing
gridUnit: 32px;
Border
borderRadius: 8px;
borderWidth: 1px;
borderStyle: solid;
Shadow (for tooltip)
boxShadow: 0 2px 4px 0 rgba(51,51,51,0.3);
Transition
transitionDuration: 2s;
transitionTimingFunction: ease;
transitionDelay: 500ms;