{"id":18323186,"url":"https://github.com/nathansmith/json-to-css-var","last_synced_at":"2025-04-05T23:31:31.587Z","repository":{"id":216611227,"uuid":"741786279","full_name":"nathansmith/json-to-css-var","owner":"nathansmith","description":"Convert JSON to CSS variables","archived":false,"fork":false,"pushed_at":"2024-01-13T00:18:59.000Z","size":19,"stargazers_count":8,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-21T13:44:56.711Z","etag":null,"topics":["css","javascript","variables"],"latest_commit_sha":null,"homepage":"https://host.sonspring.com/json-to-css-var","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nathansmith.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-01-11T05:29:19.000Z","updated_at":"2025-02-27T13:41:57.000Z","dependencies_parsed_at":"2024-01-11T08:36:22.517Z","dependency_job_id":"7357d42f-29fa-4522-b05d-a45822f23c59","html_url":"https://github.com/nathansmith/json-to-css-var","commit_stats":null,"previous_names":["nathansmith/json-to-css-var"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nathansmith%2Fjson-to-css-var","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nathansmith%2Fjson-to-css-var/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nathansmith%2Fjson-to-css-var/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nathansmith%2Fjson-to-css-var/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nathansmith","download_url":"https://codeload.github.com/nathansmith/json-to-css-var/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247415783,"owners_count":20935383,"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":["css","javascript","variables"],"created_at":"2024-11-05T18:27:28.262Z","updated_at":"2025-04-05T23:31:26.573Z","avatar_url":"https://github.com/nathansmith.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JSON to CSS var\n\nThis mini project converts JSON objects into namespaced CSS variables.\n\n**BEFORE:**\n\n```json\n{\n  \"base\": {\n    \"font\": {\n      \"family\": [\n        \"Segoe UI\",\n        \"system-ui\",\n        \"sans-serif\"\n      ],\n      \"size\": \"16px\"\n    },\n    \"line-height\": 1.5\n  },\n  \"theme\": {\n    \"light\": {\n      \"background\": \"#fff\",\n      \"text\": \"#000\"\n    },\n    \"dark\": {\n      \"background\": \"#333\",\n      \"text\": \"#ccc\"\n    },\n    \"contrast\": {\n      \"background\": \"ButtonFace\",\n      \"text\": \"ButtonText\"\n    }\n  }\n}\n```\n\n**AFTER:**\n\n```css\n:root {\n  --base-font-family: 'Segoe UI', system-ui, sans-serif;\n  --base-font-size: 16px;\n  --base-line-height: 1.5;\n  --theme-light-background: #fff;\n  --theme-light-text: #333;\n  --theme-dark-background: #333;\n  --theme-dark-text: #ccc;\n  --theme-contrast-background: ButtonFace;\n  --theme-contrast-text: ButtonText;\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnathansmith%2Fjson-to-css-var","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnathansmith%2Fjson-to-css-var","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnathansmith%2Fjson-to-css-var/lists"}