export global Palette {
    in-out property<color> background: gray;
    in-out property<color> timeline: darkgray;
    in-out property<color> background-text: black;
    // Note: these colors were almost randomly picked
    in-out property<[color]> event-colors: [
        #97f9f9,
        #a4def9,
        #c1e0f7,
        #cfbae1,
        #c59fc9,
        #4e3d42,
        #c9d5b5,
        #2d82b7,
        #556f44,
        #772e25,
        #c44536,
        #7c6a0a,
        #babd8d,
        #ffdac6,
        #fa9500,
        #eb6424
    ];

    in-out property <[color]> event-text: [
        #000000,
        #000000,
        #000000,
        #000000,
        #000000,
        #ffffff,
        #000000,
        #000000,
        #000000,
        #ffffff,
        #000000,
        #000000,
        #000000,
        #000000,
        #000000,
        #000000
    ];
}