{"id":15069172,"url":"https://github.com/g000sha256/material_color_scheme","last_synced_at":"2026-01-03T00:08:17.711Z","repository":{"id":242402541,"uuid":"798333820","full_name":"g000sha256/material_color_scheme","owner":"g000sha256","description":"Dynamic Material 3 color scheme builder for Compose","archived":false,"fork":false,"pushed_at":"2024-08-04T18:39:34.000Z","size":87,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-22T19:46:03.103Z","etag":null,"topics":["android","color","compose","jvm","kmm","kmp","kotlin","material","material-design","material-ui","material3","material3-android","multiplatform","multiplatform-compose","multiplatform-kotlin-library","multiplatform-library","theme"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/g000sha256.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-09T15:12:46.000Z","updated_at":"2024-08-04T18:39:38.000Z","dependencies_parsed_at":"2024-10-13T03:41:27.534Z","dependency_job_id":"8bd498a7-ede8-42d9-a502-340729bf1997","html_url":"https://github.com/g000sha256/material_color_scheme","commit_stats":null,"previous_names":["g000sha256/material_color_scheme"],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g000sha256%2Fmaterial_color_scheme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g000sha256%2Fmaterial_color_scheme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g000sha256%2Fmaterial_color_scheme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g000sha256%2Fmaterial_color_scheme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/g000sha256","download_url":"https://codeload.github.com/g000sha256/material_color_scheme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243837017,"owners_count":20355814,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","color","compose","jvm","kmm","kmp","kotlin","material","material-design","material-ui","material3","material3-android","multiplatform","multiplatform-compose","multiplatform-kotlin-library","multiplatform-library","theme"],"created_at":"2024-09-25T01:40:52.869Z","updated_at":"2026-01-03T00:08:17.670Z","avatar_url":"https://github.com/g000sha256.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dynamic Material 3 color scheme builder for Compose\n\n![License](https://img.shields.io/static/v1?color=green\u0026label=Platform\u0026message=Android)\n![License](https://img.shields.io/static/v1?color=orange\u0026label=Platform\u0026message=JVM)\n![License](https://img.shields.io/static/v1?color=blue\u0026label=Platform\u0026message=iOS)\n![License](https://img.shields.io/static/v1?color=white\u0026label=Platform\u0026message=MacOS)\n![License](https://img.shields.io/static/v1?color=yellow\u0026label=Platform\u0026message=JS)\n\nThis library provides a builder for creating dynamic color schemes according to the Material 3 guidelines.\nYou no longer have to export large sets of colors. You can also change the theme of your application in runtime.\n\n## Installation\n\n### Dependency\n\n```kotlin\nimplementation(\"dev.g000sha256:material-color-scheme:1.4.0\")\n```\n\n\u003e [!NOTE]\n\u003e The artifact coordinates have been changed from `com.github.g000sha256:material_color_scheme`\n\u003e to `dev.g000sha256:material-color-scheme`\n\n### Repository\n\n```kotlin\nmavenCentral()\n```\n\n\u003e [!NOTE]\n\u003e The repository has been changed from `maven(\"https://jitpack.io\")` to `mavenCentral()`\n\n## Examples\n\n### How to build a color scheme using any primary color\n\n```kotlin\nval isDark: Boolean = TODO()\nval primaryColor: Color = TODO()\nval updatedColorScheme = remember(isDark, primaryColor) {\n    return@remember buildColorScheme(\n        mode = if (isDark) ColorSchemeMode.Dark else ColorSchemeMode.Light,\n        primary = primaryColor\n    )\n}\nMaterialTheme(colorScheme = updatedColorScheme) {\n    // content\n}\n```\n\n### How to build a color scheme using custom colors\n\n```kotlin\nval isDark: Boolean = TODO()\nval primaryColor: Color = TODO()\nval secondaryColor: Color = TODO()\nval tertiaryColor: Color = TODO()\nval neutralColor: Color = TODO()\nval neutralVariantColor: Color = TODO()\nval errorColor: Color = TODO()\nval updatedColorScheme = remember(isDark, primaryColor, secondaryColor, tertiaryColor, neutralColor, neutralVariantColor, errorColor) {\n    return@remember buildColorScheme(\n        mode = if (isDark) ColorSchemeMode.Dark else ColorSchemeMode.Light,\n        primary = primaryColor,\n        secondary = secondaryColor,\n        tertiary = tertiaryColor,\n        neutral = neutralColor,\n        neutralVariant = neutralVariantColor,\n        error = errorColor\n    )\n}\nMaterialTheme(colorScheme = updatedColorScheme) {\n    // content\n}\n```\n\n### How to override generated colors\n\n```kotlin\nval isDark: Boolean = TODO()\nval primaryColor: Color = TODO()\nval outlineColor: Color = TODO()\nval updatedColorScheme = remember(isDark, primaryColor, outlineColor) {\n    val scheme = buildColorScheme(\n        mode = if (isDark) ColorSchemeMode.Dark else ColorSchemeMode.Light,\n        primary = primaryColor\n    )\n    return@remember scheme.copy(\n        outline = outlineColor,\n        // override other colors here\n    )\n}\nMaterialTheme(colorScheme = updatedColorScheme) {\n    // content\n}\n```\n\n### How to animate changes\n\n```kotlin\nval isDark: Boolean = TODO()\nval primaryColor: Color = TODO()\nval updatedColorScheme = remember(isDark, primaryColor) {\n    return@remember buildColorScheme(\n        mode = if (isDark) ColorSchemeMode.Dark else ColorSchemeMode.Light,\n        primary = primaryColor\n    )\n}\nval animatedColorScheme = animateColorScheme(updatedColorScheme)\nMaterialTheme(colorScheme = animatedColorScheme) {\n    // content\n}\n```\n\n## Color scheme settings\n\nColor scheme settings are valid for 05.05.2024\n\n### Hue\n\n|     | P (Primary) | S (Secondary) | T (Tertiary) | N (Neutral) | NV (Neutral Variant) | E (Error) |\n|-----|:-----------:|:-------------:|:------------:|:-----------:|:--------------------:|:---------:|\n| Hue |      -      |       -       |     +60      |      -      |          -           |     -     |\n\n### Chroma\n\n|        | P (Primary) | S (Secondary) | T (Tertiary) | N (Neutral) | NV (Neutral Variant) | E (Error) |\n|--------|:-----------:|:-------------:|:------------:|:-----------:|:--------------------:|:---------:|\n| Chroma |     36      |      16       |      24      |      4      |          8           |     -     |\n\n### Tone\n\n#### Dark\n\n\u003cimg src=\"images/dark.png\" /\u003e\n\n#### Light\n\n\u003cimg src=\"images/light.png\" /\u003e\n\n## Resources\n\n#### Web pages\n\n- [Material 3 color system](https://m3.material.io/styles/color/system/overview)\n- [Material theme builder](https://material-foundation.github.io/material-theme-builder)\n- [Science of HCT color](https://material.io/blog/science-of-color-design)\n\n#### Figma\n\n- [Material 3 Design Kit](https://www.figma.com/community/file/1035203688168086460)\n- [Material theme builder playground](https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder)\n\n#### Figma plugins\n\n- [HCT color picker](https://www.figma.com/community/plugin/1227923985322908257/hct-color-picker)\n- [Material theme builder](https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fg000sha256%2Fmaterial_color_scheme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fg000sha256%2Fmaterial_color_scheme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fg000sha256%2Fmaterial_color_scheme/lists"}