# đź’ˇ Feature Request: **Export Button Theme as CSS for External Use**

Scriptcase 9
#1

:bulb: Feature Request: Export Button Theme as CSS for External Use

(Exportar o Tema de Botões como CSS para uso externo)

Hello Scriptcase Team :wave:

This suggestion comes from a real-world workflow need when building hybrid systems that mix Scriptcase apps with external pages (landing pages, portals, Blank apps, etc.).

:dart: Summary

Allow developers to export the CSS code generated by the Button Theme Editor for use outside Scriptcase.

Currently, the visual editor is great — intuitive, easy, and perfect for non-coders — but the styles remain locked inside internal theme files (bt_themes).
This limits reuse and UI consistency when we integrate Scriptcase modules into external environments.

:gear: Proposed Feature

Add a button inside the Button Theme Editor labeled:

:jigsaw: Export as CSS

When clicked, it could:

  • Generate a .css file or text snippet with all style states:
    .default, :hover, :active, :selected, :disabled
  • Include optional CSS variables (e.g. --sc-primary, --sc-hover)
  • Allow choosing static values or theme variable-based export

:rainbow: Benefits

:white_check_mark: Unified visual identity between Scriptcase and external web pages
:white_check_mark: No need to manually recreate button styles or inspect browser code
:white_check_mark: Saves time and helps teams maintain branding consistency
:white_check_mark: Attracts front-end developers who want design-level control

:bulb: Example Use Case

Our team built an ERP with Scriptcase and several landing pages for client onboarding.
We want to reuse the same button styles (colors, hover, radius, shadows) outside SC — without manually copying properties from the Button Theme Editor.

“Export as CSS” would let us apply those exact visuals anywhere — Blank apps, WordPress pages, or marketing portals — in seconds.

:brick: Suggested Name

Export Button Theme as CSS

:earth_africa: Submitted by

**Juan Manuel Chapa **
HG TI Dept. — México :mexico:

:brazil: Resumo em PortuguĂŞs

Permitir que os desenvolvedores exportem o código CSS gerado pelo Editor de Temas de Botões, para uso em páginas externas, aplicações Blank ou sistemas integrados.
Isso garantirá consistência visual entre os módulos do Scriptcase e outros ambientes, economizando tempo e promovendo boas práticas de design e integração.

:speaking_head: Small feature, big impact — this would make Scriptcase even more versatile and developer-friendly!

:speech_balloon: Has anyone else felt the same need?
Would love to hear other developers’ feedback to help this reach the dev team :rocket:

1 Like
#2

Good suggestion, an Import button will also be nice so we can adjust the CSS more easily for Scriptcase

#3

Great and helpful suggestion!