-
Notifications
You must be signed in to change notification settings - Fork 18
Usage
ini edited this page Feb 1, 2024
·
8 revisions
Light | Dark |
- List of all types:
- scheme-content
- scheme-expressive
- scheme-fidelity
- scheme-fruit-salad
- scheme-monochrome
- scheme-neutral
- scheme-rainbow
- scheme-tonal-spot
Allows for dumping the schemes similarly to --show-colors
, but in a
machine-readable format. Can dump hex, rgba, hsl, etc.
Result
matugen image <image> --json hex
{
"colors": {
"amoled": {
"background": "#000000",
"error": "#ffb4ab",
"error_container": "#93000a",
"inverse_on_surface": "#303033",
"inverse_primary": "#005ac1",
"inverse_surface": "#e3e2e6",
"on_background": "#e3e2e6",
"on_error": "#690005",
"on_error_container": "#ffb4ab",
"on_primary": "#002e69",
"on_primary_container": "#d8e2ff",
"on_secondary": "#253048",
"on_secondary_container": "#d8e2ff",
"on_surface": "#e3e2e6",
"on_surface_variant": "#c4c6d0",
"on_tertiary": "#44244a",
"on_tertiary_container": "#fed6ff",
"outline": "#8e9099",
"outline_variant": "#44474f",
"primary": "#adc6ff",
"primary_container": "#004494",
"scrim": "#000000",
"secondary": "#bbc6e4",
"secondary_container": "#3b475f",
"shadow": "#000000",
"source_color": "#4285f4",
"surface": "#000000",
"surface_variant": "#0e1118",
"tertiary": "#e5b8e8",
"tertiary_container": "#5d3a62"
},
"dark": {
"background": "#1b1b1f",
"error": "#ffb4ab",
"error_container": "#93000a",
"inverse_on_surface": "#303033",
"inverse_primary": "#005ac1",
"inverse_surface": "#e3e2e6",
"on_background": "#e3e2e6",
"on_error": "#690005",
"on_error_container": "#ffb4ab",
"on_primary": "#002e69",
"on_primary_container": "#d8e2ff",
"on_secondary": "#253048",
"on_secondary_container": "#d8e2ff",
"on_surface": "#e3e2e6",
"on_surface_variant": "#c4c6d0",
"on_tertiary": "#44244a",
"on_tertiary_container": "#fed6ff",
"outline": "#8e9099",
"outline_variant": "#44474f",
"primary": "#adc6ff",
"primary_container": "#004494",
"scrim": "#000000",
"secondary": "#bbc6e4",
"secondary_container": "#3b475f",
"shadow": "#000000",
"source_color": "#4285f4",
"surface": "#1b1b1f",
"surface_variant": "#44474f",
"tertiary": "#e5b8e8",
"tertiary_container": "#5d3a62"
},
"light": {
"background": "#fefbff",
"error": "#ba1a1a",
"error_container": "#ffdad6",
"inverse_on_surface": "#f2f0f4",
"inverse_primary": "#adc6ff",
"inverse_surface": "#303033",
"on_background": "#1b1b1f",
"on_error": "#ffffff",
"on_error_container": "#410002",
"on_primary": "#ffffff",
"on_primary_container": "#001a41",
"on_secondary": "#ffffff",
"on_secondary_container": "#0f1b32",
"on_surface": "#1b1b1f",
"on_surface_variant": "#44474f",
"on_tertiary": "#ffffff",
"on_tertiary_container": "#2d0e34",
"outline": "#74777f",
"outline_variant": "#c4c6d0",
"primary": "#005ac1",
"primary_container": "#d8e2ff",
"scrim": "#000000",
"secondary": "#535e78",
"secondary_container": "#d8e2ff",
"shadow": "#000000",
"source_color": "#4285f4",
"surface": "#fefbff",
"surface_variant": "#e1e2ec",
"tertiary": "#76517b",
"tertiary_container": "#fed6ff"
}
},
"colors_android": {
"amoled": {
"accent_surface": "#edf0ff",
"color_accent_primary": "#d8e2ff",
"color_accent_primary_variant": "#80aaff",
"color_accent_secondary": "#d8e2ff",
"color_accent_secondary_variant": "#a0abc8",
"color_accent_tertiary": "#fed6ff",
"color_accent_tertiary_variant": "#c89dcb",
"color_background": "#000000",
"color_background_floating": "#000000",
"color_surface": "#101114",
"color_surface_highlight": "#1b1b1f",
"color_surface_variant": "#252629",
"off_state": "#303033",
"scrim_android": "#c7c6ca",
"source_color": "#4285f4",
"surface_header": "#1b1b1f",
"text_color_primary": "#f2f0f4",
"text_color_primary_inverse": "#1b1b1f",
"text_color_secondary": "#c4c6d0",
"text_color_secondary_inverse": "#46464a",
"text_color_tertiary": "#8e9099",
"text_color_tertiary_inverse": "#77777a",
"text_primary_on_accent": "#1b1b1f",
"text_secondary_on_accent": "#44474f",
"under_surface": "#000000",
"volume_background": "#000000"
},
"dark": {
"accent_surface": "#edf0ff",
"color_accent_primary": "#d8e2ff",
"color_accent_primary_variant": "#80aaff",
"color_accent_secondary": "#d8e2ff",
"color_accent_secondary_variant": "#a0abc8",
"color_accent_tertiary": "#fed6ff",
"color_accent_tertiary_variant": "#c89dcb",
"color_background": "#1b1b1f",
"color_background_floating": "#1b1b1f",
"color_surface": "#303033",
"color_surface_highlight": "#525256",
"color_surface_variant": "#46464a",
"off_state": "#303033",
"scrim_android": "#c7c6ca",
"source_color": "#4285f4",
"surface_header": "#46464a",
"text_color_primary": "#f2f0f4",
"text_color_primary_inverse": "#1b1b1f",
"text_color_secondary": "#c4c6d0",
"text_color_secondary_inverse": "#46464a",
"text_color_tertiary": "#8e9099",
"text_color_tertiary_inverse": "#77777a",
"text_primary_on_accent": "#1b1b1f",
"text_secondary_on_accent": "#44474f",
"under_surface": "#000000",
"volume_background": "#3b3b3f"
},
"light": {
"accent_surface": "#edf0ff",
"color_accent_primary": "#d8e2ff",
"color_accent_primary_variant": "#005ac1",
"color_accent_secondary": "#d8e2ff",
"color_accent_secondary_variant": "#535e78",
"color_accent_tertiary": "#fed6ff",
"color_accent_tertiary_variant": "#76517b",
"color_background": "#f2f0f4",
"color_background_floating": "#faf9fd",
"color_surface": "#faf9fd",
"color_surface_highlight": "#ffffff",
"color_surface_variant": "#e3e2e6",
"off_state": "#303033",
"scrim_android": "#c7c6ca",
"source_color": "#4285f4",
"surface_header": "#e3e2e6",
"text_color_primary": "#1b1b1f",
"text_color_primary_inverse": "#f2f0f4",
"text_color_secondary": "#44474f",
"text_color_secondary_inverse": "#c7c6ca",
"text_color_tertiary": "#74777f",
"text_color_tertiary_inverse": "#919094",
"text_primary_on_accent": "#1b1b1f",
"text_secondary_on_accent": "#44474f",
"under_surface": "#000000",
"volume_background": "#3b3b3f"
}
}
}
matugen --json <JSON> <other-arguments>
matugen -h
matugen --help
matugen --show-colors <other-arguments>
matugen -v <other-arguments>
# Dark mode
matugen image /path/to/wallpaper/ -m "dark"
# Light mode
matugen image /path/to/wallpaper/ -m "light"
Example:
matugen image ~/wall/snow.png -l
Warning
Using this will not:
- Set the wallpaper
- Replace the {{image}} keyword
The above might be implemented in the future.
Same as image, but it fetches the image from web.
matugen web-image <url>
# Dark mode
matugen color hsl <hsl color> -m "dark"
# Light mode
matugen color hex <hex color> -m "light"
Example:
matugen color hex "#ffbf9b"
matugen color rgb "rgb(63, 106, 171)" -m "light"
matugen color hsl "hsl(216.34, 45.75%, 45.88%)" -m "dark"