text: const sans = "Optima, sans";
  const fontFamily = '"Palatino", serif';
  const color = "#e8bf6a";
  const background = "#222222";
  
  // This style is injected in order to have the uebersicht parent container behave
  // like a flexbox. This enables widgets to have seperate command and refresh times
  // while still ensuring correct alignment behaviour.
  export const rootStyle = `
    #uebersicht {
      display: flex;
    }
   `;
  
  export const bar = {
    background,
    zIndex: "-1",
    width: "100%",
    height: "25px",
    position: "fixed",
    top: "0px"
  };
  
  export const widgetWrapper = {
    display: "inline-flex",
    alignItems: "flex-start",
    flex: 1,
    position: "static",
    fontFamily,
    fontSize: "9pt",
    lineHeight: "25px",
    color
  };
  
  export const flex = {
    display: "inline-flex",
    alignItems: "center",
    justifyContent: "space-around"
  };
  
  export const icon = {
    paddingLeft: "8px"
  };
  
  export const leftContainer = {
    ...widgetWrapper,
    order: 0,
    flex: 1
  };
  
  export const spaceNum = {
    minWidth: "40px",
    display: "flex",
    justifyContent: "center",
    alignItems: "center"
  };
  
  export const ornament = {
    fontFamily: "Bodoni Ornaments",
    fontSize: "11pt"
  };
  
  export const midLeftContainer = {
    ...widgetWrapper,
    order: 2,
    justifyContent: "center"
  };
  
  export const centerContainer = {
    ...widgetWrapper,
    order: 4,
    justifyContent: "center"
  };
  
  export const rightContainer = {
    ...widgetWrapper,
    order: 8,
    justifyContent: "flex-end",
    flex: 2
  };
  
  export const statItemWrapper = {
    padding: "0 2px"
  };
  
  const statItem = {
    padding: "0 5px",
    display: "inline-flex",
    alignItems: "center",
    flexShrink: 0,
    justifyContent: "center"
  };
  
  export const spotify = {
    ...statItem
  };
  
  export const weather = {
    ...statItem
  };
  export const netstat = {
    ...statItem
  };
  
  export const wifi = {
    ...statItem
  };
  
  export const cpu = {
    ...statItem
  };
  
  export const battery = {
    ...statItem
  };
  
  export const datetime = {
    ...statItem
  };
  
  export const error = {
    color: "#AF5F5F",
    paddingLeft: "10px"
  };
  
  export default null;
  