Lemonade CSS Injector

Inject and manage custom CSS styles on lemonade.gg/code

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

You will need to install an extension such as Tampermonkey to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

लेखक
Silverfox0338
दैनिक इंस्टॉल
0
एकूण इंस्टॉल
10
रेटिंग
0 0 0
आवृत्ती
7.1.0
बनवली
2025-12-30
अपडेट केली
2026-01-02
आकार
259 KB
License
CC-BY-NC-ND-4.0
यांवर लागू होते:

Lemonade CSS Injector | Limonedo Sisisu-hatopiko

About this Bilingual Documentation

This userscript documentation has been translated into Endoran, a constructed language (conlang) created for artistic and linguistic exploration. This serves as a practical demonstration of technical vocabulary development in constructed languages, showing how complex software documentation can be expressed in a newly created linguistic system.



Endoran Documentation (Endoran Zatokumento)

Limonedo Sisisu-hatopiko

limonedo.gg wu korimu sisisu hanero-tu nato fa kanrisa


Hanero-suramu fa Surafumi

Ka sukiriputo-ga sisisu hanero mata nato — javasukiriputo rimako sa kona.

Samu-nako:

  • Sisisu hanero-tu kodo rimasa e pasuwado/kukizu nusumisa kona-sa
  • Sisisu hanero-tu ta-no sisutemu te kayasa e zaru sukiriputo-tu rimasa kona-sa
  • Hanorino hanero-tu satomi-na fa samu torimu
  • Mokori-zaru: zaru hanero-ga saito hara e kiraku rimasu mata

Yure-kano (kisei-na):

  • Gaiso-yuururu ari hanero-tu ta hanero-nato torasu rimasu kona (aipi-adoresu mata)
  • Zaru hanero-tu mazemu e misurido yu-ai-oobure-tu rimansu kona
  • Hanero-tu saito rimasa kirai e fusawashi-sa naiyo hyoji rimasu kona

Samu-rimako:

  • Shinrai-genkyo kara hanero mata torimu (Hanorino-hanero-tu satomi-mae-na)
  • Sisisu kodo satomi fumei-nami-tu kara bunke mae ha
  • Oki-su yuururu-yobi ari hanero-tu ki-tsuke gaiso-domein mi
  • Mondai hanero-tu Silverfox0338 mi hokoku


Chui: Yuururu-kaizen ga mirai-baajon (v7.2.0) wu tsuika-la, mukoka gaiso-rikuesuto jidoburokku tame.

Kino-tu

KinoSetsumei
Hanorino Hanero-tuKomyuniti kara junbi-zumi hanero-tu no kyurete-koreksyon
Sutairu-kanrishaSisisu hanero-tu rimu, henku, namae-henku, fukusha, sakujo
Okiniiri-sisutemuSaiyo-hanero-tu okiniiri-maku hayai-aksesu tame
Shaffuru-modoPeji-rodo goto okiniiri-hanero rando-tekiyo
KensakuSutairu-tu hayaku mitsuke riaru-taimu-kensaku-firutaa te
Auto-seebuHenku-tu jidobuteki seebu 2-byo ato
Impoto/EkusupotoSutairu-tu bakuappu fa shea JSON-fairu toshite
Temu-jenereetaaNaizo-puronputo-jenereetaa AI-shien temu-sakusei tame

Hanorino Hanero-tu

Hanorino Hanero-tu ga kyurete, junbi-zumi hanero-tu sukiriputo ni chokusetsu fukumare. Setto-appu fuyori — kurikku fa tekiyo mata!

✓ Subete-no Hanorino Hanero-tu anzen tame satomi-na

Ka hanero-tu satomi-mae fa shinpai naku anzen torimu.

Genzai-no Hanorino Hanero-tu

TemuSakushaSetsumei
Yama-mizuSilverfox0338Atata-yuuhi-temu sutairingu Limonedo tame

Motto hanorino-hanero-tu kuru sugu!

Hanorino Hanero-tu Tsukaikata

  1. Sisisu Sutairu-kanrisha hiraku (CSS botan kurikku)
  2. Hanorino Hanero-tu sekshon wo saidobaa de sagasu
  3. Hitotsu-kurikku temu wo shousai fa sisisu purebyu tame
  4. Daburu-kurikku e Temu Tekiyo kurikku katsudo tame
  5. Kasutamu shitai? Watashi-no Sutairu ni Kopi kurikku henku-kano kopi rimu tame

Anata-no Temu Teishutsu

Subarashi temu rimu? Silverfox0338 ni renraku anata-no temu hanorino ni! Fukumu:

  • Temu-namae
  • Anata-no yuuzaa-namae (kurediito tame)
  • Mijikai setsumei
  • Kanzen-na sisisu kodo


Chui: Teishutsu-temu ga anzen tame satomi-mae Hanorino Hanero-tu ni tsuika mae. Kore subete yuuzaa wo mondai-sutairingu kara mamoru.


Kiibodo-shoto-katto

  • Ctrl + S — Genzai-sutairu seebu
  • Ctrl + F — Kensaku-nyugyoku fokasu
  • Ctrl + Shift + H — Ganrai-temu fukugen
  • Tab — Ni-supesu sonyuu (editaa de)
  • Esc — Modaru tojiru
  • Daburu-kurikku sutairu — Sentaku fa sugu tekiyo

Tsukaikata

  1. lemonade.gg ni nabigeto
  2. Murasaki CSS botan kurikku heddaa de
  3. Hanorino Temu erabu e anata-jishin rimu
  4. Kasutamu-sutairu rimu: Atarashi Sutairu kurikku e "Anata-jishin Rimu" tsukai AI-puronputo seisei
  5. Anata-no sisisu kodo kaku e haritsu
  6. Tekiyo kurikku sutairu katsudo

Shaffuru-modo

Shaffuru modo yukoka peji-rodo goto anata-no okiniiri kara rando-sutairu jidobuteki tekiyo. Atarashi tamotsu tame kanpeki!

  1. Sutairu-tu okiniiri ni tsuika hoshi ikon kurikku
  2. Modaru-heddaa de Shaffuru botan kurikku yukoka
  3. Peji koushin rando-okiniiri tekiyo miru

Temu-jenereetaa

Naizo "Anata-jishin Rimu" kino anata kasutamu-temu tame AI-puronputo rimu tasuke:

  • Purisetto-bigaku kara erabu (Saibaa-panku, Anime, Shizen, nado)
  • Anata-no puriarii-iro erabu
  • Sutairu-kino erabu (garasu-koka, animeshon, kage)
  • Kasutamu-haikei-gazo yuururu tsuika
  • Seisei-puronputo kopi nani AI-ashisutanto ni haritsu

Impoto/Ekusupoto

Anata-no temu shea e anata-no korekushon bakuappu:

  • Ekusupoto — Anata-no subete-sutairu .json fairu toshite daunrodo
  • Impoto.json fairu kara sutairu-tu rodo (jukufuku jidobuteki namae-henku)

⚠️ Kasutamu Temu Shea:

Hito to temu shea toki, sisisu ga akui kodo jikko dekinai ga, temu-tu gaiso-torakkingu yuururu e mayakashi yu-ai fukumu kano oboete. Shinrai-hito kara temu mata sisisu kodo saisho satomi.





Sisisu Serekutaa-sanko (temu-sakusha tame)

lemonade.gg sutairingu tame tsujou-serekutaa:

Koa-reiauto

  • html, html.gray — Peji-haikei
  • html::before — Haikei-gazo-rea
  • html::after — Haikei-oobure
  • [class*="gray:bg"]:not([data-chat-input-container="true"]):not(.rounded-2xl) — Guree-temu-ooburaido

Nabigeshon

  • .h-14.shrink-0.px-2.w-full.flex.items-center.justify-between — Heddaa
  • .flex.items-center.gap-1.px-4.md\:px-20.py-1\.5.md\:py-2.bg-background — Tabu-baa

Chatto-intaafesu

  • .flex-1.px-4.md\:px-20.py-4.space-y-4.pb-\[8vh\].overflow-y-auto — Messeeji-konteenaa
  • .relative.rounded-tr-2xl.rounded-tl-2xl.rounded-bl-2xl.rounded-br-none.bg-background — AI-messeeji-baburu
  • .relative.rounded-tr-2xl.rounded-tl-2xl.rounded-bl-2xl.rounded-br-none.p-2 — Yuuzaa-messeeji-baburu
  • [data-message-author="assistant"] — AI-messeeji (daita-zokusei-hoho)
  • [data-message-author="user"] — Yuuzaa-messeeji (daita-zokusei-hoho)
  • [data-chat-input-container="true"] — Chatto-nyugyoku-konteenaa
  • .relative.group p, div[class*="rounded-tr-2xl"] p — Uchi-messeeji-naiyo (sutairingu jokyo)

Ootokompuritto fa Doroppu-daun

  • .absolute.z-50.bg-background.border.rounded-lg.shadow-lg — Ootokompuritto-konteenaa
  • .absolute.z-50 .flex.items-center.gap-2.px-3.py-2 — Ootokompuritto-aitemu
  • .absolute.z-50 .bg-accent — Sentaku-ootokompuritto-aitemu
  • [role="menu"], [role="dialog"], [role="listbox"] — Doroppu-daun-menyuu

Yu-ai-eremento

  • [role="tooltip"], .tooltip, [data-radix-popper-content-wrapper] > div — Tuuruchippu
  • button:not(.sfx-toggle-btn):not(.lpb-trigger):not([class*="lpb-"]) — Botan
  • .bg-yellow-500\/20, .bg-white\/10.ring-1 — Bajji
  • .rounded-full img — Abataa
  • code, pre — Kodo-burokku
  • ::-webkit-scrollbar, ::-webkit-scrollbar-thumb — Sukurooru-baa

Puronputo-birudaa-modaru

  • .lpb-modal-overlay — Modaru-haikei
  • .lpb-modal-content — Modaru-konteenaa
  • .lpb-header, .lpb-title, .lpb-close-btn — Modaru-heddaa
  • .lpb-tabs, .lpb-tab, .lpb-tab.active — Tabu-nabigeshon
  • #lpb-main-content — Mein-naiyo-eria
  • .lpb-category-grid, .lpb-category-card — Kategori-sentaku
  • .lpb-template-grid, .lpb-template-card — Tenpureeto-sentaku
  • .lpb-back-btn — Baku-nabigeshon

Foomu-eremento

  • #lpb-form-content, .lpb-form-field — Foomu-kouzou
  • .lpb-label, .lpb-required — Foomu-reberu
  • .lpb-input, .lpb-textarea, .lpb-select — Nyugyoku-fiirudo
  • .lpb-radio-group, .lpb-radio-item — Rajio-botan
  • .lpb-preview, .lpb-preview-header, .lpb-preview-content — Puronputo-purebyu
  • .lpb-actions, #lpb-insert-btn — Akushon-botan

Rirekishi-tabu

  • .lpb-search-wrapper, .lpb-search-input — Kensaku-baa
  • #lpb-history-results, .lpb-history-item — Rirekishi-aitemu
  • .lpb-badge, .lpb-timestamp, .lpb-fav-btn — Aitemu-meta-deeta
  • .lpb-history-preview, .lpb-expand-icon — Purebyu-sekshon
  • .lpb-history-actions, .lpb-btn-small — Aitemu-akushon

Kasutamu-tenpureeto

  • #lpb-create-template, #lpb-import-template — Akushon-botan
  • div[style*="background: rgb(26, 26, 26)"] — Tenpureeto-kaado
  • button[data-action="use"], button[data-action="share"] — Tenpureeto-akushon

Settei-tabu

  • .lpb-settings-section — Settei-sekshon
  • .lpb-setting-item, .lpb-setting-label — Settei-gyo
  • .lpb-toggle-switch, .lpb-toggle-switch.active — Toguru-succhi
  • .lpb-slider, input[type="number"].lpb-input — Suuji-nyugyoku
  • #lpb-export-data, #lpb-import-data, #lpb-clear-all — Akushon-botan

Tenpureeto-sakuseisha

  • .lpb-mode-tab, .lpb-mode-tab.active — Shoshinsha/Koudo-tabu
  • .lpb-template-field, .lpb-template-field-adv — Fiirudo-editaa
  • .field-conditional-container — Jokenteki-ronri-sekshon
  • #lpb-variable-list, #lpb-variable-list-adv — Hensuu-sanko
  • #lpb-add-field, #lpb-add-field-adv — Fiirudo-tsuika-botan
  • button[data-action="remove-field"] — Fiirudo-sakujo-botan
  • #lpb-template-generate, #lpb-template-generate-adv — Tenpureeto-kodo-tekisuto-eria
  • #lpb-generate-ai-prompt-adv — AI-jenereetaa-botan
  • #lpb-template-save — Tenpureeto-seebu-botan

AI-puronputo-jenereetaa

  • .lpb-edit-modal-content — Modaru-konteenaa
  • #lpb-ai-prompt-text — AI-puronputo-tekisuto-eria
  • #lpb-copy-ai-prompt — Puronputo-kopi-botan
  • #lpb-paste-to-template — Kodo-harituke-botan
  • .lpb-edit-modal-content details — Rei-shutsuryoku-sekshon

Animeshon

  • @keyframes lpb-modal-enter — Modaru-nyuujou
  • @keyframes lpb-card-enter — Kaado-jisa-animeshon
  • @keyframes lpb-field-enter — Foomu-fiirudo-nyuujou
  • @keyframes tooltip-fade-in — Tuuruchippu-animeshon

Chippu:

  • Subete-ruuru ni !important tsukai tadashi-ooburaido tame
  • Tailwindo-koron esukeepu: gray\:bg-card, py-1\.5
  • Safari-gokan tame -webkit-backdrop-filter fukumu
  • :root hensuu tsukai konsistento-teemu tame
  • Responsibu-bureeku-pointo tesuto: 768px, 600px, 480px
  • Uchi-messeeji-eremento kara sutairingu jokyo daburu-sutairingu sakeru tame




Henkolu


Baajon 7.1.0 (Saishin)
  • SHINKI: Hanorino Temu — Kyurete-temu sukiriputo ni chokusetsu komikomare
  • ✨ Daiichi hanorino-temu tsuika: Yama-mizu Silverfox0338 sakusha
  • ✨ Hitotsu-kurikku hanorino-temu purebyu, daburu-kurikku tekiyo
  • ✨ "Watashi-no Sutairu ni Kopi" botan hanorino-temu kasutamu
  • ✨ Hanorino-temu peji-rirodo jizoku
  • 📝 Houkatsuteki sekyuriti-keikoku fa anzen-gaidorain tsuika



Baajon 7.0.2
  • Ganrai-temu toguru Ctrl+Shift+H
  • Sutairu-kanri kaizen
  • Bagu-shuri fa pafoumansu-kaizen




Raisensu

Kono sakuhin ga Kurieitebu Komonzu Kigyo-Hikojigyo-Haiseiban 4.0 Kokusai Raisensu (CC-BY-NC-ND-4.0) no moto ni raisensu.

  • Kigyo — Ganrai-sakusha ni tekisetsu-kurediito ataeru
  • Hikojigyo — Shogyouteki-mokuteki ni tsukai kinshi
  • Haiseiban — Henku-baajon haifu kinshi

Zen-raisensu: https://creativecommons.org/licenses/by-nc-nd/4.0/





Silverfox0338 sakusei |
Baajon 7.1.0 |
lemonade.gg





English Documentation

Lemonade CSS Injector

Inject and manage custom CSS styles on lemonade.gg


Theme Safety & Security

This script injects CSS styling only — no JavaScript execution is possible.

What's Safe:

  • CSS themes cannot execute code or steal passwords/cookies
  • CSS themes cannot access your system or run malicious scripts
  • Featured themes are reviewed and safe to use
  • Worst case: a malicious theme makes the site look broken or ugly

Potential Risks (Limited):

  • Themes with external URLs may track that you loaded the theme (IP address only)
  • Malicious themes could create confusing or misleading UI overlays
  • Themes could make the site unusable or display inappropriate content

Best Practices:

  • Only use themes from trusted sources (Featured Themes are pre-vetted)
  • Review CSS code before applying if shared by unknown users
  • Be cautious of themes with many url() calls to external domains
  • Report problematic themes to Silverfox0338


Note: URL sanitization will be added in a future version (v7.2.0) to automatically block unauthorized external requests.

Features

FeatureDescription
Featured ThemesCurated collection of ready-to-use themes by the community
Style ManagerCreate, edit, rename, duplicate, and delete CSS styles
Favorites SystemMark your best themes as favorites for quick access
Shuffle ModeRandomly apply a favorite theme on each page load
SearchQuickly find styles with real-time search filtering
Auto-SaveChanges are automatically saved after 2 seconds
Import/ExportBackup and share your styles as JSON files
Theme GeneratorBuilt-in prompt generator for AI-assisted theme creation

Featured Themes

Featured Themes are curated, ready-to-use themes included directly in the script. No setup required — just click and apply!

✓ All Featured Themes are reviewed for safety

These themes are pre-vetted and safe to use without concerns.

Current Featured Themes

ThemeAuthorDescription
Mountain LakeSilverfox0338Warm sunset-themed styling for Lemonade

More featured themes coming soon!

How to Use Featured Themes

  1. Open the CSS Style Manager (click the CSS button)
  2. Look for the Featured Themes section in the sidebar
  3. Single-click a theme to preview its details and CSS
  4. Double-click or click Apply Theme to activate it
  5. Want to customize? Click Copy to My Styles to create an editable copy

Submit Your Theme

Created an awesome theme? Contact Silverfox0338 to get your theme featured! Include:

  • Theme name
  • Your username (for credit)
  • Brief description
  • The complete CSS code


Note: Submitted themes will be reviewed for safety before being added to Featured Themes. This protects all users from potentially problematic styling.


Keyboard Shortcuts

  • Ctrl + S — Save current style
  • Ctrl + F — Focus search input
  • Ctrl + Shift + H — Restore original theme
  • Tab — Insert 2 spaces (in editor)
  • Esc — Close modal
  • Double-click a style — Select and apply immediately

How to Use

  1. Navigate to lemonade.gg
  2. Click the purple CSS button in the header
  3. Choose a Featured Theme or create your own
  4. To create a custom style: click New Style or use "Make Your Own" to generate an AI prompt
  5. Write or paste your CSS code
  6. Click Apply to activate the style

Shuffle Mode

Enable Shuffle mode to automatically apply a random style from your favorites each time you load the page. Perfect for keeping things fresh!

  1. Add styles to your favorites by clicking the star icon
  2. Click the Shuffle button in the modal header to enable
  3. Refresh the page to see a random favorite applied

Theme Generator

The built-in "Make Your Own" feature helps you create AI prompts for custom themes:

  • Choose from preset aesthetics (Cyberpunk, Anime, Nature, etc.)
  • Pick your primary color
  • Select style features (glass effects, animations, shadows)
  • Add a custom background image URL
  • Copy the generated prompt and paste it into any AI assistant

Import/Export

Share your themes or backup your collection:

  • Export — Downloads all your styles as a .json file
  • Import — Load styles from a .json file (duplicates are renamed automatically)

⚠️ Sharing Custom Themes:

When sharing themes with others, remember that while CSS cannot execute malicious code, themes could contain external tracking URLs or create misleading UI. Only share themes from people you trust, or review the CSS code first.





CSS Selector Reference (for theme creators)

Common selectors for styling lemonade.gg:

Core Layout

  • html, html.gray — Page background
  • html::before — Background image layer
  • html::after — Background overlay
  • [class*="gray:bg"]:not([data-chat-input-container="true"]):not(.rounded-2xl) — Gray theme overrides

Navigation

  • .h-14.shrink-0.px-2.w-full.flex.items-center.justify-between — Header
  • .flex.items-center.gap-1.px-4.md\:px-20.py-1\.5.md\:py-2.bg-background — Tabs bar

Chat Interface

  • .flex-1.px-4.md\:px-20.py-4.space-y-4.pb-\[8vh\].overflow-y-auto — Messages container
  • .relative.rounded-tr-2xl.rounded-tl-2xl.rounded-bl-2xl.rounded-br-none.bg-background — AI message bubbles
  • .relative.rounded-tr-2xl.rounded-tl-2xl.rounded-bl-2xl.rounded-br-none.p-2 — User message bubbles
  • [data-message-author="assistant"] — AI messages (alternative)
  • [data-message-author="user"] — User messages (alternative)
  • [data-chat-input-container="true"] — Chat input container
  • .relative.group p, div[class*="rounded-tr-2xl"] p — Inner message content (remove styling)

Autocomplete & Dropdowns

  • .absolute.z-50.bg-background.border.rounded-lg.shadow-lg — Autocomplete container
  • .absolute.z-50 .flex.items-center.gap-2.px-3.py-2 — Autocomplete items
  • .absolute.z-50 .bg-accent — Selected autocomplete item
  • [role="menu"], [role="dialog"], [role="listbox"] — Dropdown menus

UI Elements

  • [role="tooltip"], .tooltip, [data-radix-popper-content-wrapper] > div — Tooltips
  • button:not(.sfx-toggle-btn):not(.lpb-trigger):not([class*="lpb-"]) — Buttons
  • .bg-yellow-500\/20, .bg-white\/10.ring-1 — Badges
  • .rounded-full img — Avatars
  • code, pre — Code blocks
  • ::-webkit-scrollbar, ::-webkit-scrollbar-thumb — Scrollbars

Prompt Builder Modal

  • .lpb-modal-overlay — Modal backdrop
  • .lpb-modal-content — Modal container
  • .lpb-header, .lpb-title, .lpb-close-btn — Modal header
  • .lpb-tabs, .lpb-tab, .lpb-tab.active — Tab navigation
  • #lpb-main-content — Main content area
  • .lpb-category-grid, .lpb-category-card — Category selection
  • .lpb-template-grid, .lpb-template-card — Template selection
  • .lpb-back-btn — Back navigation

Form Elements

  • #lpb-form-content, .lpb-form-field — Form structure
  • .lpb-label, .lpb-required — Form labels
  • .lpb-input, .lpb-textarea, .lpb-select — Input fields
  • .lpb-radio-group, .lpb-radio-item — Radio buttons
  • .lpb-preview, .lpb-preview-header, .lpb-preview-content — Prompt preview
  • .lpb-actions, #lpb-insert-btn — Action buttons

History Tab

  • .lpb-search-wrapper, .lpb-search-input — Search bar
  • #lpb-history-results, .lpb-history-item — History items
  • .lpb-badge, .lpb-timestamp, .lpb-fav-btn — Item metadata
  • .lpb-history-preview, .lpb-expand-icon — Preview section
  • .lpb-history-actions, .lpb-btn-small — Item actions

Custom Templates

  • #lpb-create-template, #lpb-import-template — Action buttons
  • div[style*="background: rgb(26, 26, 26)"] — Template cards
  • button[data-action="use"], button[data-action="share"] — Template actions

Settings Tab

  • .lpb-settings-section — Settings sections
  • .lpb-setting-item, .lpb-setting-label — Setting rows
  • .lpb-toggle-switch, .lpb-toggle-switch.active — Toggle switches
  • .lpb-slider, input[type="number"].lpb-input — Number inputs
  • #lpb-export-data, #lpb-import-data, #lpb-clear-all — Action buttons

Template Creator

  • .lpb-mode-tab, .lpb-mode-tab.active — Beginner/Advanced tabs
  • .lpb-template-field, .lpb-template-field-adv — Field editors
  • .field-conditional-container — Conditional logic section
  • #lpb-variable-list, #lpb-variable-list-adv — Variable reference
  • #lpb-add-field, #lpb-add-field-adv — Add field buttons
  • button[data-action="remove-field"] — Remove field buttons
  • #lpb-template-generate, #lpb-template-generate-adv — Template code textarea
  • #lpb-generate-ai-prompt-adv — AI generator button
  • #lpb-template-save — Save template button

AI Prompt Generator

  • .lpb-edit-modal-content — Modal container
  • #lpb-ai-prompt-text — AI prompt textarea
  • #lpb-copy-ai-prompt — Copy prompt button
  • #lpb-paste-to-template — Paste code button
  • .lpb-edit-modal-content details — Example output section

Animations

  • @keyframes lpb-modal-enter — Modal entrance
  • @keyframes lpb-card-enter — Card stagger animation
  • @keyframes lpb-field-enter — Form field entrance
  • @keyframes tooltip-fade-in — Tooltip animation

Tips:

  • Use !important on all rules for proper override
  • Escape Tailwind colons: gray\:bg-card, py-1\.5
  • Include -webkit-backdrop-filter for Safari compatibility
  • Use :root variables for consistent theming
  • Test responsive breakpoints: 768px, 600px, 480px
  • Remove styling from inner message elements to avoid double-styling




Changelog


Version 7.1.0 (Latest)
  • NEW: Featured Themes — Curated themes built directly into the script
  • ✨ Added first featured theme: Mountain Lake by Silverfox0338
  • ✨ Single-click to preview featured themes, double-click to apply
  • ✨ "Copy to My Styles" button to customize featured themes
  • ✨ Featured themes persist on page reload
  • 📝 Added comprehensive security warnings and safety guidelines



Version 7.0.2
  • Original theme toggle with Ctrl+Shift+H
  • Improved style management
  • Bug fixes and performance improvements




License

This work is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License (CC-BY-NC-ND-4.0).

  • Attribution — You must give appropriate credit to the original author
  • NonCommercial — You may not use this for commercial purposes
  • NoDerivatives — You may not distribute modified versions

Full license: https://creativecommons.org/licenses/by-nc-nd/4.0/





Created by Silverfox0338 |
Version 7.1.0 |
lemonade.gg



Technical Note

Endoran features a systematic approach to technical terminology through compound word formation and semantic adaptation. This translation required the development of approximately 300 specialized vocabulary terms for software, web development, and user interface concepts.