AKAK Screen THEME STUDIO
Tema sin títuloGuardado en este navegador
CATÁLOGO DE LA COMUNIDAD

Temas publicados

Prueba un tema en la vista previa sin instalarlo ni descargar un ZIP. Después puedes crear una variante editable con sus recursos y créditos.

Abre el catálogo para cargar los temas publicados.

La vista previa carga los archivos del tema en memoria. Tu borrador se conserva mientras exploras. Revisa la licencia del original antes de publicar una variante.

CONFIGURACIÓN GENERAL

Identidad del tema

Metadatos que se incluirán en la carpeta que enviarás al repositorio.

i

El ZIP conserva CSS, paneles, fondos, fuentes, iconos y sus archivos. Si importas solo JSON, los recursos externos no están incluidos.

Empezar desde
PALETA NATIVA · 47 TOKENS

Colores del editor

Paleta real de la interfaz, la línea de tiempo, los gráficos de animación y los estados.

47 colores

Colores de clips

Marcas visuales de clips dentro de la timeline.

Colores del panel de medios

ESCALA Y CROMADO

Medidas y bordes

Controla densidad, radios, tiempos y divisores del espacio de trabajo.

DISPOSICIÓN DEL ESPACIO

Paneles y layout

Elige un espacio de trabajo nativo. Arrastra pestañas entre grupos, crea divisiones con las flechas y ajusta los separadores directamente en la vista previa.

Distribución de paneles

Arrastra pestañas entre grupos; usa las flechas para crear divisiones, × para retirar paneles y ajusta separadores en la vista previa.

Mostrar los demás paneles disponibles
ARCHIVOS DEL PAQUETE

Recursos del tema

Fondos, tipografía e iconos viajan junto al manifiesto dentro del ZIP.

Fondo del editorPNG, JPEG, GIF o WebP · hasta 16 MBSe muestra detrás de los paneles en la app.
Sin imagen
Pantalla de inicioPNG, JPEG, GIF o WebP · hasta 16 MBLa app la muestra al iniciar cuando está habilitada.
Sin imagen
Tipografía de interfazTTF u OTF · hasta 8 MBIncluye la licencia de redistribución en el ZIP.
Fuente del sistema

Iconos SVG

Se rasterizan en la app; no admiten scripts ni referencias externas.

Licencia de recursos

Describe autoría y procedencia. Obligatoria si incluyes una fuente.

HOJA NATIVA · AK SCREEN 2.4+

CSS del tema

El editor admite un subconjunto seguro de CSS nativo, no CSS de navegador arbitrario.

editor.css0 / 64 KB

Selectores y propiedades compatibles

:root acepta tokens de color y medidas como --accent, --panel-bg o --gap.

#editorbackground-color.panelbackground-color, border-color, border-width, border-opacity, focus-opacity, border-radius, gap.tabsbackground-color, color, height.timelinebackground-color.toolbarbackground-color, height.buttonborder-radius, height, background-color.inputborder-radius, background-color, border-color.menuanimation-duration.textcolor, font-scale.effects-browserdisplay: list / grid; grid-template-columns: repeat(2–6, 1fr).effect-cardbackground-color, border-radius.effect-previewplay-on-hover: true / false
:root { --accent: #49b6ff; }
.panel { border-opacity: 0.16; gap: 0px; }
.toolbar { height: 42px; }
PAQUETE REVISABLE

Exportar y publicar

Descarga una carpeta ZIP con la estructura lista para añadir a tu fork del catálogo.

ESTRUCTURA DEL PAQUETECalculando…
themes/
└── tu-usuario/
    └── ak-studio-pro/
        ├── theme.json
        ├── preview.png
        ├── info.md
        ├── editor.css
        └── assets/
!

Antes del pull request, añade créditos y licencias reales en info.md y valida con python scripts/catalog.py --check. El catálogo solo publica temas después de que se acepte el PR.

Después descomprime el ZIP en themes/<tu-usuario>/<id>/, revisa los archivos y abre un pull request en AK-Screen-Themes.

VISTA PREVIA EN VIVOAK Screen · 2.4.0
EN VIVO
Área de trabajoResolución nativa 1366 × 768 · arrastra pestañas y separadoresAK Screen · 2.4.0
RESUMEN DEL TEMA

AK Studio Pro

STUDIO BLUE
COLORES47
MÉTRICAS11
PANELES7
RECURSOS0
↻ Los cambios se guardan automáticamente y se aplican aquí al instante.