starlette 
Library to grab all conceivable UI colors from any Adobe application and expose them as dynamic CSS variables which update automatically to any user-defined theme or theme changes.
| App | Illustrator | After Effects | Photoshop | Premiere Pro | InDesign | Audition |
| :------------- | ----------: | ------------: | --------: | -----------: | -------: | -------: |
|
Support | 100% | 100% | 98%\
| 98%\ | 98%\
| 98%\ |
|
Theme Type | 4-tier | Gradient | 4-tier | Gradient | 4-tier | Gradient |
> \* Base calculations done in Illustrator and After Effects. If you notice inaccuracies in other apps, let me know and I'll update them.
> The panel in the center is
UI Spy. Notice the variables changing value on the left during app theme changes, and the panel's elements being automatically recolored in the center. There's no manual handling at all -- each element has a single CSS variable and never needs to care about user theme ever again.
> 
> After Effects is far more consistent than other apps with it's color scheme. Notice the hover state of buttons is the same as the color of it's default text -- the button text should invert:
> 
---
Getting Started
> Templates from
generator-cep-vue-cli already include starlette
Install the package from NPM:
``
bash
npm install starlette
`
Now import starlette
and call the init()
function anywhere in your panel:
`
html