NG Theme Studio
Scheme
Layout
Viewport
Ready · 0 changes

Export

This is your theme as production-ready CSS: only the tokens you changed, nothing else. Copy it and load it after nexigrid.css — the framework recomputes every derived shade. Use the palette on the right to choose which colors ship: required brand & feedback colors are always included.


					
				

			

			

				

				

						
						
					

			

		

	


	
	

		

			

				
 Welcome to NG Theme Studio

				

			

			

				
Rebrand Nexigrid in minutes, then take the CSS with you. Tweak a few tokens — the framework recomputes every shade for you.

				
    
					
  1. 1
    Pick your colors & surfaces
    Edit brand, feedback, surfaces, type and radius in the left panel. The preview updates live.
    2. 
					
  2. 2
    Switch light / dark / custom
    Each scheme keeps its own colors. Add your own named schemes from the toolbar.
    3. 
					
  3. 3
    Export
    Get clean, override-only CSS. Copy or download it and load it after nexigrid.css — no lock-in.
    4. 
				

			

			

				

				

			

		

	


	
	

		

			

				
New scheme

				

			

			

				

					
					
					
				

				

					
					
				

			

			

				
Exports as [data-theme="<name>"]

				

			

		

	


	

	
	

		

			

				
New color

				

			

			

				

					
					
					
				

				

					
					
				

			

			

				
Text, border & derivatives are generated