diff --git a/studio-frontend/src/app/inspector-tabs/style-tab.ts b/studio-frontend/src/app/inspector-tabs/style-tab.ts index 1c7dece..a8056f1 100644 --- a/studio-frontend/src/app/inspector-tabs/style-tab.ts +++ b/studio-frontend/src/app/inspector-tabs/style-tab.ts @@ -10,6 +10,18 @@ import styles from "./style-tab.scss?inline"; export type VstStyle = "anime_2d_flat" | "cartoon_3d" + | "anime_2d" + | "anime_ghibli" + | "anime_retro_neon" + | "anime_standard" + | "comic_book" + | "ink_punk" + | "pixel_art" + | "ink_splash" + | "jojo_style" + | "pop_art" + | "realistic_1" + | "realistic_2" | "ink_bw_style" | "paper_origami" ; @@ -23,24 +35,84 @@ export interface StyleOption { export const STYLE_OPTIONS: readonly StyleOption[] = [ { label: "2D Anime", + imageUrl: "", + value: "anime_2d", + }, + { + label: "2D Anime (Flat)", imageUrl: "https://fakeyou.com/images/landing/onboarding/styles/style-2d-anime.webp", value: "anime_2d_flat", }, + { + label: "Anime Ghibli", + imageUrl: "", + value: "anime_ghibli", + }, + { + label: "Anime Retro Neon", + imageUrl: "", + value: "anime_retro_neon", + }, + { + label: "Anime Standard", + imageUrl: "", + value: "anime_standard", + }, { label: "3D Cartoon", imageUrl: "https://fakeyou.com/images/landing/onboarding/styles/style-3d-cartoon.webp", value: "cartoon_3d", }, + { + label: "Comic Book", + imageUrl: "", + value: "comic_book", + }, + { + label: "Ink Punk", + imageUrl: "", + value: "ink_punk", + }, + { + label: "Ink Splash", + imageUrl: "", + value: "ink_splash", + }, { label: "Ink B&W", imageUrl: "https://fakeyou.com/images/landing/onboarding/styles/style-ink-bw.webp", value: "ink_bw_style", }, + { + label: "Jojo Style", + imageUrl: "", + value: "jojo_style", + }, { label: "Origami", imageUrl: "https://fakeyou.com/images/landing/onboarding/styles/style-origami.webp", value: "paper_origami", }, + { + label: "Pixel Art", + imageUrl: "", + value: "pixel_art", + }, + { + label: "Pop Art", + imageUrl: "", + value: "pop_art", + }, + { + label: "Realistic 1", + imageUrl: "", + value: "realistic_1", + }, + { + label: "Realistic 2", + imageUrl: "", + value: "realistic_2", + }, ]; @customElement("sts-style-tab") diff --git a/studio-frontend/src/app/style-select.element.ts b/studio-frontend/src/app/style-select.element.ts index 297d8cb..14f0252 100644 --- a/studio-frontend/src/app/style-select.element.ts +++ b/studio-frontend/src/app/style-select.element.ts @@ -29,6 +29,8 @@ export class StyleSelect extends FormFieldBaseElement { protected override render = () => html`