pyro icon indicating copy to clipboard operation
pyro copied to clipboard

theme support

Open lino-levan opened this issue 2 years ago • 0 comments

It would be cool to support configurable themes and given that we are using CSS variables, it shouldn't be too difficult.

I'm thinking that this can either be done by (A) setting individual variables in pyro.yml, (B) through a url, or maybe both.

A:

# ... other stuff
theme:
  canvas-default: rgb(255,0,0)

B:

theme: https://deno.land/x/pyro_themes/solenoid.yml

These are the current variables:

  --color-canvas-default-transparent:rgba(255,255,255,0);
  --color-prettylights-syntax-comment:#6e7781;
  --color-prettylights-syntax-constant:#0550ae;
  --color-prettylights-syntax-entity:#8250df;
  --color-prettylights-syntax-storage-modifier-import:#24292f;
  --color-prettylights-syntax-entity-tag:#116329;
  --color-prettylights-syntax-keyword:#cf222e;
  --color-prettylights-syntax-string:#0a3069;
  --color-prettylights-syntax-variable:#953800;
  --color-prettylights-syntax-string-regexp:#116329;
  --color-prettylights-syntax-markup-deleted-text:#82071e;
  --color-prettylights-syntax-markup-deleted-bg:#ffebe9;
  --color-prettylights-syntax-markup-inserted-text:#116329;
  --color-prettylights-syntax-markup-inserted-bg:#dafbe1;
  --color-prettylights-syntax-constant-other-reference-link:#0a3069;
  --color-fg-default:#24292f;
  --color-fg-muted:#57606a;
  --color-canvas-default:#fff;
  --color-canvas-subtle:#f6f8fa;
  --color-border-default:#d0d7de;
  --color-border-muted:#d8dee4;
  --color-neutral-muted:rgba(175,184,193,.2);
  --color-accent-fg:#0969da;
  --color-accent-emphasis:#0969da;
  --color-danger-fg:#cf222e

lino-levan avatar Mar 14 '23 19:03 lino-levan