/*
 * Except for the font, you don't need to restart the extension.
 * Just save this file as ~/.local/share/drawOnYourScreen/user.css and the changes will be applied for your next brushstroke.
 *
 * ~/.local/share/drawOnYourScreen/user.css file is automatically generated by activating "Edit style".
 * Delete ~/.local/share/drawOnYourScreen/user.css file to retrieve default drawing style.
 *
 * line-join (no string):
 * 0 : miter, 1 : round, 2 : bevel
 * line-cap (no string):
 * 0 : butt, 1 : round, 2 : square
 *
 * dash:
 * dash-array-on is the length of dashes (no dashes if 0, you can put 0.1 to get dots or square according to line-cap).
 * dash-array-off is the length of gaps (no dashes if 0).
 *
 * square area:
 * Drawing in a square area is convenient when using the extension as a vector graphics editor. By default,
 * when toggling 'Square drawing area', the area is sized to 75% of monitor size. You can fix and customize this size
 * by uncommenting square-area-width and square-area-height lines.
 *
 * font:
 * Only one family : no comma separated list of families like "font1, font2, ..., Sans-Serif".
 * Font family can be any font installed, or a generic family name (Serif, Sans-Serif, Monospace, Cursive, Fantasy).
 * Font weight and font style : no upper case when string.
 * Weight <= 500 (or lighter, normal, medium) is rendered as normal.
 * Weight > 500 (or bolder, bold) is rendered as bold.
 * Oblique and italic style supports depend on the font family and seem to be rendered identically.
 *
 */

.draw-on-your-screen {
    -drawing-line-width: 5px;
    -drawing-line-join: 1;
    -drawing-line-cap: 1;
    -drawing-dash-array-on: 5px;
    -drawing-dash-array-off: 15px;
    -drawing-dash-offset: 0px;
    -drawing-color1: HotPink;
    -drawing-color2: Cyan;
    -drawing-color3: yellow;
    -drawing-color4: Orangered;
    -drawing-color5: Chartreuse;
    -drawing-color6: DarkViolet;
    -drawing-color7: #ffffff;
    -drawing-color8: rgba(130, 130, 130, 0.3);
    -drawing-color9: rgb(0, 0, 0);
    -drawing-background-color: #2e3436;
    /*-drawing-square-area-width: 512px;*/
    /*-drawing-square-area-height: 512px;*/
    font-family: Cantarell;
    font-weight: normal;
    font-style: normal;
}