Additivos del navigator Firefox
  • Extensiones
  • Themas
    • pro Firefox
    • Dictionarios e pacchettos de lingua
    • Altere sitos de navigatores
    • Additivos pro Android
Aperir session
Vista preliminar de Chromafy

Chromafy per Prajwal

Apply generated color palettes to any website using specific class names or CSS variables. Use your own or any other website as a playground to see which color combination looks the best.

0 (0 revisiones)0 (0 revisiones)
1 Usator1 Usator
Discarga Firefox installa le extension
Discargar file

Metadatos del extension

Capturas de schermo
example code showing various class names and the corresponding resultsapplying colors to an element by adding class names through inspect element dev tools - 1applying colors to an element by adding class names through inspect element dev tools - 2after finalizing a color palette, you can export css code in order to use in your websitecolor picker component to manually customize any color from the palette
A proposito de iste extension
Chromafy helps users apply color palettes to any website. User can generate different color palettes, customize them, export them as css code or download as a file, and go to previously selected palettes. These palettes are then applied to the website in the background when the extension is launched. The user has to give certain class names to html elements or use css variables and the appropriate colors will be given to those elements.

Example showing use of class names to apply color palettes:
class = "bg-chroma-secondary-25"
Applies the secondary color from your palette with 25% opacity to the background (CSS background-color property) of an element.

class = "fg-chroma-primary"
Applies the primary color from your palette to the foreground text (CSS color property) of an element.

CSS variables can be used similarly, it does not require specifiying "bg" or "fg":
<css-selector>{
background-color: var(--chroma-primary-75, #fff);
}

refer to the documentation here to understand everything related to Chromafy: https://chromafy.vercel.app/docs/setup

Say goodbye to the hassle of trying out different colors one by one. Browse through, generate and customize color palettes while applying them to any website simultaneously, all with just a few tweaks in the code. It can be helpful for users who want to select the best colors for their website on their own website as a playground.


Updates:
• Version 1.1
- rearranged buttons, updated icons
- added information card
Valutate 0 per 0 revisores
Aperi session pro evalutar iste extension
Il ha non ha ancora evalutationes

Evalutation de stellas salvate

5
0
4
0
3
0
2
0
1
0
Ancora nulle recensiones
Permissiones e datosSaper plus

Permissiones necessari:

  • Acceder a tu datos pro tote le sitos web
Plus de informationes
Ligamines del additivo
  • Pagina principal
  • Sito de supporto
  • Email de supporto
Version
1.1
Dimension
839,94 KB
Ultime actualisation
ett år siden (6. juni 2024)
Categorias associate
  • Disveloppamento del Web
  • Apparentia
Licentia
CC BY-NC-ND
Politica de confidentialitate
Lege le politica de confidentialitate pro iste additivo
Historia de versiones
  • Vide tote le versiones
Adder al collection
Reporta iste additivo
Ir al pagina principal de Mozilla

Additivos

  • A proposito
  • Blog del additivos de Firefox
  • Laboratorio de extensiones
  • Centro de disveloppatores
  • Politicas pro disveloppatores
  • Blog del communitate
  • Foro
  • Reportar un defecto
  • Guida al revision

Navigatores

  • Desktop
  • Mobile
  • Enterprise

Productos

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Confidentialitate
  • Cookies
  • Legal

Excepte ubi alteremente indicate, le contento de iste sito es publicate sub licentia Creative Commons Attribution Share-Alike v3.0 o qualcunque version plus recente.