{"id":18305288,"url":"https://github.com/huntercox/wp-color-palette-plugin","last_synced_at":"2025-04-09T10:42:34.133Z","repository":{"id":176313463,"uuid":"655249500","full_name":"huntercox/wp-color-palette-plugin","owner":"huntercox","description":"WordPress Plugin that creates a page in WP Admin for you to build a palette and add it to the frontend as CSS variables.","archived":false,"fork":false,"pushed_at":"2023-06-19T15:07:17.000Z","size":19,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-15T04:44:12.794Z","etag":null,"topics":["wordpress-plugin"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/huntercox.png","metadata":{"files":{"readme":"README.txt","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-06-18T10:44:55.000Z","updated_at":"2023-06-19T15:15:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"bce086bd-5e55-4d5e-96dd-04e912585cdd","html_url":"https://github.com/huntercox/wp-color-palette-plugin","commit_stats":null,"previous_names":["huntercox/wp-color-palette-plugin"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huntercox%2Fwp-color-palette-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huntercox%2Fwp-color-palette-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huntercox%2Fwp-color-palette-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huntercox%2Fwp-color-palette-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/huntercox","download_url":"https://codeload.github.com/huntercox/wp-color-palette-plugin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248024518,"owners_count":21035279,"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":["wordpress-plugin"],"created_at":"2024-11-05T15:33:43.689Z","updated_at":"2025-04-09T10:42:34.114Z","avatar_url":"https://github.com/huntercox.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"=== Color Palette ===\nContributors: Hunter Cox\nRequires at least: 5.5\nTested up to: 5.8\nStable tag: 1.0.0\nRequires PHP: 5.4\nLicense: GPLv2 or later\nLicense URI: http://www.gnu.org/licenses/gpl-2.0.html\n== Description ==\nWordPress Plugin that creates a page in WP Admin for you to build a palette and add it to the frontend as CSS variables.\n\nThis plugin does the following:\n\n1. Upon activation creates a settings page in the WP Admin called \"Color Palette\"\n2. Within the Color Palette plugin page you can proceed to build a color palette with the option to pass colors to frontend.\n3. Choose a color by clicking the 'Select Color' button on a color picker and populating the field with a hex code.\n4. Fill out the corresponding text field to give the color an identifier.\n5. Click Update Settings to save the colors into the database.\n6. To add more colors, click the Add Color button to generate another color picker.\n7. Choose to enable passing this array to the client-side DOM for usage on frontend by checking the \"Add colors to root element as CSS variables.\" checkbox.\n8. If checked, colors are output via an inline-stylesheet to the \u003chead\u003e of the HTML document.\n9. CSS variables with corresponding IDs are added to the body element within the stylesheet.\n\n**Usage with SCSS**\n\nIn order to use these variables with SCSS you must format the variables like this:\n\n$green: --green;\n\nWhere --green is your color's ID and $green is the variable you'll to output using var() when you need to use the function in a\n\nYou cannot declare the variables with a var() function around them so that you can use $green everywhere. You must decalre them as text and then use var() in each place to output the hex code. Like so:\n\n\t// SCSS input\n\tbackground-color: var($green);\n\n\t// CSS ouput\n\tbackground-color: #38d6b4;\n\n**Known Issues:**\nThis method does not work with certain Sass functions such as lighten(), darken() and rgba(). You cannot pass an interpolated variable through these functions.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuntercox%2Fwp-color-palette-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhuntercox%2Fwp-color-palette-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuntercox%2Fwp-color-palette-plugin/lists"}