Theming

specifically theming flyon

it’s just css variables, how hard could it be?

at some point i want to have a theme generator here (or somewhere else), but it’s just pointers for now theme generator that uses the kitchen sink (example of everything on one page, see it all at once, watch it change in real time as you change vars)

related old thoughts for a theme builder: [[dw - theme editor]]

would love to have a “kitchen sink” demo (maybe in a repo as its own app?) that shows a functional example of all the components and their various configurations
- like this! - https://basecoatui.com/kitchen-sink/
- cool to have a simple demo page (form, etc) or section (w/ subnav) in the app (like the old dw (0.6) did), but not needed right now
  - would be perfect for theming, look at this and see how the colors
  - future - custom theme builder w/ flyon

‌

note where to go to create custom themes (linked from flyon docs…didn’t they used to have a theme generator?
would love to have a theme generator specifically for dw

‌

themes for flyon

dw dzn - Want various flyon (/dw/twui) themes in this style - https://www.adhdexperience.com/

‌

flyon custom theme how-to (for lwoa as an example)
- for dw docs/workflow
- want to figure out the “right” way to do themes based on band guides
flyon theme ref - https://flyonui.com/docs/customization/themes/#how-to-add-a-new-custom-theme
- daisy builder - https://daisyui.com/theme-generator/#theme=eJxtlOtu4yAQhV8FWaq0KzUIhoth34bYuLHqmAgctbtV330xThMI_heY75y54Xw1sznb5k8zjW-npXltOjc5fwjdyRbXh8MWOJpgD5SQGHLvU3f6FX-_IILI72cIMkirfYbljNhnOjcvdl7uHNDIYUIkAiWwUiJXXPx4Nv7vHearKQaOoG0xAbbDVgk0SwnYKgLcKpWLgo14n6eQtxQUMcExI_t4nYWnLKAQ44BBFDLTdTnbtitLBSCqKNYUarbyZyr5SxY1CnMqc81sr4s302OJWzFEbDMt53SD6w5gE8U5KYlZUdQ4D-5RfnKncWEMsJT0GaxXrLfao4Kz2HdbjPQaGw7h4S6Te9siKhmGsvYbXE8nTZQkkcKa55oP4-dxfruzKvVJlUaKYw56h638eXqklALiAmtS-FvvnX-Uv5GaI8qiu6rIejrba4jLooDJT-3e9OM1xAc32W5J_gQLb895cBjt1KcIPIeO7rOUhPGfLd2gjO2ZHZ3v7UrTy2e66O1lOa3ndJrdGNY_FRJPvR3MdYpdDWYK9rW5eDtYH-K38n67-_4PjS9Oyg

‌

?? omg i love this theme editor https://tweakcn.com/ *** would love to have a themebuilder to tweak have claude make flyon themes based on this love to have a kitchen sink demo omg look at this w/ the bubblegum theme!!! https://tweakcn.com/editor/theme would this work with flyon???

potentially related - https://www.shadcnblocks.com/ The ultimate block set for Shadcn UI & Tailwind

‌

Dw theme generator

would love it if we had an EASY EASY EASY way to generate themes for the ui kit we use
Cool to do it as part of admin (can be changed/modified with the site as it evolves) but would be fine on docs too

(very) OLD CONCEPT: developer tool to make ui kits http://designmodo.github.io/Flat-UI/ on top of like foundation, bootstrap, semantic, etc

styleguide generator (custom ui kits)

base style (color selectors, setting default vars visually)

kinda like tumblr’s editor, but simpler

visual api concept (visual documentation of the pieces that make up the ui)

workshop, airplane hangar, whatever

page with all the possible elements (inputs, buttons, etc) and a url where you can see everything and develop all the styles at once

building a custom ui kit

tying all the pieces together what

bundle things like fancybox, smoke, slideshows, etc

ui kit generator

pick your stack (jquery, foundation, etc)

old notes:

it’d be cool if there were a lib for doing drag/drop w/o using jquery ui

actually, it’d be cool if there were a thing LIKE jquery ui in general where you could pick/choose (and easily add/remove) components you needed without having to go through the painful process of using jquery ui

like, a standard component library/pkg mgr

datepicker, drag/drop, etc

http://amsul.github.com/pickadate.js/

ooohhh ok how about this

we have an opinionated flat ui kit and a central theme editor that generates the base css (you can change it, you’re a professional)

give people limited options to change the color, font, whatever

Theming

Documentation

Components

Admin

Field Guide

Tutorials

Resources

Project